00:00
下面我们要真正去做那个后台了,因为我们现在界面都写好了,就准备去是发登录或者注册的请求了呀,啊,关键现在没接口啊,啊这一次我们的项目是前台应用后台应用都写啊,所以我们现在要做一个事情叫搭建或者叫创建后台应用。我们后台应用的整体的架构就是no加什么呢?Express,以及后面用上mango DB对吧?那我们先来创建一个no与express结合的一个应用啊,这个怎么样快速创建呢?可能大家以前是一点一点手动创建的是吗?有用工具创建过吗?没有,那今天我就教大家如何来去用工具,说白了有点相当于脚手架。啊,这是一个内置的,有一个脚手架,能自动帮你生成一个已经写好配置的一个项目,一个后台项目,啊来给大家演示一下。
01:03
Fair。啊,接着呢,6PROJECT好来看啊,这个时候呢,嗯,需要去选择谁呢,选择这个。这个应该能看到了,能不能我们现在是创建个load express的APP,这不是我的目标吗?是吧?好,先指定你的项目的位置以及项目的名称,这明显不对。能不懂?好,我现在准备去创新哪去了?我们当前不有自己的workspace吗?啊,大家要注意啊,尽量你的写代码的位置不要出现中文啊,尽量不要出现中文啊好,我们的workspace啊,我们的react,我要在这里面去创建一个项目,先指定下面的文件夹,接着再指定一层目录来说明你的项目叫什么名字。这个能不能懂,我们的项目不叫硅谷直聘是吧,那你寄直聘就是硅谷直聘,能不能看到我们现在写的是不是后台呀,记得来个什么呢,服务器端嘛,Server。
02:11
懂不懂,因为我们前台应用叫什么。是不是杠client啊,对应着写。好,这里面啊,是会用到漏的啊,这个load的版本呢,四点几的版本,好接着这里。我们的模板引擎用的是什么?啊EGS,那就选择EGS,我们的样式呢,用的基本的样式就是基本的CSS啊,其实我们都不不怎么用样式,我们现在的接口只是提供数据啊,不去整页面,但尽量选一下这里面注意首先第一个选它没问题吧啊,接着指定你的路径以及你的项目的名称。再一个改的就是这个模板引擎改成ES。这个没问题吧,好,接着点击create。
03:04
亏了以后他干嘛了啊,他就会去。下载那个模板项目,后台的模板项目,并且帮你安装依赖通通的事都帮你搞定。啊,但是这个呢,需要一定的时间啊才能做好,所以呢,我就放弃了啊,我是要告诉大家这个这样一个过程好,因为这里面呢,我已经有了一个啊,我我不发给大家里面有一个服务器端的空应用嘛,就是通过刚才那种方式创建出来的啊,通过刚才那种方式创建出来的啊,我刚才创建是这个吧啊这个里面还没来得及下载了,就给我干掉了啊把它去掉。把它去掉,嗯去掉以后呢,把这个稍微改一改,嗯,就不要这个blank了,再弄呢,好来接着看一还要看一个东西,看一下它的那个pack点里面的那个名字是不是好的啊,刚好是好的是不是啊,可以用跟我们的应用的名称一致,最好是这样。
04:17
啊,而且看到这个地方,它是不是有一些依赖,这个大家应该还有印象cookie的,这是一减S,这是什么express啊,其他的不知道都没关系啊,那这个都放着。脚手架里面东西可能有些部分你是不能完全的说非常熟练或者懂的,没关系,看重点的部分就行啊,那下面我是不是需要用啊web给它打开啊。好,那就打开呗,看一下C啊,我一般我打开一个新的一个文项目呢,我会先复制这个路径,接着fair open指定这个路径。我也不用去找啊,找起来麻烦就在这里吧。
05:03
是的,不是,这个是不是好来。这里要注意选择什么呢?6WINDOW。能不能,那有人可能老师我的电脑性能不太好,一次打开两个我直接就挂了,或者很慢怎么办?很简单,你建一个文件夹,把前端项目和后端项目都给他什么放在文件夹里面。打一次打开两个项目,一个前台项目,一个后台项目,能不懂啊好。来,那下面呢,我们就把我们的这个项目呢,其实就已经创建好了啊,这个里面有几个重要的文件,我们来看一下,先看这个P。啊,有一个这个东西你还记得吧,这是了我们运行的命令了,那说明我们要运行怎么办?N PM start就行对吧,或叫run start,而最终运行执行的是哪个文件。
06:05
是B下面的什么3W,这实际上是个JS文件。啊,这个里面大家其实应该是差不多可以看懂的,这实际上在干嘛呢?再去serve.listen port什么意思,不启动监听,启动服务器吗?而监听的端口号是多少呢?3000。先看这吧啊,整理看懂关键位置啊。那如果我不希望他建了3000,我希望他坚定了4000,我怎么办呢?改一下就行。好,现在实际上已经启动起来了,但它没有进行提示啊来,我们现在需要去访问一下,测试一下到底行不行,对不对啊,先简单的访问一下。来对吧,3000呗,这个吧,走你。
07:05
各位可以。啊,他实际上啊,现在啊,现在给我们的是什么呢?说一下啊,给我们的是这个。这个页面。听懂不给我们是这个页面啊,而现在有一个大家知道后台有一个非常重要高点叫什么路由啊,这个其实大家能看懂,你看这是在干嘛。root.get是不是注册一个,这不是发送请求啊,是注册一个路由。而那个路由处理什么类型的请求?Get类型的请求,而路由的pass是多少?斜杠就是跟路径,我现在是不是访问的跟路径是你这么写相当于这么写吗?对吧,啊,没问题,好,接着最终is点润的是不是渲染一个模板,嗯,选一个模板就等一个模板呢,Index也就算它呗,是吧?啊,最终还给它传了一个,传了一个变,相当于传了一个变量,对不对,选了一个变量,变量名叫title值是不是叫express。
08:20
而这一个值,我们这里面是不是在读。能懂不啊,这个实际上是用通过后台模板引擎来去渲染一个界面,前台展现。也就是说你要知道这个数据,这个界面是在浏览器上渲染的,还是在后台渲染的,后台渲染的。你要知道啊,现在我承担了两个角色,既是用户,也是服务器端的人,对吧?啊,两个角色都有这个要知道。但是呢,我们现在要写的后台可不是这样做。我们的后台只干提供数据。
09:01
不提供界面。能不能因为我们要做前后台分离,对吧。但是好歹我们的应用已经跑起来了,对不对啊,在我们的这个应用里面主要有两个文件需要关注,哪两个文件呢?一个是这个3W,我们其实一般改的最多的就是这个。能不能啊,改的是它啊可以改,因为这3000吧,主要是我们的应用默认跑起来也是3000对吧,这样容易每次都提示我要跑到三千零一三千零二,那麻烦那我就把它直接改,为什么呢?4000。这两道吧,改为事先后面呢还一个文件,还一个很重要的文件,就是这个。我们需要在这个文件里面去注册我们自己的什么路由。这个什么弄注册,我们自己路由都写在这个文件里面。啊。好,那后面的事情呢,我们就去做这个事,但是先至少应该知道了如何来快速的创建一个基于load加express的后台应用,很轻松,对吧。
10:10
好,这是这个。
我来说两句