express搭建服务器简单流程

时间:2024-04-16 15:06:23

一 项目搭建

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模块,它可以在我们修改页面并保存后,自动帮我们重启项目.

安装:npm install -g nodemon
然后再package.json的\'script\'中加入\'devstart\':\'nodemon ./bin/www\'

 

 此时可以用 npm run devstart启动该项目,现在,如果编辑项目中的任何文件,服务器将自动重启

 

 

三.文件介绍

现在,如果编辑项目中的任何文件,服务器将自动重启

 

 

 

1.bin目录是启动目录,/bin/www是应用入口
2.controllers是自己创建的控制器,所有的处理(增删改查)都要经过这个控制器,然后进行业务处理
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模板引擎,一定要注意缩进 ; 路由问题 ; 数据库存储数据之间的关系(当我们查询作者时,可以显示他的书.以及一些详细信息,但是这些都没和作者的个人信息放在一起,我们要把它关联起来)