下载express
在根目录下下载express包,
npm install express@4.17.1
使用express包
// 导入express
const express = require('express')
// 创建express实例
const app = express()
功能
请求监听
方式: app.post()
和 app.get()
参数:
req
=> 请求对象(包含了请求相关的的属性和方法)res
=> 响应对象(包含了响应相关的的属性和方法)
get请求监听
// express监听get请求
app.get('请求的url',(req,res)=>{/*处理函数*/})
post请求监听
// express监听post请求
app.post('请求的url',(req,res)=>{/*处理函数*/})
响应
通过 res.send() 方法,可以把处理好的内容,发送给客户端
// 导入express
const express = require('express')
// 创建express实例
const app = express()
// 发送get请求
app.get('请求的url',(req,res)=>{
// 响应给客户端
res.send({
name:'zx',
age:80,
gender:'男'
})
})
// 发送post请求
app.post('请求的url',(req,res)=>{
res.send('请求成功')
})
获取 URL 中携带的查询参数
方法: req.query 对象可以访问到客户端通过查询字符串的形式,发送到服务器的参数
// 发送get请求
app.get('请求的url',(req,res)=>{
// 响应给客户端
res.send(req.query)
})
获取 URL 中的动态参数
方法: req.params 对象,可以访问到 URL
中,通过 : 匹配到的动态参数
补充知识点:
-
/:id
-- id 值不是固定的,可以自己定义,例如:/:ids
-
展示到页面中的
id
键,是自定义的变量值 -
参数可以有多个,例如:
/:ids/:name
// 这里的 :id 是一个动态的参数
app.get('/user/:id', (req, res) => {
// req.params 是动态匹配到的 URL 参数,默认也会是一个空对象
console.log(req.params)
res.send(req.params)
})
静态资源托管
在
app.use()
方法中调用express.static(public)
// 可以将
public
目录下的图片、CSS
文件、JavaScript
文件对外开放访问了多个静态资源多次调用
调用顺序 ==> 根据目录添加顺序查找所需文件
// 导入express包
const express = require('express')
// 调用express创建一个实例
const app = express()
/** 托管多个静态资源
*多次调用 根据目录添加顺序查找所需文件
*/
app.use(express.static('需要托管的文件路径'))
app.listen(3000, () => {
console.log('express server running at http://127.0.0.1:3000');
})
挂express载路径前缀
如果希望在托管的静态资源访问路径之前,挂载路径前缀,则可以使用如下的方式:
app.use('/public',express.static('public'))
现在就可以通过带有 /public
前缀地址来访问 public 目录中的文件了: