基于PHP+小程序(MINA框架)+Mysql数据库的食堂餐厅预约订座小程序系统设计与实现

墨蓝 2024-04-03 08:36 101阅读 0赞

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

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

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

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

> ## 可行性分析 ##

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

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

> ## 主要功能模块 ##

### ![d70bdb18ccba4796b19b3b67003cdc14.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>

## 功能模块图 ##

### 功能实体图 ###

![076b7d83d53b415286050660db78ed47.png][]

### 数据库ER图 ###

![4f6c8944df464a11a4639fb632de87c3.png][]

> ##    作品效果截图 ##

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

![585f78f8ecd7431fbf43003e6662847e.jpeg][]![95fb990848c1421bb49e15f18ac3b2ba.jpeg][]![21523bddabc44d858561db452c76cbf7.jpeg][]![01b87cb7fc4d4e64824a1d91d7bc2282.jpeg][]![9d0839ba3a834064bd9f5a6b9d86eac5.jpeg][]![0b9ac4aae8b940fa8fc4946a619cf000.jpeg][]![cfb1c02d41314a50a7058d353a605f64.jpeg][]![b2b3fcf0f1744aa389bd743e2ac0b559.jpeg][]

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

![a087ffa9303d48758eb4efe15266724b.jpeg][]![d711201439534d7995ad7cdf2a63d952.jpeg][]![504a0c6ed9dd430bb742b3461ce6e03d.jpeg][]![0ec9a54447ba4cf2a6fce7e3300c8b54.jpeg][]![394aa2ea8cd1401080f8e99a74cf1298.jpeg][]![b2aedd48c40e4bfe9a595e1dc5d0671c.jpeg][]![c0c381d3b2e84e9db8b7750ea046fcc4.jpeg][]![49db853de16947d4af3eac81def22b0d.jpeg][]![6147f3c99d5e4ed69d2b952c4678c842.jpeg][]![25d1b03bf06e450898e4e47ec05b1954.jpeg][]

[d70bdb18ccba4796b19b3b67003cdc14.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/00ec0997e9154627a7c3108d13ab850e.png
[076b7d83d53b415286050660db78ed47.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b333e0359f754d30be40d014e803714f.png
[4f6c8944df464a11a4639fb632de87c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4a01f2074aa4413abb32979eb4c10b1a.png
[585f78f8ecd7431fbf43003e6662847e.jpeg]: https://img-blog.csdnimg.cn/585f78f8ecd7431fbf43003e6662847e.jpeg
[95fb990848c1421bb49e15f18ac3b2ba.jpeg]: https://img-blog.csdnimg.cn/95fb990848c1421bb49e15f18ac3b2ba.jpeg
[21523bddabc44d858561db452c76cbf7.jpeg]: https://img-blog.csdnimg.cn/21523bddabc44d858561db452c76cbf7.jpeg
[01b87cb7fc4d4e64824a1d91d7bc2282.jpeg]: https://img-blog.csdnimg.cn/01b87cb7fc4d4e64824a1d91d7bc2282.jpeg
[9d0839ba3a834064bd9f5a6b9d86eac5.jpeg]: https://img-blog.csdnimg.cn/9d0839ba3a834064bd9f5a6b9d86eac5.jpeg
[0b9ac4aae8b940fa8fc4946a619cf000.jpeg]: https://img-blog.csdnimg.cn/0b9ac4aae8b940fa8fc4946a619cf000.jpeg
[cfb1c02d41314a50a7058d353a605f64.jpeg]: https://img-blog.csdnimg.cn/cfb1c02d41314a50a7058d353a605f64.jpeg
[b2b3fcf0f1744aa389bd743e2ac0b559.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/719ae347fe654ae18b08b914d7b3e4b5.jpeg
[a087ffa9303d48758eb4efe15266724b.jpeg]: https://img-blog.csdnimg.cn/a087ffa9303d48758eb4efe15266724b.jpeg
[d711201439534d7995ad7cdf2a63d952.jpeg]: https://img-blog.csdnimg.cn/d711201439534d7995ad7cdf2a63d952.jpeg
[504a0c6ed9dd430bb742b3461ce6e03d.jpeg]: https://img-blog.csdnimg.cn/504a0c6ed9dd430bb742b3461ce6e03d.jpeg
[0ec9a54447ba4cf2a6fce7e3300c8b54.jpeg]: https://img-blog.csdnimg.cn/0ec9a54447ba4cf2a6fce7e3300c8b54.jpeg
[394aa2ea8cd1401080f8e99a74cf1298.jpeg]: https://img-blog.csdnimg.cn/394aa2ea8cd1401080f8e99a74cf1298.jpeg
[b2aedd48c40e4bfe9a595e1dc5d0671c.jpeg]: https://img-blog.csdnimg.cn/b2aedd48c40e4bfe9a595e1dc5d0671c.jpeg
[c0c381d3b2e84e9db8b7750ea046fcc4.jpeg]: https://img-blog.csdnimg.cn/c0c381d3b2e84e9db8b7750ea046fcc4.jpeg
[49db853de16947d4af3eac81def22b0d.jpeg]: https://img-blog.csdnimg.cn/49db853de16947d4af3eac81def22b0d.jpeg
[6147f3c99d5e4ed69d2b952c4678c842.jpeg]: https://img-blog.csdnimg.cn/6147f3c99d5e4ed69d2b952c4678c842.jpeg
[25d1b03bf06e450898e4e47ec05b1954.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a6183618bd914bdabf1afc6183cb46b1.jpeg