104.html

使用express框架+mysql

说句大实话... 我css真的学的好垃圾...

图片展示（凑乎先看着，完事用框架美化美化~）

1、使用express创建服务器对象并启动,然后将路由抽离到单独的文件,将路由处理函数也抽离到单独的文件。

app.js

//导入express
const express = require('express')
//创建服务器对象
const app = express();
//启动服务器
app.listen(8088, () => {
    console.log('server ok');
})

jichou_router.js

const express = require('express')
const router = express.Router();
const handler = require('../handler/jichou_handler')
//挂载路由
router.get('/list', handler.list)
router.post('/add', handler.add)
module.exports = router

jichou_handler.js

module.exports.list = function(){

}

module.exports.add = function(){

}

2、导入mysql，创建数据库连接对象，将数据库连接对象共享出去

// 导入mysql
const mysql = require('mysql')
// 创建数据库连接对象
const db = mysql.createPool({
    host: '127.0.0.1',
    user: 'root',
    password: 'root',
    database: 'my_db_01'
})

// 把数据库连接对象对外共享出去
module.exports = db

3、设计mysql表

4、路由处理函数

const db = require('../db/index')

module.exports.list = (req, res) => {
    // res.send('list ok')
    const sql = 'select * from jichou_list'
    db.query(sql, (err, results) => {
        if (err) {
            return res.send({
                status: 0,
                msg: err.message
            })
        }
        res.send({
            status: 1,
            msg: results
        })

    })
}

module.exports.add = (req, res) => {

    const contentInfo = req.body
    console.log(contentInfo);

    if (!contentInfo.title || !contentInfo.content || !contentInfo.time) {
        res.send({
            status: 0,
            msg: '数据不完整'
        })
    }
    const sql = 'insert into jichou_list(title,content,time) values (?,?,?)'

    db.query(sql, [contentInfo.title, contentInfo.content, contentInfo.time], (err, results) => {
        if (err) {
            return res.send({
                status: 0,
                msg: err.message
            })
        }
        if (results.affectedRows !== 1) {
            return res.send({
                status: 0,
                msg: '添加失败'
            })
        }
        res.send({
            status: 1,
            msg: '添加成功'
        })
    })
}

再接再厉~