node笔记3——express框架

1. 使用 nodemon 工具来自动重启web服务器

• nodemon的作用：能够实时监听当前项目中，文件的变化；只要监听到了文件的变化，则 nodemon 工具，会自动重新启动 web 服务器，从而使最新的代码生效；免去了程序员手动重启服务器的困扰；
• 如何安装：运行 npm i nodemon -g 全局安装即可；
• 如何使用：
  • 之前使用 node 要执行的文件路径 来运行 Node.js 代码；
  • 现在使用 nodemon 要执行的文件路径 来运行 Node.js 代码；

2. Node 中开发web项目的框架 - express

定义（什么是Express）：一个快速的网站开发框架，封装了原生的http模块，用起来更方便；API更人性化

express 框架的特点

1. 基于Node.js平台之上，进一步封装了 http 模块，从而提供了更好用，更友好的 API
2. 使用Express创建网站，比使用原生的http模块更加方便；
3. Express 并没有覆盖 原生 http 模块中的方法，而是基于 原生方法之上，做了更友好的封装，让用户体验更好

express 框架的安装和基本使用

1. 安装：运行 npm i express -S 即可安装
2. 创建基本的 express 服务器：
   • 导入 express 第三方模块；
   • 创建服务器的实例：调用 const app = express() 方法；
   • 通过 app.get() 或 app.post() 方法，来监听客户端的 get 或 post 请求，具体语法：
     • 监听 GET 请求：app.get('请求地址', (req, res) => { 处理函数 })
     • 监听 POST 请求： app.post('请求地址', (req, res) => { 处理函数 })
   • 启动 express 服务器：通过 app.listen(端口, IP地址, 启动成功后的回调函数) 启动服务器；

express 中的快捷方法

1. res.send()
   1. 支持 发送 字符串 Content-Type: text/html;
   2. 支持 发送 对象 或 数组 Content-Type: application/json
   3. 支持 发送 Buffer 此时会当作文件下载；
2. res.sendFile()
   • 用法1：res.sendFile(path.join(__dirname, './view/index.html'))
   • 用法2：res.sendFile('./view/movie.html', { root: __dirname })
   • 注意：res.sendFile() 可以向浏览器发送 静态页面；

使用 express.static() 快速托管静态资源

如果我们网站中，有很多静态资源需要被外界访问，此时，使用 res.sendFile 就有点力不从心了;

这时候，express 框架，为我们提供了 express.static('静态资源目录')

来快速托管指定目录下的所有静态资源文件；

1. 语法1： app.use(express.static('public'));
   • app.use()方法，是专门用来注册 中间件；
   • express.static 是express的内置中间件；
2. 语法2：app.use('/虚拟目录', express.static('public'))

为 express 框架配置模板引擎渲染动态页面

1. 安装 ejs 模板引擎npm i ejs -S
2. 使用 app.set() 配置默认的模板引擎 app.set('view engine', 'ejs')
3. 使用 app.set() 配置默认模板页面的存放路径 app.set('views', './views')
4. 使用 res.render() 来渲染模板页面res.render('index.ejs', { 要渲染的数据对象 })，注意，模板页面的 后缀名，可以省略不写！

在 express 中配置 art-template

1. 安装 两个包 cnpm i art-template express-art-template -S

2. 自定义一个模板引擎 app.engine('自定义模板引擎的名称', 渲染函数)

3. 将自定义的模板引擎，配置为 express 的默认模板引擎 app.set('view engine', '具体模板引擎的名称')

4. 配置 模板页面得存放路径 app.set('views', '路径')

3. 使用 express 框架中提供的路由来分发请求

1. 什么是路由：路由就是对应关系；
2. 什么叫做后端路由：前端请求的URL地址，都要对应一个后端的处理函数，那么 这种URL地址到 处理函数之间的对应关系，就叫做后端路由；
3. 在Express中，路由的主要职责 就是 把请求分发到对应的处理函数中；
4. 在Express中，如何 定义并使用路由呢？

  // 1. 封装单独的 router.js 路由模块文件
  const express = require('express')
  // 创建路由对象
  const router = express.Router()

  router.get('/', (req, res)=>{})
  router.get('/movie', (req, res)=>{})
  router.get('/about', (req, res)=>{})

  // 导出路由对象
  module.exports = router

