Ko2从无到又一条龙服务实现增删改查（Mysql篇）

最新推荐文章于 2025-07-14 14:00:06 发布

原创最新推荐文章于 2025-07-14 14:00:06 发布 · 313 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#mysql #前端 #node.js

Node 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用Vue和ElementUI快速搭建前端页面，并结合Koa、koa-router、koa-bodyparser、Sequelize和mysql2实现后端基础功能，包括数据模型定义、RESTfulAPI的增删改查操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端页面的搭建

使用的是vue+elementUI的快速搭建一个简单项目，写一个页面是KoaMysqlTodo.vue
在这里插入图片描述
跑起来页面样式如下：

安装后端需要的插件

npm i koa koa-router koa-bodyparser sequelize mysql2 -S

Koa 是一个新的 web 框架，利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。
koa-router是路由中间件，koa-bodyparser处理post数据。
Sequelize 基于Promise的ORM(Object Relation Mapping)，是⼀种数据库中间件⽀持多种数据库、事务、关联等
mysql2更关注性能，主要是与mysqljs的API兼容的，并支持大多数特性。

后端文件

在当前文件上新建我们的server文件放后端一些东西，由于这个我们打算用koa的mysql做所以就单独创建（以后会在这个项目写koa-mongodb等分层明确）
在这里插入图片描述

conf.js配置文件

module.exports = {
    database: 'koa-todolist', // 数据库名字
    username: 'root', // mysql账号
    password: '123456', // mysql密码
    host: 'localhost'
}

database.js

const { Sequelize } = require('sequelize')
const conf = require('./conf')

const sequelize = new Sequelize(conf.database, conf.username, conf.password, {
    host: 'localhost',
    dialect: 'mysql'
})

module.exports = sequelize

todo.js

定义我们的模型类

const sequelize = require('../config/database')
const { DataTypes } = require('sequelize')

const Todo = sequelize.define('Todo', {
    // 在这里定义模型属性
    name: {
        type: DataTypes.STRING
    },
    task: {
        type: DataTypes.STRING,
        allowNull: false
    }
})
module.exports = Todo

index.js

const Koa = require('koa')
const sequelize = require('./config/database')
const Todo = require('./models/todo')

sequelize.sync()

运行

在mysql的路径下运行node index.js或者nodemon index.js。

nodemon是一种工具，可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。（推荐~~）
安装

npm install -g nodemon

此时问题是我们没有新建仓库，需要在mysql上创建一个
在这里插入图片描述
然后再次运行可以看见数据表建好了，sequelize字段创建了id，和创建日期和更新日期，这些值可以在模型里任意修改。(如果没有的出现，关闭连接再打开或者命令行里看)

搭建整体结构

const Koa = require('koa')
const sequelize = require('./config/database')
const Todo = require('./models/todo')
const Router = require('koa-router')
const bodyParser = require('koa-bodyparser')

// 创建Koa对象app
const app = new Koa()
// // 创建router对象
const router = new Router()

// 使用中间件
app.use(router.routes())
app.use(bodyParser())

// router.请求方法(接口名，回调)
router.get('/list', async (ctx) => {
    ctx.body = '成功了'
})

// 监听3000端口
app.listen(3000, () => {
    // 自动同步所有模型
    sequelize.sync()
    // console.log('服务以及启动，端口3000')
})

访问一下我们简单的路由，成功了，接下来就可以专心写接口了
在这里插入图片描述

增删改查

增加数据

// 新增
router.post('/addTodo', async (ctx) => {
    // 我们使用了koa-bodyparser，此时这样写简单
    const body = ctx.request.body
    Todo.create(body)
    ctx.body = { success: true }
})

查询数据

// 查询
router.get('/todolist', async (ctx) => {
    // query获取的是/todolist?aa=xx&bb=xx; params获取的是动态路由/todolist/:id
    const params = ctx.request.query
    const queryObj = {}

    if (params.name) queryObj.name = params.name
    if (params.task) queryObj.task = params.task

    const list = await Todo.findAll({
        where: queryObj
    })
    ctx.body = JSON.stringify(list)
})

修改数据

// 更新
router.put('/editTodo', async (ctx) => {
    const body = ctx.request.body
    const todo = await Todo.findByPk(body.id)
    todo.name = body.name
    todo.task = body.task
    await todo.save()
    ctx.body = { success: true }
})

删

// 删除
router.delete('/delTodo/:id', async (ctx) => {
    await Todo.destroy({
        where: {
            id: ctx.request.params.id
        }
    })
    ctx.body = { success: true }
})

代码仓库，全栈之路冲鸭~