系统效果截图
系统简介
功能简介
部分代码展示
技术栈
获取源码
系统效果截图
系统简介
本项目是一个基于Vue3 + Spring Boot技术栈开发的学生信息管理系统,采用主流的前后端分离架构设计。系统实现了学生、课程、成绩、公告等核心数据的数字化管理,支持管理员和学生两种角色登录使用。
项目使用 MySQL 作为数据存储后端,通过 JWT 实现无状态身份认证,前端使用 Element Plus 构建美观统一的用户界面,整体风格采用了当下流行的玻璃态(Glassmorphism)设计,视觉效果现代且清爽。代码结构清晰,模块划分合理,适合作为课程设计或毕业设计的参考项目,也可作为学习 Vue3 和 Spring Boot 全栈开发的实践案例。
功能简介
管理员端
学生端
部分代码展示
@Service public class UserService extends ServiceImpl<UserMapper, User> { public Map<String, Object> login(String username, String password) { QueryWrapper<User> wrapper = new QueryWrapper<>(); wrapper.eq("username", username); wrapper.eq("password", password); User user = this.getOne(wrapper); Map<String, Object> result = new HashMap<>(); if (user != null) { String token = JwtUtils.generateToken(user.getUsername(), user.getRole()); result.put("token", token); result.put("user", user); return result; } return null; } public boolean register(String username, String password, String name) { QueryWrapper<User> wrapper = new QueryWrapper<>(); wrapper.eq("username", username); User exist = this.getOne(wrapper); if (exist != null) return false; User user = new User(); user.setUsername(username); user.setPassword(password); user.setName(name); user.setRole(2); // 普通学生 return this.save(user); } }技术栈
| 分类 | 技术 | 版本 |
|---|---|---|
| 前端框架 | Vue | 3.4.x |
| 前端构建 | Vite | 5.x |
| UI组件 | Element Plus | 2.4.x |
| 状态管理 | Pinia | 2.x |
| 路由 | Vue Router | 4.x |
| HTTP请求 | Axios | 1.x |
| 后端框架 | Spring Boot | 3.3.x |
| OBM | MyBatis-Plus | 3.5.x |
| 数据库 | MySQL | 8.0+ |
获取源码
获取源码
系统内是博主自创
获取源码&系统演示视频&定制系统&系统部署运行
可通过源码内文件添加博主 10分钟内通过好友