【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程

前排提示:项目源码已放在文末
基于Vue+Springboot+mysql员工考勤管理系统(多角色登录、请假、打卡)
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第1张图片

开发环境:Springboot+Mysql+Vue+Nodejs+Maven+JDK1.8+redis
技术栈:spring-boot、mysql、mybatis-plus

数据库:
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第2张图片

源码、数据库、课设获取:

百度云链接:https://pan.baidu.com/s/1CKMhVbtp8UTu7YRs2PDZug 
提取码:6r5m 

部分功能:
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第3张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第4张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第5张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第6张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第7张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第8张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第9张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第10张图片

一.vscode前端运行过程:
1.启动项目

npm run dev

【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第11张图片

2.打开网站跳转
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第12张图片跳转即可打开
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第13张图片

数据库导入
1、打开sqlyog,创建数据库
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第14张图片
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第15张图片
2、执行sql脚本
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第16张图片
选择sql文件,执行即可
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第17张图片
IDEA后端连接数据库 教程(保姆级):
(注意:建议使用jdk1.8)
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第18张图片
选择对应目录
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第19张图片

选择从外部模型导入maven项目
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第20张图片

在右侧连接数据库
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第21张图片
分别填入用户名、数据库密码、数据库名称
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第22张图片

记得修改application-dv.yml配置文件的密码为自己数据库的密码。
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第23张图片

更新maven文件
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第24张图片
运行成功
【031】基于Vue的学生宿舍管理系统课设(含源码、数据库、运行教程_第25张图片
以上操作配置完,便可以打开

http://localhost:8080/#/login

运行啦

源码获取:
百度云链接:https://pan.baidu.com/s/1CKMhVbtp8UTu7YRs2PDZug
提取码:6r5m

也可以添加cynm-2233获取,备注来意,码字不易,求个点赞~

你可能感兴趣的:(vue.js,数据库,mybatis)