基于PHP+小程序(MINA框架)+Mysql数据库的共享停车位预约小程序系统设计与实现

柔光的暖阳◎ 2024-04-03 08:40 50阅读 0赞

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

**目的**：首先，在社会上“停车难”是一个众所周知的问题，每个小区，每个大厦都有自己的停车场，但是在没有进入停车场之前，我们没办法知道是否有空车位，空车位在哪个地方。为了解决这个问题我们打算做一个停车场车位预约小程序，来解决车主在进入停车场之前了解车位信息，预约车位信息

**意义**：随着人们经济水平的提高，拥有小汽车的家庭越来越多，人们也更喜欢舒适自由的自驾车出行方式。但停车场停车位有限，满足不了日益增加的停车需求，一部分人希望通过支付一定的费用来提前预约车位。建立一个停车位预约与指引系统，能很好地解决这个问题。停车位不足的情况已经严重影响到自驾车人群的出行质量。在花费了大量的并且无任何意义的时间后才找到车位，或者仍没有找到空闲车位不得已而最终选择乱停放，这势必会影响出行人的心情，打乱出行计划，继而影响消费；而驾车兜圈到处寻找车位会造成交通拥堵，容易造成事故。停车难的问题已经严重影响到了城市居民的生活和城市的发展。

> ## 可行性分析 ##

此停车位预约系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

> ## 主要功能模块 ##

![3785da8ec1e941aca63ffd4607bdae17.png][]

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

会员管理：查看网站所有注册会员信息，支持删除  
资讯录入：录入资讯标题、时间、资讯内容等  
管理资讯：查看现有资讯列表，支持修改和删除功能  
停车场录入：停车场名称、每小时收费、图片、停车场介绍  
停车场管理：列出所有停车场列表，支持修改和删除  
车位管理：录入哪幢楼 > 录入楼的停车场楼层和数目  
车位预约订单列表：列出所有车位预约订单、停车场信息、预约信息和缴费信息  
取消超时订单：对于预约超过15分钟，而且没有缴费的，管理员可以取消订单  
车位状态：预约待付款|已付款待出库|已出库|已评论

### 小程序功能 ###

用户注册:普通用户的账号由用户自行注册  
用户登录：用自己注册的账号登录，也可以使用微信账号授权登录  
资讯功能：预约小程序的资讯，用户可以任意浏览资讯列表和详细信息  
停车场列表：列出所有的停车场信息  
停车场查询：可以输入关键字，查询指定的停车场  
停车场详情：显示名称、收费标准、停车场介绍  
停车场评论：使用过该停车场人员的评论列表  
停车场收藏：在详情页面底部点击收藏，加入收藏列表  
预约车位：选择停车场、选车停车位置、立即预约车位  
我的车位预约订单：显示我的所有预约信息列表  
取消预约：对于刚提交的车位预约，还没有付款之前，可以取消  
去付款：模拟付款  
出库和付费：模拟付费后成功出库  
去评论：对于已经完结的订单，可以对停车场进行评论  
我的收藏：用户收藏的停车场列表  
用户信息修改  
退出登录：清除登状态

> ## 开发概要 ##

