基于PHP+小程序(MINA框架)+Mysql数据库的篮球、足球、羽毛球等校园运动场地预约小程序系统设计与实现

灰太狼 2024-04-03 08:37 68阅读 0赞

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

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序运动场地预约系统，前台用户使用小程序，后台管理使用基PHP+MySql的B/S架构；通过后台添加开放的场地类型（比如羽毛球、篮球、网球等）、录入要开放的场地编号、在小程序端选择日期、选择要预约的场地类型、选择场地、填写场地预约信息、提交。

**意义**：运动场地预约系统是计算机技术与体育馆场地管理相结合的产物，通过运动场地预约系统实现了对羽毛球、篮球、网球、足球、乒乓球等场地的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.而采用人工预约的方法，不便于使用，而且容易出错。为了满足场馆管理人员对场地高效的管理，在工作人员的具备一定的计算机操作能力的前提下，特编此运动场地预约系统软件以提高各类运动场地的管理效率。

> ## 可行性分析 ##

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

1.技术可行性

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

2.经济可行性

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

3.操作可行性

phpstorm软件在操作上是在Windows操作系统上，运动场地预约系统管理系统后台在有电脑的地方即可使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。学生使用手机登录微信运动场地预约系统来使用。

> ## 主要功能模块 ##

![740bf3124d0a4905ae556ea65d603b2e.png][]

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

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

场地分类设置：设置开放的场地类型，设置好后不要动  
场地录入：选择分类，录入开放的场地名称  
场地管理：查看所有录入的场地信息，支持修改和删除  
场地预约列表：所有用户预约的场地记录列表  
场地预约管理：支持审核和拒绝，支持删除

### 小程序功能 ###

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

预约规则：默认只能预约最近4天的场地  
场地预约：选择日期，选择类型，选择场地，填写信息，提交场地预约  
我的预约：预约时间和星期几、预约人姓名、电话、备注。  
取消申请：在我的预约信息中，如果管理员还没有审核，在最右侧会显示“取消申请”，点击该链接，即可取消。

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

> ## 开发概要 ##

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

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

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

后台环境：IIS +PHP

后台开发语言：PHP

后台开发工具：Dreamweaver +PhpStorm

数据库：mysql8

数据库管理工具：navicat

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

> ## 开发文件说明 ##

### 后台管理文件 ###

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

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

<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;"> 源码根目录 </td> 
 <td style="vertical-align:top;width:152.45pt;"> login.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台登录页面 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> 源码根目录 </td> 
 <td style="vertical-align:top;width:152.45pt;"> check_u_login.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台登录处理程序 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> ht 后台根目录 </td> 
 <td style="vertical-align:top;width:152.45pt;"> index.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> left.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台左侧菜单 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> u_logout.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 退出登录 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> ht/quanxian 密码管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> mima.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 密码修改页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mima_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 密码修改程序 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> ht/zixun 资讯 </td> 
 <td style="vertical-align:top;width:152.45pt;"> zixun_add.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 资讯录入页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> zixun_add_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 资讯录入数据库程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> zixun_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> zixun_xiugai.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 资讯修改页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> zixun_xiugai_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 资讯修改程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> zixun_del.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 资讯删除程序 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> ht/ guanggao 广告和留言 </td> 
 <td style="vertical-align:top;width:152.45pt;"> ad_index_wx.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 轮播图设置页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> ad_index_wx_baocun </td> 
 <td style="vertical-align:top;width:152.45pt;"> 轮播图设置程序处理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> liuyan_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 留言列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> liuyan_delt.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 留言删除 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> ht/huiyuan 会员 </td> 
 <td style="vertical-align:top;width:152.45pt;"> hy_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 会员列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> hy_del.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 会员删除 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> ht/dingzuo 场地 </td> 
 <td style="vertical-align:top;width:152.45pt;"> caidan_1ji.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地类型管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingzuo_add.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地录入页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingzuo_add_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地录入程序处理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingzuo_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingzuo_del.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingzuo_xiugai.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地修改页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingzuo_xiugai_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地修改程序处理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> yuyue_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地预约列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> yuyue_del.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> yuyue_leixing_xiugai.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地处理页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> yuyue_leixing_xiugai_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 场地处理程序 </td> 
 </tr> 
 </tbody> 
</table>

### 小程序接口文件 ###

小程序接口

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:83.55pt;"> 程序名 </td> 
 <td style="border-color:#000000;vertical-align:top;width:168pt;"> 包含 </td> 
 <td style="border-color:#000000;vertical-align:top;width:205.75pt;"> </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:83.55pt;"> 首页 </td> 
 <td style="vertical-align:top;width:168pt;"> wx_lunbo.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 获取顶部轮播图片数组（多个图片） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_news_list.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 获取最新资讯3条 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:83.55pt;"> 资讯 </td> 
 <td style="vertical-align:top;width:168pt;"> wx_news_list_byid.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 获取资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_news_info.php&nbsp; </td> 
 <td style="vertical-align:top;width:205.75pt;"> 获取资讯信息详情 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:83.55pt;"> 场地预约 </td> 
 <td style="vertical-align:top;width:168pt;"> wx_dingzuo_fenlei.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 获取分类列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_dingzuo_list.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 根据日期、分类 获取场地的数据 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_dingzuo_yuyue_add.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 提交信息 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:83.55pt;"> 留言 </td> 
 <td style="vertical-align:top;width:168pt;"> wx_api_liuyan.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 提交留言 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:83.55pt;"> 会员 </td> 
 <td style="vertical-align:top;width:168pt;"> wx_check_reg_yonghu.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 普通用户注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_check_login_yonghu.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 普通用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_check_reg_yonghu-weixin.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 微信登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_dingzuo_yuyue_list_byUserid.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 获取用户预约列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_dingzuo_yuyue_del_byUserid.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 取消预约 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_huiyuan_xinxi_byid.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 读取会员信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_huiyuan_xinxi_update_byid.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 更新会员信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:168pt;"> wx_huiyuan_mima_act.php </td> 
 <td style="vertical-align:top;width:205.75pt;"> 密码修改 </td> 
 </tr> 
 </tbody> 
