1. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-前言

最近一段时间因为项目需要学了一段时间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

 

本人前端程序员,长期混迹于各种前端开发中,现在专门为前端热爱者建了个微信群,和大家一起分享自己在工作、学习中遇到的技术知识或问题,还有各种资料和课程,各位感兴趣的可以加入哦~ 

微信前端交流群

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章