前后端渲染的区别

前端渲染 vs 后端渲染

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

现在流行的： 前端渲染

问题： 当前后端同时进行项目开发是， 后端数据接口没有写好，但是前端却需要这个接口，这个时候怎么办？
分析： 需要一段数据
解决： 模拟假数据（ mock数据 json-server / mock.js ）

以上这种形式叫做 ： 前后端架构分离

很久以前，没有前端岗位的， 所有的网页都需要后端完成， 那个时候的情况我们称之为： 前后端耦合

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

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

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

5. 创建express项目的流程

   1. 安装 express-generator
      $ cnpm i express-generator -g

   2. 创建express 项目
      $ express -e 项目名称 -e是安装 ejs 模板
      ejs:简单且支持js语法,可以识别HTML的标签

   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. 错误处理中间件

前端的请求方式有几种？

1. get
2. post
3. put
4. delete
5. head
6. all

以上的请求方式统称为： restful api

restful是一个规则，这个规则规定了数据接口的使用原则

举例：
http:localhost:300/shopcar/add
http:localhost:300/shopcar/delete
http://localhost:300/shopcar

想： 如果能有一个接口来表示不同的请求功能，那会怎么样呢？

解决： restful api 这个规则
http://localhost:300/shopcar

get
post
put
delete