官网： https://www.expressjs.com.cn/
express是什么
基于 Node.js 平台，快速、开放、极简的 Web 开发框架
主流的NodeJS服务器框架的类型
- express
- koa
- egg
express的使用
创建项目目录 ：
mkdir myapp
cd myapp项目初始化： 生成package.json
npm init-
在package.json中找到 (修改入口文件，不改也行)
"main": "index.js",
改为"main": "app.js" -
安装express
npm install express --save
也可以简写为：
npm i express -S
express基础代码
const express = require("express")
//实例化一个express的应用
const app = express()
//定义服务器监听的端口
const port = 3000
//托管静态资源 (public存放静态资源文件)
app.use(express.static("public"))
......
app.listen(port,()=>{
console.log(`服务器正在监听： localhost:${port}`);
})
在express项目的public目录中完成前端代码部分
下载axios
npm i axios
在node_modules中找到axios.js,复制到public的js中
前端目录结构
public
|-- js
|--index.js
|--axios.js
|-- css
|-- index.css
|-- index.html
index.js
发起ajax请求的核心代码
//单击按钮，获取指定用户信息
function getUser(){
let getUserBtn = $(".getUser")
let user = '张三';
let age = 18;
getUserBtn.onclick = function(){
//发起ajax请求
axios.get("/getUser",{
params: {
user,
age
}
})
.then((res)=>{
console.log(res.data);
})
}
}
express中后台接口的逻辑
如何接收get请求携带的参数
let params = req.query
代码部分
//响应客户端获取用户信息的get请求
app.get('/getUser',(req,res)=>{
//接收get方式传递的参数
let user = req.query.user
console.log('到数据库中查询张三的信息');
let data = {
id: '23',
user: '张三',
address: '郑州'
}
res.send(data)
})
