基于Java后台(Springboot框架)+前端小程序(MINA框架)+Mysql数据库的教室实验室预约小程序系统设计与实现

ゝ一纸荒年。 2024-04-03 08:21 57阅读 0赞

> ## 项目背景和意义 ##

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序实验室预约系统，前台用户使用小程序，后台管理使用Java+Mysql开发，后台使用了springboot框架；通过后台添加实验室类型和实验室房间，用户通过小程序登录，查看开放的实验室、提交实验室预约信息。

**意义**：微信小程序实验室预约系统是计算机技术与座位管理相结合的产物，通过微信小程序实验室预约系统实现了对实验室使用的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.而采用人工去预约实验室的方法，不仅效率低，易出错，手续繁琐，而且耗费大量人力。为了满足高校管理实验室的使用，在工作人员的具备一定的计算机操作能力的前提下，特编此微信小程序实验室预约系统软件以提高座位的管理效率。

> ## 可行性分析 ##

基于微信小程序实验室系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

以Windows7或10为操作系统，采用IDEA软件为开发后台管理，运用mysql进行数据库存储，使用微信开发者工具开发微信小程序；后台管理系统硬件环境是PC机，前台用户在手机上使用微信小程序。

2.经济可行性

一方面，采用IDEA和微信开发者工具开发有好的人机界面和强劲的功能支持，使管理员录入和管理实验室信息的工作效率进一步提高从而节省人力、物力；另一方面，系统的制作成本低，在现有的PC机上即可使用IDEA和微信开发者工具进行开发。

3.操作可行性

IDEA软件在操作上是在Windows操作系统上进行小程序实验室预约系统后台的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。学生和老师使用手机登录微信小程序实验室预约系统来使用。

> ## 主要功能模块 ##

![3e1a783944144fb49c68cb8deb63dff6.png][]

![a34b581b25314effbcfb52ffcd7bdd8f.png][]

### 后台管理员功能 ###

广告管理：设置小程序首页轮播图广告和链接  
留言列表：所有用户留言信息列表，支持删除  
会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改

实验室类型设置：设置开放哪些实验室类型，比如物理实验室，化学实验室，IT实验室等  
录入实验室：选择类型，录入开放实验室名称  
实验室管理：查看所有已经录入的实验室列表，支持修改和删除

订单列表：查看所有用户下单的实验室预约订单信息，支持删除和审核  
订单管理：预约可以删除；也可以进行审核操作，可以拒绝和审核通过

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息  
留言：用户可以在小程序对管理平台留言。

实验室预约规则：座位预约使用说明  
实验室预约：选择日期，选择实验室类型，选择实验室房间和课时，填写预约信息，提交预约  
我的预约列表：显示当前用户的实验室预约列表  
取消和删除申请：后台管理员没有审核的，可以取消申请；后台管理员拒绝的，可以删除。

用户信息：填写姓名、qq、邮箱、备注等信息  
退出系统：清除缓存，返回小程序首页

## 开发概要 ##

![5d8c26e1b98f4f9cb460977fa801db62.png][]

主要介绍了系统在开发过程中所应用到的一些关键的技术，主要包括了前端小程序开发的MINA框架；后台开发java的框架springboot、模板引擎thymeleaf程序技术；MySQL数据库；以及常规的网页技术HTML/CSS/JAVASCRIPT的介绍。

小程序开发：微信开发者工具（MINA框架）

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

> ## 开发文件说明 ##

### 后台文件 ###

绿色的是开源的后台管理系统框架，不要动

