自修室预约系统

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1LF411D7ik?t=13.9

三、运行截图：

3.1 管理员模块的实现

3.1.1 学生信息管理

管理员可以管理学生信息，可以对通过微信小程序端注册的学生信息修改删除。具体界面的展示如图3.1所示。

图3.1 学生管理界面

3.1.2 公告通知管理

管理员可以对线上公告通知进行添加，修改删除查询操作。具体界面如图3.2所示。

图3.2 公告通知管理界面

3.1.3 自修室管理

系统管理员可以查看自修室，并且可以对自修室的信息进行添加修改删除操作。界面如下图所示：

图3.3 自修室管理界面

3.1.4 座位预约管理

系统管理员可以查看座位预约，并且可以对座位预约信息进行修改删除以及审核操作。界面如下图所示：

图3.4 座位预约管理界面

3.2 小程序学生模块的实现

3.2.1 学生注册

小程序学生是需要注册才可以进行登录的。界面如下图所示：

图3.5 注册界面

3.2.2 小程序首页

小程序首页会显示自修室以及公告通知，通过下滑就可以获取到。界面如下图所示：

图3.6 小程序首页

3.2.2 我的

小程序最下面是导航模块，点击我的，可以出现关于我的相关功能。界面如下图所示：

图3.6 我的

3.2.2 自习室预约

小程序最下面是导航模块，点击自习室信息后预约需要输入信息才可以预约。界面如下图所示：

图3.6 自习室预约