00:00
大家好,这节课开始来写我们的项目那。我们第一节课呢,先初始化我们项目,把项目给就是at pro这个框架安装上,然后把一些不必要的文件给删除一下,那首先看一下怎么安装,我们要创建一个空的文件夹,做我们的项目目录啊,在我们项目目录下执行啊这个命令去创建啊这个n pro。嗯,打开我们的终端。我现在还是在我们之前的例子的这个目录里面,然后回到上一层。这时候回到了桌面啊,那我在这里呢。创建一个目录atd。好,那这个就是。作为我们这个,呃,项目的这个目录啊。然后注意这个这个连接线啊,不要用那种中横线,有可能会出问题,用这种下划线。
01:00
哎,创建完这个目录之后,你要进入到这个目录中。进入到这个目录中以后,再去执行这个安装命令啊,这个是呃,Unix以及Linux的一个安装的一个方法啊,当然那个Windows的话,你可能呃,就是说手动去创建这个目录,然后进到那个目录里面啊,打开你的CMD,然后把你的CMD的这个啊,也是这一块会显示你当前所在的目录嘛,进到你的这个创建的那个目录里面,再执行这个命令,后面都是一样的啊。嗯,这个只是帮我们创建了一个,呃,Ant的一个。啊,一个脚手架就是有一些很基础的一个文件,但是它的依赖都没有安装,所以呃,等这个安装之后,我们还要继续安装我们的依赖啊,这个在手册上面有说明,在下面在这。啊,我们要呃,使用这个NPM隐死套,或者说是这个使用这个样进行依赖的一个安装啊,先等这个安装完成。
02:04
好的,接下来我们来进行选择啊,那我们就安装这个啊int啊第三。使用V4的版本。呃,语言的话呢,呃,我们就使用这个呃GS吧,啊,因为这个有有的同学这个type或者不是特别熟,那我们就使用GS啊。接下来问我们是创建一个简单的一个脚手架,还是创建一个完整的一个项目,那我们自己写项目的话呢,就创建简单脚手架就可以,因为你创建完整的项目,它东西太多了啊。这是NTD的一个版本,我们使用版本。能。查看一下目录啊,可以看到是没有那个node model的那个依赖的目录,对吧,所以我们要执行这个呃,压套啊,或者说直接执行压去安装我们的这个依赖啊,推荐大家使用这个压,速度稍微快一点。
03:12
好的,已经安装完成了。在安装完成之后呢,我们要选择一款自己喜欢的编辑器来打开我们的项目,开始我们代码的一个编写,那这里我们还是使用这个web STEM啊。啊,这边这个打开的这个项目是我,哎这里给大家运行的这个啊,例子,我们项目的这个例子啊,那我们现在是这边新创建了这个项目的话。新创建的这个项目是这个啊,所以我们还是使用这个编辑器重新打开一份。重新打开我们刚才新创建的项目open。桌面啊,就这个啊。打开。在新的窗口打开。我把它给。最小化一下,好,那这个就是刚才我们新安装的这个项目对吧?嗯呃,就是怎么使用编辑器打开的项目就不说了,你直接拖到这个编辑器里面也可以啊。
04:10
接下来把我们的项目给运行起来。啊,我们可以直接在这里打开终端,它会自动去进入到我们的项目所在的这个呃路径里面啊,当然也可以继续使用,呃,之前我们的这个终端都是可以的啊,那为了这个简单省事,我们就直接在这个编辑器里面去使用吧,呃。使用这个亚他的来启动我们的项目。再给大家介绍一下这个它的启动的一些脚本啊,我们找到这个pigs。配杰。我们一直用的是这个。呃,亚安对吧,Start呢,它实际上执行的是这个。敏第一位对不对。这个命令呢,它默认会开启这个呃Mo啊,所以大家没有,就是不会看到那个登录的那个页面,诶,比如说这个8001,我们来访问一下。
05:04
当我们直接访问的时候,会直接呃,完成一个登录以及用户信息的一个获取,对吧,来我们在这儿。可以看到啊,不会经过这个登录的页面,并且是自己就可以拿到这个用户信息,这是因为他默认就是走了这个默认开启的这个慕啊,当我们不想开启这个的时候就可以呃,使用这个start冒号D啊。哎,或者说。N PM run地位。啊,这样的时候,这是一个DV的一个模式,它就啊不走这个Mo,并且还设置了我们的这个环境一些环境变量啊好,当然你也可以去使用这个start冒,就是说冒号no,这样它也是不走这个。清楚吧啊。那为什么要说这一点呢?因为后面我们要呃用到这几个命令啊。嗯,我们的项目已经启动了啊,这边已经访问了,那我们这节课的主要的目的就是把一些没有必要的文件给删掉。
06:03
都有哪些呢?一个是。呃,这个欢迎页对吧?啊,一个是我们的这个查询表格啊,那这些都是没有必要的,我们把它给删掉啊来。先把这些关掉。我们之前,哎,我们新建一个功能,我们知道怎么一步一步的去写,但是现在轮到我们去删东西的时候,大家想一想。怎么个一个流程,是不是就是呃,你再往后推就可以了,对吧,首先你还是一样的。找到它的路由。那这个表格我们不需要对吧,就是这个list table这个不需要把它给删掉。之后看一下这个呃,国际化的一个文件,它里面应该有这个呃,相关的一个配置,但实际上。嗯,这个东西的话。就一行,我们删不删都无所谓啊,就留着也行,这个嘛,查询表格就这个留着吧,就不删了。那接下来。处理我们的这个页面啊,页面呢,这里面我们要把这个整个目录啊给删掉啊。
07:09
看一下他的代码。好。把那个删掉啊。这个就不需要了。再来看一下我们的这个慕里面有模拟的这个表格的这个数据。也给删掉,这个木啊,也给删掉了,接着是呃,Src里面的service。啊,Service里面没有那个表格相关的啊,只有一个登录和一个用户,那这个我们就。嗯,不用管了,嗯。嗯,其实。你如果是自己练习的时候呢,你不删也行,对吧,它里面有些代码你还可以借鉴诶,但是我们如果是开启一个新项目的话,尽可能把没有用的就是多余的文件啊就给删掉,保持我们项目的一个呃整洁。
08:02
删了之后已经没有那个路由了,现在只有一个这个。这个首页。接下来我们继续去删除一些没有用到的一些内容啊,那比如路由这里,他是之前为了这个。测试去做了一个这个admin的一个页面啊。那这些我们用不着啊,把它给删了。然后呢,这个其实也没有什么用。嗯,接下来,呃,这个挖这个其实呃,我们。也也用不到啊,把这个也给删了啊。那这个也删了。啊,这个重定向就不要了,先这样。看一下我们的这个还有什么问题没有。那这个welcome就没了,我们回到首页看一下,这就是我们删除之后的一个东西,比较比较干净啊,因为菜单导航内容都没了。
09:09
啊,等着随着我们在后续写东西的时候,再慢慢的往里面填充啊。嗯,权限验证这个。我们暂时不用啊,先把它删了吧。暂时先删这么多吧,啊,当然其他地方可能也有一些呃,用不到的一些文件,那我们碰到的再说,那这节课主要把一些啊,这个页面等等,这个我们能看到的一些。啊,文件以及我们的这个路由。啊,我们用不到的,把它给删了,这样的话,我们在后面写我们自己的代码可能就会呃清晰一些啊不不让他这个原来教授家自带的去啊,给我们去。呃,看起来就显得有点乱啊。好,那这小节先到这里。
我来说两句