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中找, 找不到,去上一级, 直到根目录为止
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

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