前端负责拿到数据，并且负责渲染到html页面上来 （fetch 语法 fetch(url).then(callback)

3.EJS模板引擎

    安装 npm i ejs --save

    ejs模版默认是放在views的目录下 建立的模版文件 xxxx.ejs

    设置使用ejs 模板 app.set(“view engine”,“ejs”);

    更改模版的目录 app.set(“views”,“模版的目录”)

    渲染模版

    <%=变量%> 转义输出

    <%-变量%> 不转义输出

    <% js代码 %> 执行 js代码

    详细信息可参考： 浅析嵌入式 JS模板引擎之EJS

4.中间件

    用户发送请求和返回结果中间执行的函数或方法
    中间件可以执行的功能很丰富，比如可以进行身份验证，参数的校验等…
    使用中间件app.use([请求字符串],路由中间件)
    内部提供的中间件，直接使用
        express.static
        express.Router
    自定义中间件
        拦截所有请求:app.use(function(){})
        拦截特定请求:router.get("/xxx",(req,res,next)=>{ })
    把express 的实例作为 http.createServer的中间件:http.createServer(app)

5.express生成器

    安装 npm i express-generator -g （此时输入：express --version 如果能看到版本号就是安装好了）

    用生成器生成一个项目 ：express --view=ejs 项目的名字

    进入并启动项目

       ① cd 项目的目录 进入项目的目录
       ② npm install 安装依赖
       ③ npm start 启动项目了
       ④ 在浏览器里 http://localhost:3000 3000是默认端口

    可参考： Express生成器的简单安装

    生成的项目目录结构如下：

bin/www 是启动文件（可在WWW文件内更改端口号）

public 项目的静态资源目录（可以添加一些页面文件，如下图的list.html等…）

routes 路由中间件，帮我们处理用户的请求（会自动生成一个index.js以及一个user.js文件）

views 模板目录（会自动生成一个error.ejs以及一个index.ejs文件）

app.js 才是真正的项目执行的起点（引入很多模块，且文件包含状态码以及接口的URL等…）

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

package.json 包的配置文件（包含一些插件名以及一些版本号）

{
  "name": "list",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "ejs": "~2.5.7",
    "express": "~4.16.0",
    "http-errors": "~1.6.2",
    "mongoose": "^5.9.9",
    "morgan": "~1.9.0"
  }
}

注意：

• 在获取用户get提交的数据时：req.query.变量
• 获取用户post提交的数据时：req.body.变量

6.【赠】接口测试工具Postman的插件

方式一：

下载安装包进行安装

方式二：插件安装（谷歌）

链接：Postman
提取码：bxd0

若无法安装，可使用谷歌应用商店进行安装（前提是装上了谷歌应用助手，不知道现在网上还能找得到不，需要的可进此网盘进行获取：链接：网盘地址 ，提取码：ov49 ）

下附文中所需要的官网链接：

• Node.js官网
• npm插件官网
• BootCDN
• MongoDB
• mongoose

如有错误，欢迎大家进行批评指正！