体育馆运动场地预约小程序系统设计与实现

Myth丶恋晨 2024-03-31 16:40 30阅读 0赞

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

**目的**：本课题主要目标是设计并能够实现一个基于微信体育馆场地预约小程序系统，前台用户使用小程序，小程序使用微信开发者工具开发；后台管理使用基PHP+MySql的B/S架构，开发工具使用phpstorm；通过后台添加体育馆信息，场地和收费信息，订单管理等，用户通过小程序登录，查看体育馆信息，定位查看体育馆，预约场地等。

**意义**：基于微信体育馆场地预约小程序系统是计算机技术与体育馆场地管理相结合的产物，通过基于微信体育馆场地预约小程序系统实现了对体育馆场地预约的高效管理。

随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落；而采用人工体育馆场地预约的方法，不仅效率低，易出错，手续繁琐，而且耗费大量人力。为了满足消费人员对在不到场地，在有网络的任何地方进行体育馆场地预约，在工作人员的具备一定的计算机操作能力的前提下，特编此基于微信体育馆场地预约小程序系统以提高体育馆场地管理效率。

> ## 可行性分析 ##

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

1.技术可行性

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

2.经济可行性

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

3.操作可行性

phpstorm软件在操作上是在Windows操作系统上进行后台管理系统的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。

用户使用手机登录基于微信体育馆场地预约小程序系统来完成体育馆场地预约的使用。

> ## 主要功能模块 ##

![f12eae5031864e92ac0d1429c2a481cd.png][]

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

会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改  
体育馆录入：体育馆名称，经纬度位置，介绍信息等  
体育馆管理：查看所有录入的体育馆列表，支持修改和删除  
场地管理：录入对应的体育馆包含的各种类型场地、开发时间、价格  
订单列表：查看所有用户体育馆订单，包含体育馆信息，用户信息，下单信息，费用等

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息

