用node写后台接口（后台管理系统）

左手的ㄟ右手 2022-05-14 07:28 241阅读 0赞

# 第一步 先下载express  #

### *- npm install express -S -* ###

# 引入express  创建服务器   #

const express = require('express')
    const app = express()
    app.listen(5000, ()=>{
        // 打印一下
        console.log('http://127.0.0.1:5000')
    })

# 第二步 连接数据库 #

### 连接数据库需要下载  **mysql**  ###

### \- *npm install* **mysql** \-S **-** ###

### 然后引入mysql  另外req.body需要对表单数据进行解析 所以还需引入body-parser ###

// 创建数据库连接
    const mysql = require('mysql')
    const conn = mysql.createConnection({
        host:'localhost',
        user:'root',
        password:'',
        database:'test'
    })
    // 祖册 解析表单的body-parser
    const bodyParser = require('body-parser')
    app.use(bodyParser.urlencoded({extended:false}))

## ##

### 接下来就开始做接口了 ###

### 先获取数据 ###

// 获取所有的数据
    app.get('/api/getheros',(req,res) => {
        // 定义SQL语句
        const sqlStr = 'select * from text where isdel=0'
        conn.query(sqlStr,(err,results) => {
            console.log(results)
            if(err) return res.json({err_code:1,message:'获取失败',affectedRows:0})
            res.json({
                err_code:0,message:results,affectedRows:0
            })
        })
    })

字码完后 先运行看看

![70][]

输入API接口

![70 1][]

### 欧了，我们第一步 获取数据 也算完成了  喝杯茶~~~~ ###

### OK 茶喝完了我们继续  ###

### 接下来我们要做的是根据ID获取对应ID的数据 ###

### 不多比比 看代码 ###

// 根据ID 获取相关数据
    app.get('/api/gethero',(req,res) => {
        const id = req.query.id
        const sqlStr = 'select * from text where id = ?' 
        conn.query(sqlStr,id,(err,results) => {
            if(err) return res.json({err_code:1,message:'获取数据失败',affectedRows:0})
            if(results.length !== 1) return res.json({err_code:1,message:'数据不存在',affectedRows:0})
            res.json({
                err_code:0,
                message:results[0],
                affectedRows:0
            })
        })
    })

..........................................................

### 我们再来试一下 比如我们传一个 id=1 ###

![70 2][]

### 哎呀呀 也是非常顺利呀 对应的数据获取到了 OK 缓一缓 ###

接下来我们做删除

// 根据ID 删除数据
    app.get('/api/delhero',(req,res) => {
        const id = req.query.id
        const sqlStr = 'update text set isdel = 1 where id=?'
        conn.query(sqlStr,id,(err,results) => {
            if(err) return res.json({err_code:1,message:'删除英雄失败',affectedRows:0})
            if(results.affectedRows !== 1) return res.json({err_code:1,message:'删除英雄失败',affectedRows:0})
            res.json({err_code:0,message:'删除英雄成功',affectedRows:results.affectedRows})
        })
    })

![70 3][]

### OK 删除成功 我们在看看本地数据库 里 ###

### ![70 4][] ###

### 欧了  数据库里面变样了 软删除成功 ###

### 然后我们再来完成添加的功能 看代码 ###

// 添加数据
    app.post('/api/addhero',(req,res) => {
        const hero = req.body
        console.log(hero)
        const sqlStr = 'insert into text set ?'
        conn.query(sqlStr,hero,(err,results) => {
            if(err) return res.json({err_code:1,message:'添加失败',affectedRows:0})
            if(results.affectedRows !== 1) return res.json({err_code:1,message:'添加失败',affectedRows:0})
            res.json({err_code:0,message:'添加成功',affectedRows:results.affectedRows})
        })
    })

### 写入数据 我们可以看到再次成功了  ###

![70 5][]

### 可以看到 数据库里面的数据也添加成功了 ###

![70 6][]![70 7][]

### 还有最后一个  修改的功能  需要获得修改后的数据  ###

app.post('/api/updatehero',(req,res) => {
         const sqlStr = 'update text set ? where id = ?'
         conn.query(sqlStr,[req.body,req.body.id],(err,results) => {
             if(err) return res.json({err_code:1,message:'更新英雄失败',affevtedRows:0})
             //影响行数不等于1
             if(results.affectedRows !== 1) return res.json({err_code:1,message:'更新的英雄不存在',affectedRows:0})
             res.json({err_code:0,message:'更新成功',affectedRows:results.affectedRows})
         })
    })

### 我们可以看到 我们修改的id为3  下面一看得到 更新成功  ###

![70 8][]

### 再来看看数据库里的数据 这是更新前的 ###

![70 9][]

### 更新后如下  ###

![70 10][]

### 美滋滋  OKOKOK  追后一步搞完鸟  GG  ###

### OK 今天我们就做到这里了 后台管理系统的接口差不多就这么多 本宝宝也是刚入手 有什么错的地方 不全的地方 谢谢各位大牛补充 ###

### 实现后的样子 ###

![70 11][]

[70]: /images/20220514/7a3687e8c6f447e58210cf76bb88d46e.png
[70 1]: /images/20220514/18f1e69f349f449c88ab79d575a7c52d.png
[70 2]: /images/20220514/0c6336b487b941fc8ceb632cf3cfbb28.png
[70 3]: /images/20220514/1fd9a23a1f79402396479a1e0b64ea8d.png
[70 4]: /images/20220514/ff7a94848fb44fa6b4af3a4ef1ab02fb.png
[70 5]: /images/20220514/6739b16aca934b8d8818777bbeb96309.png
[70 6]: https://img-blog.csdn.net/20180905095048755?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hsNDI3Nw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 7]: /images/20220514/823a57c543ba4de4a707241db8dcd87b.png
[70 8]: /images/20220514/897efdc9f9704f0189c074b00d9e4213.png
[70 9]: /images/20220514/714c30ecc67b402fa24b7ffd66bc3773.png
[70 10]: /images/20220514/f2e6096379de434f8f3faedec8cde4c8.png
[70 11]: /images/20220514/440e9cc69ffe48a0904f731129452449.png