主要介绍了系统在开发过程中所应用到的一些关键的技术，主要包括了前端小程序开发的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/ qita 广告和留言 </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/xiangmu 停车位项目 </td> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_add.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位录入页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_add_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位录入程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_del.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_xiugai.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位修改页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_xiugai_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位修改程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> xiangmu_mulu.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位场地目录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu1_add.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 1级目录（类型）录入页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu1_add_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 1级目录（类型）录入程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu1_xiugai.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 1级目录（类型）修改页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu1_xiugai_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 1级目录（类型）修改程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu2_add.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2目录（类型）录入页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu2_add_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2目录（类型）录入程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu2_xiugai.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2目录（类型）修改页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu2_xiugai_act.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2目录（类型）修改程序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> mulu_del.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 停车位目录删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingdan_list.php </td> 
 <td style="vertical-align:top;width:152.45pt;"> 预约订单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> dingdan_del.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:75.55pt;"> 程序名 </td> 
 <td style="border-color:#000000;vertical-align:top;width:198.35pt;"> 包含 </td> 
 <td style="border-color:#000000;vertical-align:top;width:183.4pt;"> </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 首页 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_lunbo.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取顶部轮播图片数组（多个图片） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_news_list.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取最新资讯3条 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_top4.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取最新4个停车位 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 资讯 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_news_list_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_news_info.php&nbsp; </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取资讯信息详情 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 停车位 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_all.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 加载停车位列表 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 停车位定位 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_all_dingwei.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 按定位加载停车位列表 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 停车位详情 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_xinxi_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取停车位简介 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_xinxi_jieshao_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取停车位详情 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_shoucang_add.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 录入收藏信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_Pinlun_list.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取停车位评论列表 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 停车位预约 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_xinxi_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取停车位简介 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_riqi_list_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取类型列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_dianying_changci_list_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 选择场地类型 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_changci_xiangqing_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取类型下的具体场地 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_changci_xiangqing_byid2.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取类型下的具体场地（已选） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_dingzuo_add.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 提交预约信息 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 留言 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_api_liuyan.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 提交留言 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:75.55pt;"> 会员 </td> 
 <td style="vertical-align:top;width:198.35pt;"> wx_check_reg_yonghu.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 普通用户注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_check_login_yonghu.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 普通用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_check_reg_yonghu-weixin.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 微信登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> </td> 
 <td style="vertical-align:top;width:183.4pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_yuyue_list_byUserid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 获取用户预约列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_dingdan_fukuan.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 模拟付款 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_dingdan_del.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 取消删除预约 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_AddPinLun.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 提交评论内容 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> </td> 
 <td style="vertical-align:top;width:183.4pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_shoucang_list.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 加载用户收藏列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_xiangmu_shoucang_del.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 删除收藏 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> </td> 
 <td style="vertical-align:top;width:183.4pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_huiyuan_xinxi_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 读取会员信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_huiyuan_xinxi_update_byid.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 更新会员信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:198.35pt;"> wx_huiyuan_mima_act.php </td> 
 <td style="vertical-align:top;width:183.4pt;"> 密码修改 </td> 
 </tr> 
 </tbody> 
</table>

> ## 功能模块图 ##

### 功能实体图 ###

![94ea485546fe4b36862b30c0b558027f.png][]

### 数据库ER图 ###

![bc3315fe556944d2b055e57ba15e196f.png][]

> ## 作品效果截图 ##

### ![c93508922e674eca854e3369167a2311.png][]![b96eb9c66aba456bbcbf88b6868e3729.png][]![bc0cf1f492fd4092989758c357fc2f08.png][]![95cc75da455b40c38214807f67eff2c0.png][]![cbf2e6ab3d9146cab70d6204427e3f96.png][]![f644d328471c4f80a650add2b80b164a.png][] ###

[3785da8ec1e941aca63ffd4607bdae17.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2819ede321bc4303b345436269ee7458.png
[94ea485546fe4b36862b30c0b558027f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7f295fda9d7246778f66844f304aeaf7.png
[bc3315fe556944d2b055e57ba15e196f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/de530950a02747f39e02fbd063dbfdec.png
[c93508922e674eca854e3369167a2311.png]: https://img-blog.csdnimg.cn/c93508922e674eca854e3369167a2311.png
[b96eb9c66aba456bbcbf88b6868e3729.png]: https://img-blog.csdnimg.cn/b96eb9c66aba456bbcbf88b6868e3729.png
[bc0cf1f492fd4092989758c357fc2f08.png]: https://img-blog.csdnimg.cn/bc0cf1f492fd4092989758c357fc2f08.png
[95cc75da455b40c38214807f67eff2c0.png]: https://img-blog.csdnimg.cn/95cc75da455b40c38214807f67eff2c0.png
[cbf2e6ab3d9146cab70d6204427e3f96.png]: https://img-blog.csdnimg.cn/cbf2e6ab3d9146cab70d6204427e3f96.png
[f644d328471c4f80a650add2b80b164a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f88cbe88cd514efab8a891c576d182a3.png