一 项目搭建
1.全局安装node,Express
npm install node -g
npm install express -g
2.使用express生成器,生成express项目
-全局安装: npm install express-generator -g
-使用:express express-project 在当前目录生成一个express-project项目
3.进入项目:cd express-project
然后安装所有依赖,依赖都在package.json中
4.此时可以启动项目:npm start,访问http://localhost:3000会显示一下内容
二.工具介绍
为了方便调试,我们不能每次修改页面内容都要手动重启项目,这里我们安装nodemon模块,它可以在我们修改页面并保存后,自动帮我们重启项目.
|
1
|
安装:npm
install
-g nodemon然后再package.json的
'script'
中加入
'devstart'
:
'nodemon ./bin/www'
|
|
1
|
|
此时可以用 npm run devstart启动该项目,现在，如果编辑项目中的任何文件，服务器将自动重启
三.文件介绍
现在，如果编辑项目中的任何文件，服务器将自动重启
|
1
|
1.bin目录是启动目录,
/bin/www
是应用入口<br>2.controllers是自己创建的控制器,所有的处理(增删改查)都要经过这个控制器,然后进行业务处理<br>3.models目录,主要用来创建存储对象用的,我这里是做的图书馆,所以models下有
|
4.public目录用来存放静态文件
5.routes目录是用来创建各种路由的
6.views是模板文件,后期服务器从数据库取来数据,都要传到相应的模板文件中,然后交给浏览器进行页面渲染
四.工作流程
这里控制器相当于一个枢纽,进行多个方面的控制
根据请求的路由信息,控制器进行不同的处理(比如,查看书,增加作者,更新书本状态...) 操作数据库将数据进行处理..
然后在渲染模板文件
五.主要模块
1.express这个就不用了多说了,因为就是用的express框架
2.express-validator 主要进行数据的验证与清理
3.async 进行非同步流控制,当进行多个异步查询时,在所有操作没完成之前是不能呈现页面的,所以你可以选'地狱回调',但这种方式不太好,所以我们采用async是控制这些异步操作.
4.mongoose 更方便的操作mongodb数据库,提供了良好的api
5.pug 模板文件,用来将数据嵌入到html中
六.总结
这里主要是介绍一下,express创建的项目的工作流程,还有一些可能用到的模块
不深入,只做个了解,也是让自己对项目有个大致流程有所了解.
在创建项目时,有一些坑还是比较常见的
比如 pug模板引擎,一定要注意缩进 ; 路由问题 ; 数据库存储数据之间的关系(当我们查询作者时,可以显示他的书.以及一些详细信息,但是这些都没和作者的个人信息放在一起,我们要把它关联起来)
