Node.js使用Express框架写后端增删改查接口

不念不忘少年蓝@ 2024-04-01 12:59 80阅读 0赞

mkdir app01

cd app01

npx express-generator

npm i

npm i mysql -S

npm i cors -S

cnpm i -S nodemon

npm run start

## 1 在app01下创建utils文件夹并创建pool.js文件和Response.js ##

![37f0ad5cc0974279b8c6bfb2ad9f01ca.png][]

Response.js的代码：

// 封装响应数据
    class Response{
        constructor(status,data,message){
            this.status=status;
            this.data=data;
            this.message=message;
            this.timesamp=new Date().getTime()
        }
    }
    // 导出响应数据
    module.exports=Response

pool.js的代码：

// 1.引入mysql模块
    let mysql=require('mysql')
    
    // 2.创建连接池对象
    let pool=mysql.createPool({
        host:'xx.xxx.xxx.xx', // 这里填入你的服务器地址就好了  
        database:'xxx', // 数据库名
        user:'test1',           //用户名
        password:'test1',      //密码
        connectionLimit:10
    });
    
    // 3.将连接池导出
    module.exports=pool;

## 2在routers文件夹下创建student.js文件 ##

![53ab2eee031849859e44c72e9cc88573.png][]

查询接口:

删除接口

// 3.1引入express
    let express=require('express');
    // 3.1引入响应体
    let Response=require('../utils/Response');
    // 3.1引入连接池对象
    let pool =require('../utils/pool');
    const { query } = require('express');
    
    
    // 3.2 创建路由单元
    let router=express.Router();
    
    
    
    
    // 3.3 删除接口 
    router.delete('/deleteById',(req,res)=>{
        // query是一个对象可以将id解构出来
        // let id=req.query.id等价于一下代码
        let {id}=req.query;
        pool.getConnection((err,connection)=>{
            if(err) throw err; 
            // 根据id删除数据
            let sql=`delete from tbl_student where id=${id}`;
            connection.query(sql,(err,results)=>{
                if(err) throw err;
                res.json(new Response(200,null,'删除成功'))
            });
            connection.release()
        })
    
    });
    
    
    
    
    
    
    //3.4 导出
    module.exports=router

新增或修改接口

//3 编写学生接口
    
    // 3.1引入express
    let express=require('express');
    // 3.1引入响应体
    let Response=require('../utils/Response');
    // 3.1引入连接池对象
    let pool =require('../utils/pool');
    const { query } = require('express');
    
    
    // 3.2 创建路由单元
    let router=express.Router();
    
    
    
    
    // 3.3 新增或修改接口
    router.post('/saveOrUpdata',(req,res)=>{
        // 根据数据库的数据 将id name gender 解构出来
        let {id,name,gender}=req.body;
        pool.getConnection((err,connection)=>{
            if(err) throw err;
            let sql='';
            // 需要判断id判断 id存在则为修改接口  id不存在则为新增接口
            if(id){
                // 修改
                sql=`updata tbl_student set name='${name}'gender='${gender}' where id =${id}`;
            }else{
                // 新增
                sql=`insert into tbl_student values(null,'${name}','${gender}') `;
            }
                // 执行sql操作
                connection.query(sql,(err,results)=>{
                    if(err) throw err;
                    res.json(new Response(200,null,id?'修改成功':'新增成功'))
                })
        })
    })
    
    
    
    
    
    
    //3.4 导出
    module.exports=router

## 4只需要在 app.js写两行代码 ##

## 4.1引入学生路由和4.2使用学生路由 即可 ##

## 测试一下： ##

在浏览器地址栏上输入localhost:3000/student/findAll

查询结果：

![c4848bac13764dde91f038deee022578.png][]

使用postman模拟前端删除请求

![9635a9e290ed4207ad6f076d305b6699.png][]

此时在查询全部数据id为5的 数据已经删除了![06a35c0a1aaa4150bd50eede9f0db9b0.png][]

[37f0ad5cc0974279b8c6bfb2ad9f01ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3bc07c912b434a30b9f1f144c767d1da.png
[53ab2eee031849859e44c72e9cc88573.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/32cc05e025574bd28a35b6b79899c5b4.png
[c4848bac13764dde91f038deee022578.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8776ed589f8241508d9e603d194ca92a.png
[9635a9e290ed4207ad6f076d305b6699.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4f38ce2d07de4dd8ab1f956d0bd68769.png
[06a35c0a1aaa4150bd50eede9f0db9b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2924cf79ca83423ba25fee9925bd5e2f.png