前端渲染 vs 后端渲染

前端渲染 vs 后端渲染

1. 前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染
2. 后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端

1. 后端模板

1. ejs
2. pug( jade )
3. art-template

现在流行的： 前端渲染

问题： 当前后端同时进行项目开发是， 后端数据接口没有写好，但是前端却需要这个接口，这个时候怎么办？
分析： 需要一段数据
解决： 模拟假数据（ mock数据 json-server / mock.js ）
以上这种形式叫做 ： 前后端架构分离
很久以前，没有前端岗位的， 所有的网页都需要后端完成， 那个时候的情况我们称之为： 前后端耦合

1. Node.js做项目的时候 ，就有两种选择了

   1. 前后端分离 ：后端提供接口，前端渲染
   2. 前后端耦合： 后端渲染

2. 直接借助一个工具来搭建一个Node.js项目，这个工具叫做 express-generator ,这个工具帮助我们实现了express框架

3. 创建express项目的流程

   1. 安装 express-generator
   $ cnpm i express-generator -g
   2. 创建express 项目
   $ express -e 项目名称 -e是安装 ejs 模板
   3. 分析目录
   
   * package.json 整个项目的依赖配置文件
   * app.js 是整个项目的入口文件
   * views/xx.ejs 是整个项目的模板（模板内容是什么，将来页面呈现就是什么）
   * routes 是整个项目的路由配置文件
   * public 静态资源文件（img css js )
   * node_modules 整个项目的依赖包
   * bin / www 整个项目的服务器配置文件
   4. 启动项目 package.json 中 npm 脚本
   $ npm run start
   5. 研究项目代码
   
   * 入口文件

express 中间件 （Middleware）

中间件是一个函数,函数中参数有三个：

1. request 请求
2. response 响应
3. next 请求和响应中间的循环流程

中间件有三种类型
1. 应用级中间件
2. 路由中间件
3. 错误处理中间件