01_尚硅谷_硅谷直聘_项目开发准备_演示功能.avi原创

好，那从今天开始呢，我们就要去学一个基于RA一个全站的一个项，也就是包含前台应用和后台应用。那我先把那个我们最终的效果给大家运行一下，发给大家资料里面呢就有啊，这里面有个扣好，这个里面呢有好几个项目，没关系啊，简单说一下啊，前面两个呢，都是一看就是。前台项目啊，后面两个呢，是什么呢？后台项目啊，一个是空的，就是还没写代码啊，到时候就在里面写，嗯，再一个呢，是已经写好的，那我们运行应该运行什么，已经写好了吧，那现在呢，我要运行两个项目啊，首先我要把后台项目给他运行起来。这面我就不大家去看那个命令了，我自己来啊，嗯，先是CMD。接着NPM大，那这个时候呢，会去启动啊，我的后台的服务器应用来数据库已经什么连接成功了，但前提你必须保证你的数据库服务是不是要启动了，就mango DB的服务要启动啊，没问题啊，在进入我们的这一个。

前台应用的也是MD。就是也是一样执行什么呢？NPM大轴理。啊，这个时候呢，他会去对我们前台应用进行啊开发环境的打包啊，这里面应该是三零三三千已经被占用了。啊，3001。啊，稍微要点时间啊，把它切换一下，这是一个移动端的项目，所以呢，我切换到移动端的这个模式。

好，来了。那以后呢，现在我们啊，我们这个项目名字叫啊硅谷直聘，就是一个招聘跟招聘相关的一个聊天的实时聊天的一个小应用啊。那首先一上来，他必须强制你去注册登录。啊，我也有希望，我们我们去注册一个用户，大概看一看。那首先是不是用户名呢？我们这里面有两种角色啊，两个角色就两种类型的用户，一个叫大神，一个叫老板啊。好来我们来去，我来去注册一个，我比如说叫大神吧，大神啊大神我本来已经有几个了，我来一个来个四啊大神四好密码呢，我为了能够好记忆，我都取123啊密确认密码123，接着是要选择大神才行啊啊选择大神好了，点击什么注册哎，这一个界面呢，是去完善那个用户信息的，我们用户信是不是需要有一些头像啊啊这里面呢，一共有20个头像供你选择啊，我看一下我哪个比较合适我呀，就这个吧。

啊好，那我就选择了一个头像，接着啊，我这个大神求职的岗位是什么皮，就是web前端工程师可以吧，可以接着说一下个人介绍，就说你会什么。是不是我会啥？会H会吧，啊会啊，CS也会，GS也会啊，啊譬如说react啊，写的差不多是个意思啊好现在点击什么保存。去完善个人信息，诶我一登上来以后就发现什么。

哎，有三个老板跟我去聊天是吧。是吗？是我一自动就显示啊，我因为我是大神嘛，这个能不能说白了，我是求职者对不对啊，那显示的自然就是什么老板的列表。是这概念吧，啊是这概念啊，我还没跟聊过天吧，然后这不是相当于我们微信里面的那个聊天列表吗？啊，这个呢，是我的一个用户中心的一些相关的信息啊，我们当前这个应用布局没搞的特别复杂，都很简单啊好。那那比如说我们想去跟谁聊天呢？啊，想去跟这个谷歌的这个老板去聊天啊，因为他的薪水16K，跟我的水平差不多啊。就比较适配，我觉得还还能行，那下面是不是要跟他聊天是吧，好，此时我最好把那个把这个老板一这个账号也登录上去。

就能看到实时聊天的效果。什么意思呢？我再用一个浏览器，不能用这个Chrome浏览器了。啊，因为这里面有一个登录状态的一个问题，好，那我就用它，那现在呢，我们的那个账号是不是啊，3001是吧？啊3001，那我就访问一下3001啊，访问一下3001走里。好，那我就稍微缩小一下啊。好，下面呢，我来去登录，我不注册了，实际上我已经注册了一些用户啊，怎么能看的出来，那我这个用户名是多少了，老板一呗啊，密码我都是用的123，因为这样为了记忆啊，为了记住好点击登录。嗯，说明哎，老板看到什么，大家看到啊，老板看的什么是求职者那些大神的列表啊，那现在一共有几个求职者。

12344个，这不刚好四个嘛，对吧，而我是谁呀，是不是他呀，对吧，突然你你别点击这里面去了。这个能不能懂，我们对着聊天嘛，好，那谁先开始说话了，求职者说，说啥了啊，行吧，那就你好啊你好啊你好，再来一个表情。是吧，接着我点发送吧，来我点发送这里面我我最好让最好能够让他，让他能够看到一点是吧。这个这这样啊，调试工具给它给它去掉，我这这么搞啊，虽然说现在其实本质不算是不是一个移动端是个PC的对吧？啊，但是都能操作对不对，这能么看到啊，这样能对着去来发一下走你。

是吧，那你好好啦，那下面他是不是要去回复了呀，说啥好尴尬尬掉那个说什么说在呢啊。是不是可以？可以是吧，嗯。嗯，什么你下面就可以随便随便写啊，我就随便写一下都可以吧，是不是可以啊，当然你也可能去是不是发多条信息是不是也可以的。你们看到。就这么个事啊。当然还有一些别的功能啊，后面呢，再详细的一些介绍，比如说我们这里面看，譬如说我也聊过天，诶这个老板是不是跟两个人聊过天了。

能看到吧，这实际上是一个分组的一个聊天的一个列表啊，比如说哎呀这个地方是不是还有一个排序的问题，看到啊，就后聊的是不在前面。先聊的是不是在下面，这是他先跟其他人聊的啊，这这哥们聊的挺好。啊，就马上就要去面试了啊。啊，说明聊天的技巧很关键啊，你要不会聊，那你就约不到面试，你要会聊，那自然就要可以面试啊，大家后面去面试的时候，很大一个，嗯，很大一个途径，有一个非常重要的途径，就是通过boss直聘啊，去跟那些人直接去聊。他跟那个跟那个其他那些招聘网站，跟那个什么五八或者是那个叫什么来着，呃，那个叫什么着，那过差不多那个智联还是有点不太一样的啊，Bos聘上面跟那个还是不不太一样，其实说白了就更接近于更你你聊天的对象，更接近于老板，就这个意思。

好，嗯，大概就是这样一个情况，后面呢，还有未读消息的一个显示，比如说我给他发一个消息。啊，随便发啊，我也没什么意义了，看吧。是吧，啊就能显示啊，显示你谁跟你聊天的信息，你没看是吧，那就能提示出来啊，有有几条，而且总共有多少条没看啊，但是我一旦看到了。是不没了啊，这个功能应该是大家都很熟悉的，因为大家经常在操作，跟微信上面的功能差不多是吧。嗯，再有就是我这个里面的用户的一个一个一个界面呢，这个界面呢，主要展现信息以及退出登录，我点一下。

这效果还可以吧，对吧，虽然说看起来很简洁啊，但是效果整个效果还是可以的，因为用的是UI组件库啊去做的，这里面整个应用中并不需要探写多少样式啊，之所以不用探写多少样式有两个方面，第一个这个界面比较简洁，这是一个方面，另一个方面很重要。UI组件库啊，他能把结构整个给你构建起来，那就取消了，肯定不会退出啊，你确认那就退出了。功能应该看得懂吧，啊，看得懂行啊。嗯。