Express

基本介绍

它是web开发框架

  • web开发

    它运行在node.js之上,用来提供web服务
    显示窗口   提供接口服务
    
  • 框架

    是半成品,用来快速解决某一类问题, 要遵守框架的使用规范
    

第一个express的程序

创建项目并初始化
  • 创建nodejs项目

    npm init -y    // 初始化项目
    
  • 下载express包

    npm install express     //本地安装 express 到项目中
    
  • 使用express快速创建web服务器

    // 0. 加载 Express
    const express = require('express')
    
    // 1. 调用 express() 得到一个 app
    //    类似于 http.createServer()
    const app = express()
    
    // 2. 设置请求对应的处理函数
    //    当客户端以 GET 方法请求 / 的时候就会调用第二个参数:请求处理函数
    app.get('/', (req, res) => {
      res.send('hello world')
    })
    
    // 3. 监听端口号,启动 Web 服务
    app.listen(3000, () => console.log('app listening on port 3000!'))
    

express静态资源托管

在某个文件夹下的内容可以直接被访问

  app.use(express.static('目录名'))      //忽略前缀
  app.use('/xxxx', express.static('目录名'))     //带访问前缀
  // 这意味着想要访问xxxx下的内容,必须要在请求url中加上/xxxx

路由和接口

路由

这个概念是从后端发源的,后边慢慢也延伸到前端了,它就是一个约定: 当用户访问xx地址时,执行xxxx逻辑

  • 格式

    const app = express();
    // 定义路由
    app.METHOD(PATH, HANDLER)
    
  • 示例

    server.get('/getInfo', (req, res) => { res.json(xxxxx) } )
    // 当用户以get类型请求/getInfo时,执行后面的回调: 以json字符串格式返回数据
    

在后端叫路由 在前端叫接口

express-get请求-带参数

express框架会自动收集get方式从url地址中传递的查询字符串参数,并自动保存在req对象的query属性中。我们直接来获取即可。

  const express = require('express');
  const app = express();
  app.get('/get', function(req, res) {
  // 直接返回对象
  console.log(req.query);
     res.send({ name: 'abc' });
  });
  app.listen('8088', () => {
    console.log('8088');
});

express-post请求-带参数-普通键值对

post参数是在请求体中的,它有参数有三种情况
1.普通键值对
2.json对象
3.文件上传

如何获取普通键值对参数?
  // 1. 使用中间件
  app.use(express.urlencoded());    // 请求体 中的携带的 普通键值对 解析出来,保存在req.body中
  app.post("/add",function(req,res){
  //2. 可以通过req.body来获取post传递的键值对    
    res.json(req.body)
  })

express-post请求-带参数-复杂json格式数据

如何获取复杂json格式数据参数?
app.use(express.json());    
// 会自动加入req.body属性,这个属性中就包含了post请求所传入的参数

// 用来处理JSON格式的数据
app.post('/postJSON',(req,res)=>{
    // 后端收到post传参
    console.log(req.body);
    res.send('/postJSON')
})

express-post请求-带参数-formData涉及文件上传

如何获取formData格式数据参数?

如果post涉及文件上传操作,则需要在服务器端额外使用第三方multer这个包(不属于express)来获取上传的信息。

  • 下载包:multer

    npm install multer
    
  • 配置

    const upload = multer({dest:'uploads/'}) // 上传的文件会保存在这个目录下
    // uploads表示一个目录名,你也可以设置成其它的
    
  • 使用

    // 这个路由使用第二个参数 .upload.single表示单文件上传,
    // 'cover' 表示要上传的文件在本次上次数据中的键名。对应于前端页面上的:
    //  <input type="file" name='cover'/>
    app.post("/postfile",upload.single('cover'), function(req,res){
      // req.file 记录了文件上传的信息
      // req.body 记录了其它普通参数(非文件)的信息
      // 其它操作
    })
    

理解接口传参

我们一般使用ajax技术向接口传参,按http协议的约定,每个请求都有三个部分:

  • 请求: 保存了请求方式,地址,可以以查询字符串的格式附加一部分数据。

  • 请求:它可以附加很多信息,其中content-type用来约定请求体中保存的数据格式。

  • 请求: 本次请求携带的参数。至于这些参数到了后端应该如何解析出来,由请求头中的content-type来决定
    有两个地方可以用来传参数

  • 请求行
  • 请求体
    四种处理方式:

require的加载机制

在我们使用一个模块时,我们会使用require命令来加载这个模块。以加载一个自定义模块为例,require(文件名)的效果是:

  1. 执行这个文件中的代码
  2. 把这个文件中的module.exports对象中的内容返回出来。
    require有缓存
    require 优先加载缓存中的模块。同一个模块第一次require之后,就会缓存一份,下一次require时就直接从缓存中去取
    同一个模块,多次require,只执行一次
  3. require的格式

require(模块名)

    核心模块
    第三方模块

require(相对路径)

自定义模块
require加载规则:

如果不写后缀名

  先找xxxx.js ,再找xxxx.json, 再找xxxx.node
  在本项目中的node_modules中找, 找不到,去上一级, 直到根目录为止
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 夜莺2517阅读 127,953评论 1 9
  • 版本:ios 1.2.1 亮点: 1.app角标可以实时更新天气温度或选择空气质量,建议处女座就不要选了,不然老想...
    我就是沉沉阅读 7,208评论 1 6
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,771评论 28 54
  • 兔子虽然是枚小硕 但学校的硕士四人寝不够 就被分到了博士楼里 两人一间 在学校的最西边 靠山 兔子的室友身体不好 ...
    待业的兔子阅读 2,729评论 2 9

友情链接更多精彩内容