教室预约微信小程序系统设计与实现

雨点打透心脏的1/2处 2024-03-27 15:00 66阅读 0赞

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

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序教室预约系统，前台用户使用小程序，后台管理使用基PHP+MySql的B/S架构；通过后台添加教室信息、管理用户信息、管理预约信息；前台用户通过小程序登录，查看教室信息、发起预约。

**意义**：微信小程序教室预约系统是计算机技术与教室管理相结合的产物，通过微信小程序教室预约系统实现了对教室使用的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.在工作人员的具备一定的计算机操作能力的前提下，特编此微信小程序教室预约系统软件以提高教室的管理效率。

> ## 可行性分析 ##

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

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

> ## 主要功能模块 ##

![2b94f77f172a4afca8340bddf18804c6.png][]

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

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

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

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

### 小程序功能 ###

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

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

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

> ## 开发概要 ##

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

开发操作系统：windows10 + 4G内存 + 500G

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

后台环境：IIS +PHP

后台开发语言：PHP

后台开发工具：Dreamweaver +PhpStorm

数据库：mysql8

数据库管理工具：navicat

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

> ## 开发文件说明 ##

### 实体图和ER图 ###

![b29471bea2ff49da9a6f7401859a8e32.png][]

### 后台文件 ###

所在路径：后台源码ht目录是后台

绿色显示的是系统框架，不要动

<table> 
 <tbody> 
 <tr> 
 <td> 位置 </td> 
 <td> 程序名 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> 源码根目录 </td> 
 <td> login.php </td> 
 <td> 后台登录页面 </td> 
 </tr> 
 <tr> 
 <td> 源码根目录 </td> 
 <td> check_u_login.php </td> 
 <td> 后台登录处理程序 </td> 
 </tr> 
 <tr> 
 <td> ht 后台根目录 </td> 
 <td> index.php </td> 
 <td> 后台首页 </td> 
 </tr> 
 <tr> 
 <td> left.php </td> 
 <td> 后台左侧菜单 </td> 
 </tr> 
 <tr> 
 <td> u_logout.php </td> 
 <td> 退出登录 </td> 
 </tr> 
 <tr> 
 <td> ht/quanxian 密码管理 </td> 
 <td> mima.php </td> 
 <td> 密码修改页面 </td> 
 </tr> 
 <tr> 
 <td> mima_act.php </td> 
 <td> 密码修改程序 </td> 
 </tr> 
 <tr> 
 <td> ht/zixun 资讯 </td> 
 <td> caidan_1ji.php </td> 
 <td> 资讯分类管理 </td> 
 </tr> 
 <tr> 
 <td> zixun_add.php </td> 
 <td> 资讯录入页面 </td> 
 </tr> 
 <tr> 
 <td> zixun_add_act.php </td> 
 <td> 资讯录入数据库程序 </td> 
 </tr> 
 <tr> 
 <td> zixun_list.php </td> 
 <td> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td> zixun_xiugai.php </td> 
 <td> 资讯修改页面 </td> 
 </tr> 
 <tr> 
 <td> zixun_xiugai_act.php </td> 
 <td> 资讯修改程序 </td> 
 </tr> 
 <tr> 
 <td> zixun_del.php </td> 
 <td> 资讯删除程序 </td> 
 </tr> 
 <tr> 
 <td> ht/ guanggao 广告和留言 </td> 
 <td> ad_index_wx.php </td> 
 <td> 轮播图设置页面 </td> 
 </tr> 
 <tr> 
 <td> ad_index_wx_baocun </td> 
 <td> 轮播图设置程序处理 </td> 
 </tr> 
 <tr> 
 <td> liuyan_list.php </td> 
 <td> 留言列表 </td> 
 </tr> 
 <tr> 
 <td> liuyan_delt.php </td> 
 <td> 留言删除 </td> 
 </tr> 
 <tr> 
 <td> ht/huiyuan 会员 </td> 
 <td> hy_list.php </td> 
 <td> 会员列表 </td> 
 </tr> 
 <tr> 
 <td> hy_add.php </td> 
 <td> 会员录入 </td> 
 </tr> 
 <tr> 
 <td> hy_del.php </td> 
 <td> 会员删除 </td> 
 </tr> 
 <tr> 
 <td> hy_leixing_xiugai.php </td> 
 <td> 会员类型修改：学生或老师 </td> 
 </tr> 
 <tr> 
 <td> hy_leixing_xiugai_act.php </td> 
 <td> 类型修改处理程序 </td> 
 </tr> 
 <tr> 
 <td> daoru_add.php </td> 
 <td> 会员账号导入页面 </td> 
 </tr> 
 <tr> 
 <td> daoru_add_baocun.php </td> 
 <td> 会员账号导入处理程序 </td> 
 </tr> 
 <tr> 
 <td> ht/jiaoshi 教室 </td> 
 <td> jiaoshi_fenlei.php </td> 
 <td> 教室场地分类设置 </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_add.php </td> 
 <td> 教室录入页面 </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_add_act.php </td> 
 <td> 教室录入程序 </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_list.php </td> 
 <td> 教室列表 </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_xiugai.php </td> 
 <td> 教室修改页面 </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_xiugai_act.php </td> 
 <td> 教室修改程序 </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_del.php </td> 
 <td> 教室删除 </td> 
 </tr> 
 <tr> 
 <td> yuyue_list.php </td> 
 <td> 教室预约列表 </td> 
 </tr> 
 <tr> 
 <td> yuyue_leixing_xiugai.php </td> 
 <td> 教室审核页面 </td> 
 </tr> 
 <tr> 
 <td> yuyue_leixing_xiugai_act.php </td> 
 <td> 教室审核程序处理 </td> 
 </tr> 
 <tr> 
 <td> yuyue_del.php </td> 
 <td> 教室预约订单删除 </td> 
 </tr> 
 </tbody> 