5. express 创建的 app 服务器，如何使用 路由模块呢？

  // 导入自己的路由模块
  const router = require('./router.js')
  // 使用 app.use() 来注册路由
  app.use(router)

4. Express 框架里 中间件的概念

什么是中间件

定义：中间件就是一个处理函数；只不过这个函数比较特殊，包含了三个参数，分别是 req，res，next

注意：中间件方法中的三个参数：

• req：请求对象；
• res：响应对象；
• next：next()可以被调用，表示调用下一个中间件方法；

Express 框架中对中间件的5种分类

1. 应用级别的中间件： 挂载到 app 上的中间件 app.get('URL地址', （req, res, next）=> {})；
2. 路由级别的中间件： 挂载到 router 对象上的中间件 router.get('url地址', (req, res, next)=>{})
3. 错误级别的中间件： 回调函数中，有四个参数 app.use((err, req, res, next)=>{})
4. 唯一内置的中间件： express.static()
5. 第三方中间件： 非express框架提供的，需要程序员手动安装才能使用的中间件；body-parser 解析post 表单数据

中间件的概念，了解即可，因为实际开发中，我们都直接使用第三方现成的中间件；

6. 模块加载机制

优先从缓存中加载

• 当一个模块初次被 require 的时候，会执行模块中的代码，当第二次加载相同模块的时候，会优先从缓存中查找，看有没有这样的一个模块！
• 好处：提高模块的加载速度；不需要每次都重新执行并加载模块！

核心模块的加载机制

• 先查找缓存；如果缓存中没有，再去加载核心模块；

用户模块的加载机制

• 先查找缓存；

• 如果缓存中没有则尝试加载用户模块；

• 如果在加载用户模块时候省略了后缀名，则：

  首先，严格按照指定的名称去查找
  其次，尝试加载后缀名是 .js 的文件
  如果没有.js的文件，则尝试加载 .json 结尾的文件
  如果没有 .json 的文件，则尝试加载 .node 结尾的文件
  查找规则：index  ->  index.js   ->   index.json   ->  index.node
  

第三方模块的加载机制

1. 先在项目根目录中查找node_modules文件夹
2. 在node_modules文件夹下，查找模块相关的文件夹
3. 在对应的文件夹下，查找package.json的文件
4. 查找package.json文件中的main属性（指定了模块的入口文件）
5. 如果找到了main属性，同时，main属性指定的文件路径存在，那么尝试加载指定的文件模块
6. 加入没有main属性，或者main属性对应的文件不存在，或者没有package.json,那么会依次尝试加载index.js，index.json,index.node;
7. 如果没有index相关的文件，或者没有指定模块对应文件夹，或者，当前项目根目录中没有node_modules文件夹，则向上一层目录中查找node_modules，查找规则同上！
8. 最后，如果在项目所在磁盘的盘符根目录中，还找不到对应模块，则报错：cannot find module ***

9. express中获取参数的几种形式

1. 获取 http://127.0.0.1:3001/user?id=10&name=zs 中的查询参数：
   • 直接使用 req.query 获取参数即可；
   • 注意：URL 地址栏中通过 查询字符串 传递的参数，express 框架会直接解析，大家只需要使用 req.query 直接获取 URL 中 查询字符串的参数；
2. 从URL地址中获取路径参数：
   • 假设后台的路由是 app.get('/user/:id/:name', (req, res) => {})
   • 假设客户端浏览器请求的URL地址为：http://127.0.0.1:3001/user/10/zs
   • 直接使用 req.params 可以获取URL地址中传递过来的参数；
3. 从post表单中获取提交的数据：
   • 借助于body-parser来解析表单数据
   • 安装：npm i body-parser -S
   • 导入：const bodyParser = require('body-parser')
   • 注册中间件：app.use(bodyParser.urlencoded({ extended: false }))
   • 使用解析的数据： req.body 来访问解析出来的数据

---

更多文章访问个人博客：http://www.lfanliu.top