最近一段时间因为项目需要学了一段时间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)周报管理-编辑周报

五、项目链接

周报管理系统git仓库链接: nodeJs工作周报后台管理系统OA模板

程序员接单_竹立荷塘的博客-CSDN博客

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