</table>

> ## 功能模块图 ##

### 功能实体图 ###

![9bb182e1047f4b529179ea8d5bfd746b.png][]

### 数据库ER图 ###

![a05f7d8db14d464d896239dc3f44d441.png][]

> ## 作品效果截图 ##

### 小程序功能截图 ###

![d3b02a0e57f34fe3bbc35d43a6583136.jpeg][]![cbba873368a346ef9261c90e9f6f3a99.jpeg][]![b68ea521f083495999291311d6dede7f.jpeg][]![4a7c2ddce31e412a84e0e49ed67eec05.jpeg][]![643cca3144db4e33bb00e788bcef5aac.jpeg][]![80ecd5ed1e864c2088713960b358dc83.jpeg][]![ad45e8b5a4764be2b4fc20d62348cf93.jpeg][]![93e6c2205d384311ad72daf04168ebcc.jpeg][]![6d730ecfb8f64031a9426f944156c4b5.jpeg][]

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

![151cddfdbe5341008667a111e03ffcfe.jpeg][]![0d6e9c87c92047589b251aa722686c9c.jpeg][]![422779ce54014fcbb27af5cf0b3ad2c8.jpeg][]![bb82ebd8470e4114ac3ebfc8371b99dc.jpeg][]![73fc81052dca483d88bdf6a90da6ed53.jpeg][]![8c0a8e791e6e490d82a08f300aac13c5.jpeg][]![2f61654399c3471ea32bce4d5c6c4673.jpeg][]![37107f4923114dc188bb0c2ccfa79a27.jpeg][]![dae10c74be4c4d9f8789ed28a7484d6c.jpeg][]![f9944706fe424d1093970cad86e76d65.jpeg][]

[740bf3124d0a4905ae556ea65d603b2e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/0a1bdd4099604ba29674e71a21384479.png
[9bb182e1047f4b529179ea8d5bfd746b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ad205524747747c78f428c00430dfdc3.png
[a05f7d8db14d464d896239dc3f44d441.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/efef7e8a82ea4c5dbcbb8d2eeb3cc768.png
[d3b02a0e57f34fe3bbc35d43a6583136.jpeg]: https://img-blog.csdnimg.cn/d3b02a0e57f34fe3bbc35d43a6583136.jpeg
[cbba873368a346ef9261c90e9f6f3a99.jpeg]: https://img-blog.csdnimg.cn/cbba873368a346ef9261c90e9f6f3a99.jpeg
[b68ea521f083495999291311d6dede7f.jpeg]: https://img-blog.csdnimg.cn/b68ea521f083495999291311d6dede7f.jpeg
[4a7c2ddce31e412a84e0e49ed67eec05.jpeg]: https://img-blog.csdnimg.cn/4a7c2ddce31e412a84e0e49ed67eec05.jpeg
[643cca3144db4e33bb00e788bcef5aac.jpeg]: https://img-blog.csdnimg.cn/643cca3144db4e33bb00e788bcef5aac.jpeg
[80ecd5ed1e864c2088713960b358dc83.jpeg]: https://img-blog.csdnimg.cn/80ecd5ed1e864c2088713960b358dc83.jpeg
[ad45e8b5a4764be2b4fc20d62348cf93.jpeg]: https://img-blog.csdnimg.cn/ad45e8b5a4764be2b4fc20d62348cf93.jpeg
[93e6c2205d384311ad72daf04168ebcc.jpeg]: https://img-blog.csdnimg.cn/93e6c2205d384311ad72daf04168ebcc.jpeg
[6d730ecfb8f64031a9426f944156c4b5.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cab03b9cb7854c41aeac08f3c20172f9.jpeg
[151cddfdbe5341008667a111e03ffcfe.jpeg]: https://img-blog.csdnimg.cn/151cddfdbe5341008667a111e03ffcfe.jpeg
[0d6e9c87c92047589b251aa722686c9c.jpeg]: https://img-blog.csdnimg.cn/0d6e9c87c92047589b251aa722686c9c.jpeg
[422779ce54014fcbb27af5cf0b3ad2c8.jpeg]: https://img-blog.csdnimg.cn/422779ce54014fcbb27af5cf0b3ad2c8.jpeg
[bb82ebd8470e4114ac3ebfc8371b99dc.jpeg]: https://img-blog.csdnimg.cn/bb82ebd8470e4114ac3ebfc8371b99dc.jpeg
[73fc81052dca483d88bdf6a90da6ed53.jpeg]: https://img-blog.csdnimg.cn/73fc81052dca483d88bdf6a90da6ed53.jpeg
[8c0a8e791e6e490d82a08f300aac13c5.jpeg]: https://img-blog.csdnimg.cn/8c0a8e791e6e490d82a08f300aac13c5.jpeg
[2f61654399c3471ea32bce4d5c6c4673.jpeg]: https://img-blog.csdnimg.cn/2f61654399c3471ea32bce4d5c6c4673.jpeg
[37107f4923114dc188bb0c2ccfa79a27.jpeg]: https://img-blog.csdnimg.cn/37107f4923114dc188bb0c2ccfa79a27.jpeg
[dae10c74be4c4d9f8789ed28a7484d6c.jpeg]: https://img-blog.csdnimg.cn/dae10c74be4c4d9f8789ed28a7484d6c.jpeg
[f9944706fe424d1093970cad86e76d65.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/de5ea74e545d47cc9fbd6bd054e370e7.jpeg