一、Express
1.1 初识Express
Express是基于Node.js 平台,快速、开放、极简的Web开发框架。
通俗的理解:Express的作用和Node.js内置的 http模块类似,是专门用来创建Web服务器的。
Express的本质:就是一个 npm 上的第三方包,提供了快速创建Web服务器的便捷方法。
1.1.1 Express的基本使用
- 安装
- 在项目所处的目录中,运行如下的终端命令,即可将express安装到项目中使用:
npm i express@4.17.1
- 创建基本的web服务器
const express = require('express')
const app = express()
app.listen(80,()=>{
console.log('express server running at http://127.0.0.1')
})
- 监听GET请求
- 通过app.get()方法,可以监听客户端的GET请求,具体的语法格式如下:
app.get('请求URL',function(req,res){
})
- 监听POST请求
- 通过app.post()方法,可以监听客户端的POST请求,具体的语法格式如下:
app.post('请求URL',function(req,res){
})
- 把内容响应给客户端
- 通过res.send()方法,可以把处理好的内容,发送给客户端:
app.get('/user',(req,res) => {
res.send({
name:'zs',age:20,gender:'男'})
})
app.post('/user',(req,res) => {
res.send('请求成功')
})
- 获取URL中所携带的查询参数
- 通过
req.query
对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数:
app.get('/',(req,res) => {
console.log(req.query)
})
- 获取URL中的动态参数
- 通过
req.params
对象,可以访问到URL中,通过 : 匹配到的动态参数:
app.get('/user/:id/:name',(req,res)=>{
console.log(req.params)
})
1.1.2 托管静态资源
express.static()
- express提供了一个非常好用的函数,叫做
express.static()
,通过它,我们可以非常方便地创建一个静态资源服务器
- 例如,通过如下代码就可以将public和files目录下的图片、CSS文件、JavaScript 文件对外开放访问了:
app.use(express.static