- 1. 基于Vue+Element+nodeJs+Express+
- 3. 基于Vue+Element+nodeJs+Express+
- 6. 基于Vue+Element+nodeJs+Express+
- 5. 基于Vue+Element+nodeJs+Express+
- 7. 基于Vue+Element+nodeJs+Express+
- 8. 基于Vue+Element+nodeJs+Express+
- 4. 基于Vue+Element+nodeJs+Express+
- 9. 基于Vue+Element+nodeJs+Express+
- 2. 基于Vue+Element+nodeJs+Express+
- GKMessageTool 基于MBProgressHUD 1.
最近一段时间因为项目需要学了一段时间nodeJs，并用Vue+nodeJs+MySql实现了一套周报管理系统，整体逻辑比较简单。但是可以我们完整的了解一个项目从数据库到后台到前端的实现过程，适合有一定前端基础（包括HTML5、CSS3和JavaScript，对ES6最好有一些了解）但是不太了解这一块又对此有兴趣的的小伙伴们可以拿来练手。
内容主要分为三大块：
1) 数据库（mysql）
2) 后台（nodejs+express）
3) 前端（vue+vue-cli3.x+axios+vuex+vue-router+element-ui）
一、数据库的结构
数据库中共有两张表：用户表和周报表。表结构如下图所示：
1. 用户表（共有八个字段）
用户表
2.周报表（共有11个字段）
周报表
二、后台目录结构
后台目录结构
三、前端目录结构
前端目录结构
四、程序预览
1. 登录页面
登录页面
2. 用户管理页面
1）用户管理主页面
用户管理主页面
2）用户管理-新增用户
新增用户
3）用户管理-编辑用户
编辑用户
3. 周报管理页面
1）周报管理主页面
周报管理主页面
2）周报管理-新增周报
新增周报
3）周报管理-编辑周报
编辑周报
五、项目体验链接
周报管理系统体验链接：https://www.17sucai.com/pins/35488.html
网友评论