Student-admin-template👨🏻‍🎓👨🏻‍🎓👨🏻‍🎓

由于部分同学乱删数据,所以体验账号失效,需要看到效果的同学可以注册账号体验，再三强调数据不要乱删啊

在线体验地址: 由于本人ECS服务器已过期，所以不再提供线上环境访问，想要开发直接看下面的使用说明

本项目前端框架来自于字节大佬 panjiachen 的杰作 vue-element-admin,真的真的好用，赞！！！

🚗前端技术

vue2.6
vue-element-admin
element-ui
echarts
socket.io
koa
axios

🚓后端技术

springboot 2.3
jpa
maven
jackson
lombok
redis
mysql
restful

🚕使用说明

首先在你的数据库当中导入 student.sql,建议使用 Navicat 数据库管理工具。

下载后端 Springboot 项目,导入并修改部分配置

git clone https://github.com/251205668/student-admin.git

然后修改 application.yml 文件，改成你自己的数据库参数就好了，这里假设你将端口改成了 8080

前端项目

# 下载
git clone https://github.com/251205668/student-admin-template

# 进入项目主目录
cd student-admin-template

# 安装依赖
npm install 或者 cnpm install

然后需要修改前端的配置

首先是修改 Vue.config.js 的接口代理配置，改成你的后端地址就行

然后有一个注意的点是但凡碰到上传组件，上传的接口本项目不提供，各位自行修改即可

启动项目了

npm run dev

# 打包
npm run build

# 发布应用，详情看sh文件

# 开启聊天室功能，启动socket.js node应用即可

开启聊天室功能

# pm2启动最佳
node socket.js

当你看到这个界面，就说明你成功了🛺

🚙后台地址和接口文档

🏍项目痛点

对 element-ui 和 Vue-element-admin 内部组件进行封装，完成复杂表单和表格开发
利用拦截器实现项目中引入的 Axios 的封装，运用面向对象的**实现 API 接口的管理
利用 Vuex 状态管理工具和 Vue-router 的 addRoutes 实现角色控制路由分配
利用 SpringBoot 实现后端接口服务，实现分角色登录、注册、获取大屏数据等功能
引入 Echart 库完成学生首页成绩分析大屏数据图表，实现各科成绩分布的可视化对比
使用 Vue 自定义指令实现按钮级别权限控制

🚌鸟瞰图

🦽项目功能

- 学生查询
- 学生列表查询
- 学生成绩分布查询
- 学生登录
- 学生注册
- 多人在线聊天室
- 学生的删除 
- 学生信息的修改
- 学生成绩修改
- 学生成绩的录入(操作student-class)
- 课程查询
- 课程列表查询
- 学科的增加 
- 学科的修改 
- 学科的删除 
- 获取全部学科数据
- 教师注册
- 教师登录
- 修改教师信息
- 单个教师信息
- 获取教师列表数据
- 删除教师
- 管理员登陆
- 获取大屏数据