栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

基于Vue.js+springboot+Mysql的学生管理系统毕业设计课设源码(多身份登录)

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

基于Vue.js+springboot+Mysql的学生管理系统毕业设计课设源码(多身份登录)

一.运行结果截图

(详细操作过程见文末,保姆级)

我的运行环境:Jdk1.8 +VSCODE+Mysql(版本建议5.2及以上)+IntelliJ IDEA

VScode运行前端代码截图:

IDEA运行后端代码截图:

MySQL后台数据库:

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

管理员身份登录:

学生管理系统考试管理界面(包含增删改):

关键字查询:
新增考试:

登录用户列表管理():

导出用户信息为exel表:


支持批量导入管理员信息:

新增用户:

班级管理:

专业管理:

新增专业(含重置):

学院管理:

教师管理:

数据字典:
新增字典:

权限管理:

权限设置:



菜单列表:

系统统计分析:


登录历史记录:

操作记录:

二.源码获取方式:

链接:https://pan.baidu.com/s/1T8lxPK4JXWeAL_n5TNY-kA
提取码:tvk0

三.保姆级操作教程:

一.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

5.安装其余的依赖

cnpm  install


启动项目

cnpm run dev

6.跳转即可打开


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

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


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



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

选择对应目录

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

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

在右侧连接数据库

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

显示数据库连接成功

记得修改springboot-vue-student-masterspringboot-vue-student-mastersrcmainresources下application.yml配置文件的密码为自己数据库的密码。

更新maven文件

运行成功

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

http://localhost:8080/#/login

运行啦

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/884569.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号