express框架

express Node 核心框架

express是一个功能极简, 完全是由路由和中间件构成的一个web开发框架,是非侵入式的框架

1. 为什么要学习 express ?

- express 是 Node 的核心框架

- express 可以帮助我们快速构建 web 服务器 / api 服务器

- express 提供了一个快速生成工具 express-generator

   - 快速生成工具： 帮助我们快速创建一个项目的工具

2. 安装方式

1. 全局安装

$ npm i express-generator -g  
or 
$ yarn add express-generator -g

2. npx 安装

(如果npm版本在 5.2+，那可以不用全局，用npx)

$ npx express -e express_demo

	-e : 指的是我们使用一个叫 ejs 的模板（ejs.js 可以兼容html标签, 可以在标签中写 js ）

3. 项目目录

• bin

  • www 启动了一个静态服务器 （ web服务器 ）

• node_modules 这个项目的依赖包

• public 静态资源文件 ( html，css，images)

• routes 路由文件夹

• view

  • xxx.ejs （ 项目模板 )

• app.js ( 这个项目的入口文件 )

4. app.js 文件代码解读

  - app对象的功能
    1.  通过app.use来使用具有特定功能的函数 ( 又叫中间件 )
  - 中间件分类
    1.  应用中间件 （ cors )
    2.  路由中间件 app.get( '/' , (req, res, next ) => { } ) 
    3.  错误处理中间件 function( err, req, res, next ) { }

5. express 创建 api 服务器 （ 创建接口 ）

• api 服务器是给前端提供接口数据
• api 服务器需要使用的给测试工具来测试，不能用浏览器展示
• 注意： 后端个前端发送的数据类型是 JSON 字符串，前端需要 JSON.parse() 转换成对象

6. restful api 规则

​ restful aip 规则 是一个暴露接口的规则 ，实现是一个接口使用不同的数据请求方式来实现不同的功能

7. 数据请求格式

1. get

• 发送数据时，携带的参数时，形式是 Query string Parameters
• 后端 req.query 获取前端传来的数据

2. post

• 发送数据时，携带的参数时，形式是 Form Data
• 前端 req.body 获取前端传来的数据

8. ecj 模板

ecj 官网

EJS 是一套简单的模板语言，帮你利用 JavaScript 代码生成 HTML 页面。

ejs模板语法:

    <% jsCode %>			执行正常js代码
    <% =data %>				转移输出
    <% -"data" %>			非转义输出