【006】基于vue.js+ springboot+mysql 的学生管理系统(含源码、数据库、数据库文档、运行教程)

30 篇文章 6 订阅
8 篇文章 1 订阅

一.运行结果截图

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

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

maven、vue-cli等就不说了,得先配置好
学生管理系统操作界面效果展示:
登录界面:
在这里插入图片描述
个人欢迎界面:
在这里插入图片描述
学生信息管理:
在这里插入图片描述

新增学生在这里插入图片描述
根据姓名模糊查找:
在这里插入图片描述
精确查找:
在这里插入图片描述
新增老师:
在这里插入图片描述
新增成功:
在这里插入图片描述
课程信息管理在这里插入图片描述
修改课程信息:
在这里插入图片描述
删除课程信息:在这里插入图片描述
成绩信息统计:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二.源码获取方式:

文件目录:
在这里插入图片描述
源码、数据库获取:淘宝搜店铺“七里空间”,找到“【006】基于vue.js+ springboot+mysql 的学生管理系统(含源码、数据库、数据库文档)”,即可打包带走。

三.保姆级操作教程:

一.vscode前端运行过程:
1.打开VSCODE,文件-打开文件夹
在这里插入图片描述
2.选择打开文件打开当前目录
在这里插入图片描述
3.新建终端,安装依赖

npm i

在这里插入图片描述
4.直接运行

npm run serve

在这里插入图片描述在这里插入图片描述
MYSQL数据库操作过程(保姆级)
登录数据库,打开sqlyog,建立好连接后,创建数据库在这里插入图片描述
数据库名称:student_management.sql,基字符集选择utf8(没有则数据库排序规则选择utf8_bin)
在这里插入图片描述
创建数据库后,点击数据库–导入–执行SQL脚本,
在这里插入图片描述
在这里插入图片描述
选择目录下sql文件,确认后导入成功。
在这里插入图片描述
报错极有可能是你使用的mysql8.0这个版本加了安全验证,只需更换会普通加密即可,操作步骤如下:

https://blog.csdn.net/lllbn/article/details/124993491

IDEA后端连接数据库 教程(保姆级):
(注意:建议使用jdk1.8)
在这里插入图片描述
选择对应目录

在这里插入图片描述

选择从外部模型导入maven项目
在这里插入图片描述

项目加载且右侧出现maven和databse
在这里插入图片描述

在右侧连接数据库
在这里插入图片描述
分别填入用户名、数据库密码、数据库名称
在这里插入图片描述
显示数据库连接成功
在这里插入图片描述
记得修改application.yml配置文件的密码为自己数据库的密码。
在这里插入图片描述
更新maven文件
在这里插入图片描述
运行成功
在这里插入图片描述
以上操作配置完,便可以打开

http://localhost:8080/#/login

运行啦

  • 11
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值