当前位置:   article > 正文

(VUE学生成绩记录系统)VUE前端+JAVA后端-毕设级项目搭建-VUE学生成绩记录系统(内含源码,java逻辑后台+vue管理系统)_in ./src/components/teacher/addexam.vue

in ./src/components/teacher/addexam.vue

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

一、环境搭建

二、相关技术栈

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

三、项目结构

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/
公众号:得码网

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/210004
推荐阅读
相关标签
  

闽ICP备14008679号