体育馆库：点击底部体育馆，支持查看所有的体育馆  
附近体育馆：实现定位，按最近的排列  
体育馆查询：在体育馆列表顶部，输入关键字，点击查询即可  
体育馆信息： 点击到体育馆详情页面，可以查看收费标准，图片，介绍等  
体育馆评论列表：在体育馆页面，切换到用户评论，可以查看所有用户评论的内容  
体育馆收藏：在体育馆详情，下方点击“收藏”，进行收藏  
体育馆预约：在体育馆详情，点击预约场地，选择时间，场地和位置，选择几个小时，提交预约  
体育馆评价：登录用户，订单付款款后，在订单列表，点击评论，弹出评论页面，填写信息，提交评论  
我的体育馆预约订单：显示用户下单的记录  
去付款：下单默认是待付款，点击去付款，模拟支付成功  
取消预约：下单默认是待付款，点击取消预约，取消订单  
我的体育馆收藏：用户收藏的体育馆，可以点击到体育馆详情页面  
用户信息：填写姓名、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> 位置 </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> 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/ qita 广告和留言 </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_del.php </td> 
 <td> 会员删除 </td> 
 </tr> 
 <tr> 
 <td> ht/xiangmu 体育馆项目 </td> 
 <td> xiangmu_add.php </td> 
 <td> 体育馆录入页面 </td> 
 </tr> 
 <tr> 
 <td> xiangmu_add_act.php </td> 
 <td> 体育馆录入程序 </td> 
 </tr> 
 <tr> 
 <td> xiangmu_list.php </td> 
 <td> 体育馆列表 </td> 
 </tr> 
 <tr> 
 <td> xiangmu_del.php </td> 
 <td> 体育馆删除 </td> 
 </tr> 
 <tr> 
 <td> xiangmu_xiugai.php </td> 
 <td> 体育馆修改页面 </td> 
 </tr> 
 <tr> 
 <td> xiangmu_xiugai_act.php </td> 
 <td> 体育馆修改程序 </td> 
 </tr> 
 <tr> 
 <td> xiangmu_mulu.php </td> 
 <td> 体育馆场地目录 </td> 
 </tr> 
 <tr> 
 <td> mulu1_add.php </td> 
 <td> 1级目录（类型）录入页面 </td> 
 </tr> 
 <tr> 
 <td> mulu1_add_act.php </td> 
 <td> 1级目录（类型）录入程序 </td> 
 </tr> 
 <tr> 
 <td> mulu1_xiugai.php </td> 
 <td> 1级目录（类型）修改页面 </td> 
 </tr> 
 <tr> 
 <td> mulu1_xiugai_act.php </td> 
 <td> 1级目录（类型）修改程序 </td> 
 </tr> 
 <tr> 
 <td> mulu2_add.php </td> 
 <td> 2目录（类型）录入页面 </td> 
 </tr> 
 <tr> 
 <td> mulu2_add_act.php </td> 
 <td> 2目录（类型）录入程序 </td> 
 </tr> 
 <tr> 
 <td> mulu2_xiugai.php </td> 
 <td> 2目录（类型）修改页面 </td> 
 </tr> 
 <tr> 
 <td> mulu2_xiugai_act.php </td> 
 <td> 2目录（类型）修改程序 </td> 
 </tr> 
 <tr> 
 <td> mulu_del.php </td> 
 <td> 体育馆目录删除 </td> 
 </tr> 
 <tr> 
 <td> dingdan_list.php </td> 
 <td> 预约订单列表 </td> 
 </tr> 
 <tr> 
 <td> dingdan_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> wx_xiangmu_top4.php </td> 
 <td> 获取最新4个体育馆 </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_xiangmu_all.php </td> 
 <td> 加载体育馆列表 </td> 
 </tr> 
 <tr> 
 <td> 体育馆定位 </td> 
 <td> wx_xiangmu_all_dingwei.php </td> 
 <td> 按定位加载体育馆列表 </td> 
 </tr> 
 <tr> 
 <td> 体育馆详情 </td> 
 <td> wx_xiangmu_xinxi_byid.php </td> 
 <td> 获取体育馆简介 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_xinxi_jieshao_byid.php </td> 
 <td> 获取体育馆详情 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_shoucang_add.php </td> 
 <td> 录入收藏信息 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_Pinlun_list.php </td> 
 <td> 获取体育馆评论列表 </td> 
 </tr> 
 <tr> 
 <td> 体育馆预约 </td> 
 <td> wx_xiangmu_xinxi_byid.php </td> 
 <td> 获取体育馆简介 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_riqi_list_byid.php </td> 
 <td> 获取类型列表 </td> 
 </tr> 
 <tr> 
 <td> wx_dianying_changci_list_byid.php </td> 
 <td> 选择场地类型 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_changci_xiangqing_byid.php </td> 
 <td> 获取类型下的具体场地 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_changci_xiangqing_byid2.php </td> 
 <td> 获取类型下的具体场地（已选） </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_dingzuo_add.php </td> 
 <td> 提交预约信息 </td> 
 </tr> 
 <tr> 
 <td> 留言 </td> 
 <td> wx_api_liuyan.php </td> 
 <td> 提交留言 </td> 
 </tr> 
 <tr> 
 <td> 会员 </td> 
 <td> wx_check_reg_yonghu.php </td> 
 <td> 普通用户注册 </td> 
 </tr> 
 <tr> 
 <td> wx_check_login_yonghu.php </td> 
 <td> 普通用户登录 </td> 
 </tr> 
 <tr> 
 <td> wx_check_reg_yonghu-weixin.php </td> 
 <td> 微信登录 </td> 
 </tr> 
 <tr> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_yuyue_list_byUserid.php </td> 
 <td> 获取用户预约列表 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_dingdan_fukuan.php </td> 
 <td> 模拟付款 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_dingdan_del.php </td> 
 <td> 取消删除预约 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_AddPinLun.php </td> 
 <td> 提交评论内容 </td> 
 </tr> 
 <tr> 
 <td> </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_shoucang_list.php </td> 
 <td> 加载用户收藏列表 </td> 
 </tr> 
 <tr> 
 <td> wx_xiangmu_shoucang_del.php </td> 
 <td> 删除收藏 </td> 
 </tr> 
 <tr> 
 <td> </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_huiyuan_mima_act.php </td> 
 <td> 密码修改 </td> 
 </tr> 
 </tbody> 
</table>

> ## 功能模块图 ##

### 功能实体图 ###

![127866a8aecf4a6a97efa21023b72cc4.png][]

### 数据库ER图 ###

![4c0f3abb59984dc6b878562ac85f729a.png][]

> ## 作品效果截图 ##

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