</table>

### 小程序文件 ###

小程序接口

<table> 
 <tbody> 
 <tr> 
 <td> 程序名 </td> 
 <td> 包含 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> 首页 </td> 
 <td> wx_lunbo.php </td> 
 <td> 获取顶部轮播图片数组（多个图片） </td> 
 </tr> 
 <tr> 
 <td> wx_news_list.php </td> 
 <td> 获取最新资讯3条 </td> 
 </tr> 
 <tr> 
 <td> 预约 </td> 
 <td> wx_fenlei.php </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> wx_jiaoshi_list.php </td> 
 <td> 根据日期、分类 获取房间的数据 </td> 
 </tr> 
 <tr> 
 <td> wx_jiaoshi_yiyue.php </td> 
 <td> 根据 日期、房间id、读取已经选中节的数据 </td> 
 </tr> 
 <tr> 
 <td> </td> 
 <td> wx_jiaoshi_yuyue_add.php </td> 
 <td> 提交信息 </td> 
 </tr> 
 <tr> 
 <td> 资讯信息 </td> 
 <td> wx_news_list_byid.php </td> 
 <td> 获取资讯列表 </td> 
 </tr> 
 <tr> 
 <td> wx_news_info.php&nbsp; </td> 
 <td> 获取资讯信息详情 </td> 
 </tr> 
 <tr> 
 <td> 留言 </td> 
 <td> wx_api_liuyan.php </td> 
 <td> 提交留言 </td> 
 </tr> 
 <tr> 
 <td> 会员 </td> 
 <td> wx_jiaoshi_yuyue_list_byUserid.php </td> 
 <td> 获取用户预约信息列表 </td> 
 </tr> 
 <tr> 
 <td> wx_jiaoshi_yuyue_del_byUserid.php </td> 
 <td> 取消申请 </td> 
 </tr> 
 <tr> 
 <td> wx_huiyuan_xinxi_byid.php </td> 
 <td> 读取会员信息 </td> 
 </tr> 
 <tr> 
 <td> wx_huiyuan_xinxi_update_byid.php </td> 
 <td> 更新会员信息 </td> 
 </tr> 
 <tr> 
 <td> wx_check_login_yonghu.php </td> 
 <td> 普通用户登录 </td> 
 </tr> 
 <tr> 
 <td> wx_check_reg_yonghu.php </td> 
 <td> 普通用户注册 </td> 
 </tr> 
 <tr> 
 <td> wx_check_reg_yonghu-weixin.php </td> 
 <td> 微信登录 </td> 
 </tr> 
 <tr> 
 <td> wx_huiyuan_mima_act.php </td> 
 <td> 密码修改 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

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

![229e52c770554a40a0a88cbee5139281.jpeg][]![be79f9544ac54815af9a0f208ff4d421.jpeg][]![78e62ca6e74342349a72f0a946b4503c.jpeg][]![b8f77ef3815540d8b137f37054224382.jpeg][]![ca43d79386034558a7fc9f23902204c0.jpeg][]![74d05f6868a84ae1860d89b16b9dd8bb.jpeg][]![010ede6cb96148ae9802261a3611fcbf.jpeg][]![408b5fb3945f4e4f84c688b56d38dcd6.jpeg][]![eb13b27d21dc40348b5ccc98e6282b84.jpeg][]![50426a93e9b343a9be0005c520a5350c.jpeg][]

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

