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

矫情吗；* 2024-04-03 08:19 112阅读 0赞

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

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

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

**用途**：餐厅座位、停车车位、酒吧座位、图书馆座位等

> ## 可行性分析 ##

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

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

> ## 主要功能模块 ##

### ![baaa037683dd4e0481c7e8455665fe78.png][] ###

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

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

座位场地设置：设置开放哪些场地，比如实验楼、图书馆、教学楼等  
录入座位：选择座位场地，录入开放教室名称，开放座位数目  
座位管理：查看所有已经录入的座位列表，支持修改和删除

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

### 小程序功能 ###

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

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

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

> ## 开发概要 ##

本章主要介绍了系统在开发过程中所应用到的一些关键的技术，主要包括了前端小程序开发的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/zuowei 后台座位 </td> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_leixing </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地的设施初始页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_leixing_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地设置 操作页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_add&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 座位录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 座位列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 修改座位信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除座位 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_zuowei_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 /dingzuo_api 订座相关 </td> 
 <td style="vertical-align:top;width:169.75pt;"> wx_dingzuo_fenlei </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取座位类型 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_zuoweishu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 根据教室id &gt; 获取座位数 </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_zuowei_yes </td> 
 <td style="vertical-align:top;width:143.8pt;"> 教室已选座信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_dingzuo_yuyue_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 提交订座预约信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_dingzuo_list_byUserid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 用户的订座列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_dingzuo_del_byUserid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 取消订座 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

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

![13c7a72f7dfc44f89de3eb392c1d5aee.png][]![74977717aff642d283b864bd3384fe0a.png][]![56eeec1e4b9045a1af8c8a36c518b618.png][]![0513d9b2a0c04866b89d675d8b364d77.png][]![a4b561e17f544121ab7adbe0f9ee9c35.png][]![24ed220309514a4f888ac98eb46ec2d1.png][]![8d27909a26364b8daa05a5eb4f8533da.png][]

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

![297118fec03544d5a80cd3f54286b536.jpeg][]![d05d67fd65214ceea6f3ff115eaa8096.jpeg][]![7ed5f79263f341f188d33f611e73289c.jpeg][]![95bce69d6ad546b7a973093e072a1342.jpeg][]![7b86319ed54d46998d0a86d0fc79b03d.jpeg][]![e51fb982ed274eebba512219813bf985.jpeg][]![c5671738c1c24870a2597050c37a55b7.jpeg][]![af481fcd57be41f4b12e288e97e5aa52.jpeg][]![ebe9b9cc102346faa421df2f642fa2d6.jpeg][]![c1ba28698f034d7f950f030d0da3b525.jpeg][]![0852a05e086e474b9730a4cf73f33ae1.jpeg][]

[baaa037683dd4e0481c7e8455665fe78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/551107701b054b509f93391ea11a18f8.png
[13c7a72f7dfc44f89de3eb392c1d5aee.png]: https://img-blog.csdnimg.cn/13c7a72f7dfc44f89de3eb392c1d5aee.png
[74977717aff642d283b864bd3384fe0a.png]: https://img-blog.csdnimg.cn/74977717aff642d283b864bd3384fe0a.png
[56eeec1e4b9045a1af8c8a36c518b618.png]: https://img-blog.csdnimg.cn/56eeec1e4b9045a1af8c8a36c518b618.png
[0513d9b2a0c04866b89d675d8b364d77.png]: https://img-blog.csdnimg.cn/0513d9b2a0c04866b89d675d8b364d77.png
[a4b561e17f544121ab7adbe0f9ee9c35.png]: https://img-blog.csdnimg.cn/a4b561e17f544121ab7adbe0f9ee9c35.png
[24ed220309514a4f888ac98eb46ec2d1.png]: https://img-blog.csdnimg.cn/24ed220309514a4f888ac98eb46ec2d1.png
[8d27909a26364b8daa05a5eb4f8533da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/72b3617e4f0e4273abf3da077a87b7a4.png
[297118fec03544d5a80cd3f54286b536.jpeg]: https://img-blog.csdnimg.cn/297118fec03544d5a80cd3f54286b536.jpeg
[d05d67fd65214ceea6f3ff115eaa8096.jpeg]: https://img-blog.csdnimg.cn/d05d67fd65214ceea6f3ff115eaa8096.jpeg
[7ed5f79263f341f188d33f611e73289c.jpeg]: https://img-blog.csdnimg.cn/7ed5f79263f341f188d33f611e73289c.jpeg
[95bce69d6ad546b7a973093e072a1342.jpeg]: https://img-blog.csdnimg.cn/95bce69d6ad546b7a973093e072a1342.jpeg
[7b86319ed54d46998d0a86d0fc79b03d.jpeg]: https://img-blog.csdnimg.cn/7b86319ed54d46998d0a86d0fc79b03d.jpeg
[e51fb982ed274eebba512219813bf985.jpeg]: https://img-blog.csdnimg.cn/e51fb982ed274eebba512219813bf985.jpeg
[c5671738c1c24870a2597050c37a55b7.jpeg]: https://img-blog.csdnimg.cn/c5671738c1c24870a2597050c37a55b7.jpeg
[af481fcd57be41f4b12e288e97e5aa52.jpeg]: https://img-blog.csdnimg.cn/af481fcd57be41f4b12e288e97e5aa52.jpeg
[ebe9b9cc102346faa421df2f642fa2d6.jpeg]: https://img-blog.csdnimg.cn/ebe9b9cc102346faa421df2f642fa2d6.jpeg
[c1ba28698f034d7f950f030d0da3b525.jpeg]: https://img-blog.csdnimg.cn/c1ba28698f034d7f950f030d0da3b525.jpeg
[0852a05e086e474b9730a4cf73f33ae1.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/266e1fb421974e439cb78bfd4a3a4c81.jpeg