![adea0dce4f8547aab70165ac69dc6e6c.png][]![b0b1f17d9ce347a08a63e3006f33dc1a.png][]![508f8a37703b404b9b82c61e7c496a89.png][]![26025019ad5e4fab9e99876cd5970ac2.png][]![207fecff87d24536be3e7db68b799fdf.png][]![3796334a4532402d91671558a2e2b008.png][]![a5ac151c58864d6abd9487ea4cf6fd74.png][]![508f6d4d297642c4a7e88103f6933139.png][]![56e0fdb119b949afb06d8c05ba99e92f.png][]![c5486a847d7746cca2aca1b53377e37c.png][]![5d693c49a4124ac18b23d94f519ce0e0.png][]![87810e3ed0d9408893746606166bc13d.png][]

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

![aa85bef1cb7a4748a70fc8046771f958.png][]![916995a6c58242519fedadf08ac3ff38.png][]![68f8088b5a64487ab5712d5c52a63e59.png][]![2333f097333f4fc69d899ccfbf6706bc.png][]![1c97722425e24fe9bab29122a72e7bcd.png][]![68427cf28691441c852382c4d890b61f.png][]![19cc73ce8f7a45c3a5c2c25853d43248.png][]

[f12eae5031864e92ac0d1429c2a481cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/7bd65702bdc54a1abb5e473eef47e969.png
[127866a8aecf4a6a97efa21023b72cc4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/12dd34f415fd437582317974eec23de1.png
[4c0f3abb59984dc6b878562ac85f729a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ce2c90dbd44242218d99c6a3cff33b5f.png
[adea0dce4f8547aab70165ac69dc6e6c.png]: https://img-blog.csdnimg.cn/adea0dce4f8547aab70165ac69dc6e6c.png
[b0b1f17d9ce347a08a63e3006f33dc1a.png]: https://img-blog.csdnimg.cn/b0b1f17d9ce347a08a63e3006f33dc1a.png
[508f8a37703b404b9b82c61e7c496a89.png]: https://img-blog.csdnimg.cn/508f8a37703b404b9b82c61e7c496a89.png
[26025019ad5e4fab9e99876cd5970ac2.png]: https://img-blog.csdnimg.cn/26025019ad5e4fab9e99876cd5970ac2.png
[207fecff87d24536be3e7db68b799fdf.png]: https://img-blog.csdnimg.cn/207fecff87d24536be3e7db68b799fdf.png
[3796334a4532402d91671558a2e2b008.png]: https://img-blog.csdnimg.cn/3796334a4532402d91671558a2e2b008.png
[a5ac151c58864d6abd9487ea4cf6fd74.png]: https://img-blog.csdnimg.cn/a5ac151c58864d6abd9487ea4cf6fd74.png
[508f6d4d297642c4a7e88103f6933139.png]: https://img-blog.csdnimg.cn/508f6d4d297642c4a7e88103f6933139.png
[56e0fdb119b949afb06d8c05ba99e92f.png]: https://img-blog.csdnimg.cn/56e0fdb119b949afb06d8c05ba99e92f.png
[c5486a847d7746cca2aca1b53377e37c.png]: https://img-blog.csdnimg.cn/c5486a847d7746cca2aca1b53377e37c.png
[5d693c49a4124ac18b23d94f519ce0e0.png]: https://img-blog.csdnimg.cn/5d693c49a4124ac18b23d94f519ce0e0.png
[87810e3ed0d9408893746606166bc13d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/bc72719cdb7f46a89704a2ebe733f7a1.png
[aa85bef1cb7a4748a70fc8046771f958.png]: https://img-blog.csdnimg.cn/aa85bef1cb7a4748a70fc8046771f958.png
[916995a6c58242519fedadf08ac3ff38.png]: https://img-blog.csdnimg.cn/916995a6c58242519fedadf08ac3ff38.png
[68f8088b5a64487ab5712d5c52a63e59.png]: https://img-blog.csdnimg.cn/68f8088b5a64487ab5712d5c52a63e59.png
[2333f097333f4fc69d899ccfbf6706bc.png]: https://img-blog.csdnimg.cn/2333f097333f4fc69d899ccfbf6706bc.png
[1c97722425e24fe9bab29122a72e7bcd.png]: https://img-blog.csdnimg.cn/1c97722425e24fe9bab29122a72e7bcd.png
[68427cf28691441c852382c4d890b61f.png]: https://img-blog.csdnimg.cn/68427cf28691441c852382c4d890b61f.png
[19cc73ce8f7a45c3a5c2c25853d43248.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/58df3a3ee2724fe785ef032d70278cd1.png