【010】基于Vue.js+springboot+Mysql的学生管理系统(含源码、数据库、实验报告、运行教程)_基于vue的学生管理系统含项目报告

一.运行结果截图

（详细操作过程见文末，保姆级）

我的运行环境：Jdk1.8 +VSCODE+Mysql(版本建议5.2及以上)+IntelliJ IDEA专业版
前言：
基于Vue.js+springboot+Mysql的前后端分离的学生管理系统，项目功能很多，决对物超所值
这个相比于【003】进行了一定的简化和部分改善，而且附带实验报告。

VScode运行前端代码截图：

IDEA运行后端代码截图：

MySQL后台数据库：

学生管理系统操作界面效果展示：

（1）管理系统登录界面（默认密码：a123456）

（2）管理员登录界面

（3）用户修改个人头像、邮箱、昵称等信息

（4）管理员对用户管理（拥有增、删、查、允许/禁止登录等权限，并且可以将数据导出为exel表格）。

（5）管理员对学生管理（实现增、删、查、排序等功能）

（6）管理员对学院管理

（7）管理员对课程管理

（8）管理员查看数据字典

（9）管理员设置角色权限

（10）系统统计分析可视化图表生成及登录日志




（11）学生个人中心界面及选课

二.源码获取方式：

源码、数据库、实验报告获取：
1.淘宝搜店铺“七里空间”，找到“【010】Vue.js+springboot学生管理系统(含源码、数据库、实验报告”，拍下即可打包带走。
2.加qq：1004956190，备注来意，可远程部署。

三.保姆级操作教程:

一.vscode前端运行过程：
1.打开VSCODE，文件-打开文件夹

2.选择打开文件打开当前目录

3.新建终端：

4.安装 node-sass

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
``

如果上一句失败则执行下面，将已下载东西 重新编译
```c
npm rebuild node-sass
1
2
3
4
5
6

5.安装其余的依赖

cnpm  install
1

启动项目

cnpm run dev
1

6.跳转即可打开

MYSQL数据库操作过程（保姆级）
登录数据库，打开sqlyog,建立好连接后，创建数据库
数据库名称：boot_shiro_vue_stu，基字符集选择utf8（没有则数据库排序规则选择utf8_bin）

创建数据库后，点击数据库–导入–执行SQL脚本，


选择目录下sql文件，确认后导入成功。



IDEA后端连接数据库 教程（保姆级）：
(注意：建议使用jdk1.8）

选择对应目录

选择从外部模型导入maven项目

项目加载且右侧出现maven和databse

在右侧连接数据库

分别填入用户名、数据库密码、数据库名称

显示数据库连接成功

记得修改springboot-vue-student-master\springboot-vue-student-master\src\main\resources下application.yml配置文件的密码为自己数据库的密码。

更新maven文件

运行成功

以上操作配置完，便可以打开

http://localhost:8080/#/login
1

运行啦