所在路径：Src >main >com.huang.com>houtai

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> 程序名 </td> 
 <td style="border-color:#000000;vertical-align:top;width:152.45pt;"> 包含 </td> 
 <td style="border-color:#000000;vertical-align:top;width:152.45pt;"> </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/fenzu.java 后台分组管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_fenzu_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 分组权限列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_fenzu_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 分组权限 修改 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ guanliyuan.java 后台用户管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /ht_mima </td> 
 <td style="vertical-align:top;width:152.45pt;"> 密码修改 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_user_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台用户录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_user_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台用户列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_user_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 用户修改 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ huiyuan.java 后台框架 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /login </td> 
 <td style="vertical-align:top;width:152.45pt;"> 用户登录页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /main </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /top </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台顶部文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /center </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /middel </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件（包含左右） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /left </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件-左边 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /tab </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件-右边 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /down </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台底部文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /logout </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台退出登录 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ quanxian.java 后台权限管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_1ji </td> 
 <td style="vertical-align:top;width:152.45pt;"> 1级菜单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_2ji </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2级菜单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_2ji_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2级菜单 操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_3ji </td> 
 <td style="vertical-align:top;width:152.45pt;"> 3级菜单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_3ji_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 3级菜单 操作页面 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ guanyu.java 关于我们设置 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_guanggao_shezhi </td> 
 <td style="vertical-align:top;width:152.45pt;"> 设置广告 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_liuyan_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 留言列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_liuyan_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除留言 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ xinxi.java 后台新闻管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_fenlei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 信息分类管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 信息录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 信息列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 修改资讯 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除资讯 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ yonghu.java 用户管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yonghu_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 用户列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yonghu_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除用户 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/jiaoshi 教室 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_leixing </td> 
 <td style="vertical-align:top;width:152.45pt;"> 教室分类显示页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_leixing_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 教室分类操作页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_add&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 教室录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 教室列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 修改教室信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除教室 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_jiaoshi_dingdan_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台订单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_dingdan_chuli </td> 
 <td style="vertical-align:top;width:152.45pt;"> 订单处理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_dingdan_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除 座位预约 </td> 
 </tr> 
 </tbody> 
</table>

### 小程序文件 ###

所在路径：Src >main >com.huang.com>api

按程序整理的接口列表如下

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> 页面 </td> 
 <td style="border-color:#000000;vertical-align:top;width:169.75pt;"> 接口 </td> 
 <td style="border-color:#000000;vertical-align:top;width:143.8pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api/liuyan_api 留言 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_liuyan </td> 
 <td style="vertical-align:top;width:143.8pt;"> 留言接口 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /pub_api 公用 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_get_ad </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取广告设置 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /yonghu_api 用户 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_check_reg_yonghu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 验证 用户注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_check_login_yonghu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 验证 用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_check_reg_yonghu_weixin </td> 
 <td style="vertical-align:top;width:143.8pt;"> 验证 用户登录（微信登录） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_huiyuan_xinxi_byid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 根据用户id获取用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_huiyuan_xinxi_update_byid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 更新用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_huiyuan_mima_act </td> 
 <td style="vertical-align:top;width:143.8pt;"> 更新用户密码 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /zixun_api 资讯 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取最新5条资讯 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_list_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_list_canshu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取列表的总页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_info </td> 
 <td style="vertical-align:top;width:143.8pt;"> 资讯详情 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /jiaoshi_api 教室相关 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_jiaoshi_fenlei </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取教室分类 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_jiaoshi_list 教室列表 </td> 
 <td style="vertical-align:top;width:143.8pt;"> 教室列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_jiaoshi_yiyue </td> 
 <td style="vertical-align:top;width:143.8pt;"> 教室已选座信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_jiaoshi_yuyue_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 提交预约信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_jiaoshi_list_byUserid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 用户已约教室列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_jiaoshi_del_byUserid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 取消教室预约 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

### 小程序效果截图 ###

![4fbebb7cdaa445a09cf6eb5c51b0f7f0.png][]![9f159019574d43b7b549f038e6bdd30e.png][]![856a514b6abb41af8599fdbf4806128d.png][]![7872cefe69504ebb8ac7abc9b480d9f7.png][]![8b83d74a994649bdbbcfc6f58dc089ac.png][]![ad36fde28d6e4b468ce2124ee0811a72.png][]![fd28594e2e84435d8baec91b6f00cc3d.png][]![3517bfc7e2af4dfc868a9f8d367a017b.png][]

