商务合作
首页 > 教程文章 > Java文章 > 正文

学生管理系统源码+SpringBoot+Vue3前后端分离+毕设项目

今天带来一款优秀的毕业设计项目:学生管理系统源码 。 系统采用的流行的前后端分离结构,内含功能包括“系统角色管理”,“学生,班级,课程,老师管理”,“数据统计”,“登陆”等功能。文章后面会介绍详细部署项目步骤和源码获取。

如果您有任何问题,也请联系小编,小编是经验丰富的程序员!

一. 系统演示视频

https://githubs.xyz/show/263.mp4


后端代码结构

二. 系统功能概述

管理员功能

  • 登陆,登出
  • 个人信息设置
  • 系统角色
  • 班级管理
  • 学生管理
  • 课程管理
  • 教师管理
  • 班级科目成绩管理
  • 数据统计

三. 技术栈

前端技术栈

  • Vue3

后端技术栈

  • SpringBoot+SpringMVC+MyBatis
  • MySQL8.0
  • Spring mail邮箱
  • JDK8

四. 源码获取

lz-code/hadluo-student

五. 部署项目

安装mysql8.0,然后新建数据库"hadluo-student" ,然后导入hadluo-student.sql文件。

打开idea,导入maven后端项目,然后等待包下载完毕。

修改数据库信息为你数据库信息,信息在 application.yaml 里面

然后修改邮件服务器信息,信息申请请见

老罗教知识:如何用个人QQ邮箱当邮件服务器+SpringBoot发送邮件案例1 赞同 · 0 评论文章

修改位置在 application.yaml 里面

然后启动 com.hadluo.StudentMangementSystemApplication 主类 ,出现Tomcat started on port(s): 8080 (http) 启动成功。

没有成功的,请联系小编。到此我们后端项目部署完成。下面开始部署前端。

安装nodejs, 版本为:v20.17.0, 版本必须为这个,否则可能会出现问题。到下面这个官网上下载nodejs

https://nodejs.org/zh-cn/download/prebuilt-installer​nodejs.org/zh-cn/download/prebuilt-installer

找到 v20.17.0版本,下载后直接安装就行了。

nodejs安装完成后,进入到 "hadluo-student-h5" 前端目录

路径输入cmd ,回车

打开了cmd窗口,输入下面命令设置npm下载镜像


npm config set registry https://registry.npmmirror.com

执行安装依赖


npm run build

运行


npm run dev