Vue+Express 实现前后端分离项目实战之实现todoList
本项目前端使用Vue2,后端使用Node.js的express框架,数据库使用Mysql,实现了一个简单的前后端分离项目,非常适合Vue2和Node.js的初学者上手练习,快来和我一起学习吧🍬
这个项目的学习要求你预先搭建好环境:安装Node.js、会使用vue-cli等方式构建Vue.js项目、安装Mysql。并对以上技术有基本的了解。
运行截图
需求分析
从以上截图可以看出,需求大体可以分为两部分:
- 左侧-待办事项的查询,新增
- 右侧-待办事项的修改、删除、锁定以及待办单项的新增、修改、删除和未完成的待办单项的数量的实时统计
数据库设计
由以上需求分析,我们可以进行数据库的设计。
- 首先创建一个数据库,命名为 todos
- 创建待办事项的表,命名为 todolists,字段设计如下:
字段名 | 字段类型 | 字段说明 |
---|---|---|
id | INT | 主键,自增,非空 |
title | VARCHAR(45) | 待办事项的标题,非空</ |