![c20ce793f85743c3b888cf5cca118c4b.jpeg][]![8b671bc681c14eafa94dd2a3213904e8.jpeg][]![70e4de33fd904f0bb6307882f3979c94.jpeg][]![fd464c1a192e4a0fb71b135c0b1886ee.jpeg][]![13769fa219be46f08f85bb3a6ee09097.jpeg][]![f5b8586dbcba4e59a57d152216910f15.jpeg][]![e45cfb762d434b7fbcee21b67e1b9a7a.jpeg][]![2ea1faa7d06b47dab6e5e8f0ebc12dc6.jpeg][]![eb0b7afc3e574c119a51525dd0bb9b49.jpeg][]

[2b94f77f172a4afca8340bddf18804c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f1c6665a63ea4e98bfcf77b1d3d21ec5.png
[b29471bea2ff49da9a6f7401859a8e32.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/32ef034a52094c32bb13fb7c0752aa46.png
[229e52c770554a40a0a88cbee5139281.jpeg]: https://img-blog.csdnimg.cn/229e52c770554a40a0a88cbee5139281.jpeg
[be79f9544ac54815af9a0f208ff4d421.jpeg]: https://img-blog.csdnimg.cn/be79f9544ac54815af9a0f208ff4d421.jpeg
[78e62ca6e74342349a72f0a946b4503c.jpeg]: https://img-blog.csdnimg.cn/78e62ca6e74342349a72f0a946b4503c.jpeg
[b8f77ef3815540d8b137f37054224382.jpeg]: https://img-blog.csdnimg.cn/b8f77ef3815540d8b137f37054224382.jpeg
[ca43d79386034558a7fc9f23902204c0.jpeg]: https://img-blog.csdnimg.cn/ca43d79386034558a7fc9f23902204c0.jpeg
[74d05f6868a84ae1860d89b16b9dd8bb.jpeg]: https://img-blog.csdnimg.cn/74d05f6868a84ae1860d89b16b9dd8bb.jpeg
[010ede6cb96148ae9802261a3611fcbf.jpeg]: https://img-blog.csdnimg.cn/010ede6cb96148ae9802261a3611fcbf.jpeg
[408b5fb3945f4e4f84c688b56d38dcd6.jpeg]: https://img-blog.csdnimg.cn/408b5fb3945f4e4f84c688b56d38dcd6.jpeg
[eb13b27d21dc40348b5ccc98e6282b84.jpeg]: https://img-blog.csdnimg.cn/eb13b27d21dc40348b5ccc98e6282b84.jpeg
[50426a93e9b343a9be0005c520a5350c.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/a42f99ab6e484f8db087aadd5614ed78.png
[c20ce793f85743c3b888cf5cca118c4b.jpeg]: https://img-blog.csdnimg.cn/c20ce793f85743c3b888cf5cca118c4b.jpeg
[8b671bc681c14eafa94dd2a3213904e8.jpeg]: https://img-blog.csdnimg.cn/8b671bc681c14eafa94dd2a3213904e8.jpeg
[70e4de33fd904f0bb6307882f3979c94.jpeg]: https://img-blog.csdnimg.cn/70e4de33fd904f0bb6307882f3979c94.jpeg
[fd464c1a192e4a0fb71b135c0b1886ee.jpeg]: https://img-blog.csdnimg.cn/fd464c1a192e4a0fb71b135c0b1886ee.jpeg
[13769fa219be46f08f85bb3a6ee09097.jpeg]: https://img-blog.csdnimg.cn/13769fa219be46f08f85bb3a6ee09097.jpeg
[f5b8586dbcba4e59a57d152216910f15.jpeg]: https://img-blog.csdnimg.cn/f5b8586dbcba4e59a57d152216910f15.jpeg
[e45cfb762d434b7fbcee21b67e1b9a7a.jpeg]: https://img-blog.csdnimg.cn/e45cfb762d434b7fbcee21b67e1b9a7a.jpeg
[2ea1faa7d06b47dab6e5e8f0ebc12dc6.jpeg]: https://img-blog.csdnimg.cn/2ea1faa7d06b47dab6e5e8f0ebc12dc6.jpeg
[eb0b7afc3e574c119a51525dd0bb9b49.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/fbeb4b1ebef446b794bd0f3ca48a8d83.png