（VUE学生成绩记录系统）VUE前端+JAVA后端-毕设级项目搭建-VUE学生成绩记录系统（内含源码，java逻辑后台+vue管理系统）

作者（转载请注明出处）：Happy王子乐
个人GitHub（喜欢的还请点个Star、flow一下）：https://github.com/HappyWjl

一、环境搭建

• java环境搭建，参考教程：https://blog.csdn.net/u012888052/article/details/114299481
• Vue环境搭建，参考教程：https://blog.csdn.net/u012888052/article/details/88377216

二、相关技术栈

方向(前后端)	技术名	作用
前端	CSS	略
前端	javascript	略
前端	axios	一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，用于前后端交互，发起接口请求
前端	element-ui	Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
后端	JDK1.8	Java开发环境
后端	IDEA	开发工具
后端	MySQL	关系型数据库
后端	Maven	仓库管理工具
后端	Navicat	数据库，可视化工具(可选)
后端	Spring boot	微服务框架
后端	Swagger2	API接口文档展示

三、项目结构

1、VUE前端项目结构如图：

2、JAVA后端项目结构如图：

四、主要页面

根据“一、环境搭建”的步骤，配置好环境，并将项目启动后，才可访问页面

1、访问 http://localhost:9082/#/login，进入登录页

2、输入账号密码登录，admin/admin

3、进入班级管理，录入班级信息

4、进入学生管理，选择对应的班级，录入学生信息

5、进入工作表菜单，新建工作表并录入成绩

6、进入成绩查询，可进行已录入成绩的查询

7、进入菜单管理，可进行菜单的编辑

8、进入管理员管理，可进行管理员账号的编辑

---

作者：Happy王子乐
GitHub（喜欢的还请点个Star、flow一下）：https://github.com/HappyWjl
网站：http://www.demxy.com/
公众号：得码网