Express一

175 阅读1分钟

什么是Express

image.png Express的中文官网:www.expressjs.com.cn/

进一步了解Express

image.png

Express能做什么

image.png

安装

npm i express@4.17.1

image.png

创建基本的Web服务器

// 导入express
const express = require('express')
//创建web服务器
const app = express()
// 启动服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1')
})

监听get和post请求以及响应客户端

const express = require('express')
// 创建web服务器
const app = express()
// 监听web服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');

})
//监听客户端的get和post请求,并向客户端响应具体内容
app.get('/user', (req, res) => {
    //调用espress提供的res.send()方法,向客户端响应一个JSON对象
    res.send({ name: "小明", age: 21 })
})
//调用espress提供的res.send()方法,向客户端响应一个文本字符串
app.post('/user', (req, res) => {
    res.send('请求成功!')
})

image.png

image.png

获取URL中携带的查询参数

req.query 如果url地址携带参数就返回JSON对象

注意:默认情况下,req.query是一个空对象 image.png

获取URL在的动态参数

req.params获取动态参数 默认为空字符串

image.png

app.get('/user/:id', (req, res) => {
    //req.params
    console.log(req.params);
    res.send(req.params)
})

动态参数的注意点:

image.png

image.png image.png

托管静态资源

nodemon作用与安装

安装:npm install -g nodemon

作用:当我们代码更新时会自动帮我们启动服务器,不需要手动停止再启动!

image.png