【Vue+Express 实现前后端分离项目实战之实现todoList】

Vue+Express 实现前后端分离项目实战之实现todoList

本项目前端使用Vue2，后端使用Node.js的express框架，数据库使用Mysql，实现了一个简单的前后端分离项目，非常适合Vue2和Node.js的初学者上手练习，快来和我一起学习吧🍬

这个项目的学习要求你预先搭建好环境：安装Node.js、会使用vue-cli等方式构建Vue.js项目、安装Mysql。并对以上技术有基本的了解。

运行截图

需求分析

从以上截图可以看出，需求大体可以分为两部分：

1. 左侧-待办事项的查询，新增
2. 右侧-待办事项的修改、删除、锁定以及待办单项的新增、修改、删除和未完成的待办单项的数量的实时统计

数据库设计

由以上需求分析，我们可以进行数据库的设计。

• 首先创建一个数据库，命名为 todos
• 创建待办事项的表，命名为 todolists，字段设计如下：

字段名	字段类型	字段说明
id	INT	主键，自增，非空
title	VARCHAR(45)	待办事项的标题&