### 后台管理截图 ###

![f876dfc6633b494984cb59ca05841a62.png][]![fa19d11308dc45059e492765559daae8.png][]![52ed02c4b4094ce184f3a6584cff83db.png][]![11dd7ff98b144586b509f2a44c559a50.png][]![4faada8a63034f8a9d1e7c121368d47d.png][]![a0231c03379f432ebbf5f9992a5dbe09.png][]![df7544c3e7574007acbeb2ad3174eb9a.png][]![41cbfa12342c4ad0bbb68970b4de79e9.png][]![36c13759610847d4807724caadebe228.png][]![41b86eb0040446dd8e142aed2a6fc30e.png][]

[3e1a783944144fb49c68cb8deb63dff6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2033fa50288d4129affc082899114435.png
[a34b581b25314effbcfb52ffcd7bdd8f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d76ab62c95674ad8a4ed5f5ff9413ec4.png
[5d8c26e1b98f4f9cb460977fa801db62.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ad52861123184fb4beee78c2e534597b.png
[4fbebb7cdaa445a09cf6eb5c51b0f7f0.png]: https://img-blog.csdnimg.cn/4fbebb7cdaa445a09cf6eb5c51b0f7f0.png
[9f159019574d43b7b549f038e6bdd30e.png]: https://img-blog.csdnimg.cn/9f159019574d43b7b549f038e6bdd30e.png
[856a514b6abb41af8599fdbf4806128d.png]: https://img-blog.csdnimg.cn/856a514b6abb41af8599fdbf4806128d.png
[7872cefe69504ebb8ac7abc9b480d9f7.png]: https://img-blog.csdnimg.cn/7872cefe69504ebb8ac7abc9b480d9f7.png
[8b83d74a994649bdbbcfc6f58dc089ac.png]: https://img-blog.csdnimg.cn/8b83d74a994649bdbbcfc6f58dc089ac.png
[ad36fde28d6e4b468ce2124ee0811a72.png]: https://img-blog.csdnimg.cn/ad36fde28d6e4b468ce2124ee0811a72.png
[fd28594e2e84435d8baec91b6f00cc3d.png]: https://img-blog.csdnimg.cn/fd28594e2e84435d8baec91b6f00cc3d.png
[3517bfc7e2af4dfc868a9f8d367a017b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fb77e5d8c5e64822a5b173e85014ed35.png
[f876dfc6633b494984cb59ca05841a62.png]: https://img-blog.csdnimg.cn/f876dfc6633b494984cb59ca05841a62.png
[fa19d11308dc45059e492765559daae8.png]: https://img-blog.csdnimg.cn/fa19d11308dc45059e492765559daae8.png
[52ed02c4b4094ce184f3a6584cff83db.png]: https://img-blog.csdnimg.cn/52ed02c4b4094ce184f3a6584cff83db.png
[11dd7ff98b144586b509f2a44c559a50.png]: https://img-blog.csdnimg.cn/11dd7ff98b144586b509f2a44c559a50.png
[4faada8a63034f8a9d1e7c121368d47d.png]: https://img-blog.csdnimg.cn/4faada8a63034f8a9d1e7c121368d47d.png
[a0231c03379f432ebbf5f9992a5dbe09.png]: https://img-blog.csdnimg.cn/a0231c03379f432ebbf5f9992a5dbe09.png
[df7544c3e7574007acbeb2ad3174eb9a.png]: https://img-blog.csdnimg.cn/df7544c3e7574007acbeb2ad3174eb9a.png
[41cbfa12342c4ad0bbb68970b4de79e9.png]: https://img-blog.csdnimg.cn/41cbfa12342c4ad0bbb68970b4de79e9.png
[36c13759610847d4807724caadebe228.png]: https://img-blog.csdnimg.cn/36c13759610847d4807724caadebe228.png
[41b86eb0040446dd8e142aed2a6fc30e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/02cd6786fe664db0adac2af7bf97d284.png