项目主要功能:
本系统是一套完整的高校实验室预约管理系统,支持多角色协同管理,功能模块包括:
管理员端功能:
- 用户管理:学生、教师账号的增删改查及权限分配
- 实验室管理:实验室信息录入、设备配置、开放时段设置
- 设备管理:设备状态监控、报修记录、维修管理
- 预约审核:预约申请审核、状态流转、批量处理
- 报修管理:设备报修申请处理、维修进度跟踪
- 公告管理:新闻公告发布、置顶设置、分类管理
- 实验项目:实验项目管理、审核发布
- 使用统计:实验室使用率统计、数据可视化分析
教师端功能:
- 首页公告:查看系统公告
- 公告管理:发布、编辑、删除公告
- 预约审核:审核学生预约申请
- 实验项目管理:创建和管理实验项目
- 实验项目审核:审核学生提交的实验项目
- 实验室使用统计:查看使用情况
- 设备报修:提交设备报修申请
- 报修管理:查看报修状态
- 已预约管理:管理预约记录
学生端功能(移动端H5):
- 首页:查看系统公告
- 实验室列表:浏览实验室信息、设备清单
- 实验室预约:在线选择实验室和时段进行预约
- 我的预约:查看预约记录和状态
- 实验项目:查看实验项目列表
- 我的实验项目:查看参与的实验项目
- 报修管理:提交设备报修申请
- 个人信息:修改个人资料
技术栈说明:
- 前端PC端:Vue.js 2.6.10 + Element UI 2.15.0 + Vuex 3.1.0 + Vue Router 3.0.6
- 前端移动端:Uni-App 2.0.2 + uView UI 1.8.8 + Vue 2.6.11
- 后端:Node.js + Express 4.17.1 + JWT鉴权
- 数据库:MySQL + Sequelize ORM 5.22.4
- 其他工具:Axios、ECharts 5.1.2、node-schedule定时任务、七牛云存储
环境要求:
- Node.js:14.16.0(重要:必须使用此版本)
- MySQL:5.7+
- npm:3.0.0+
- 开发工具:推荐使用VSCode或HBuilderX(移动端开发)
系统特点:
- 前后端分离:Vue2+Element UI构建PC管理端,Uni-App构建移动端H5,后端提供RESTful API
- 多角色管理:支持管理员、教师、学生三种角色,细粒度权限控制
- 高并发支持:基于Node.js非阻塞I/O特性,适合高并发预约场景
- 移动端适配:Uni-App跨端开发,支持H5、微信小程序等多端发布
- 可视化数据:集成ECharts实现实验室使用率等数据可视化
- 安全性:JWT无状态鉴权,确保接口调用安全
- 可扩展性:模块化设计,易于扩展新功能