NODEJS的express框架的使用

官网： https://www.expressjs.com.cn/

express是什么

基于 Node.js 平台，快速、开放、极简的 Web 开发框架

主流的NodeJS服务器框架的类型

• express
• koa
• egg

express的使用

1. 创建项目目录 ：
   mkdir myapp
   cd myapp

2. 项目初始化： 生成package.json
   npm init

3. 在package.json中找到 (修改入口文件，不改也行)

   "main": "index.js",
   改为"main": "app.js"

4. 安装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/dis/axios.js,复制到public的js中

前端目录结构

    public
    |
    │  index.html
    │
    ├─css
    │      index.css
    │
    └─js
            axios.js
            index.js

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)
})