美食小程序系统设计与实现

谁借莪１个温暖的怀抱￠ 2024-03-27 13:08 50阅读 0赞

> 项目背景和意义

**目的**：本课题主要目标是设计并能够实现一个基于微信美食菜谱点评小程序系统，前台用户使用小程序，小程序使用微信开发者工具开发；后台管理使用基PP+MySql的B/S架构，开发工具使用phpstorm；通过后台添加资讯和管理资讯，录入菜谱和管理菜谱，管理菜谱评论等，用户通过小程序登录，查看菜谱信息、发表评论等。

**意义**：基于微信菜谱攻略点评小程序系统是计算机技术与美食菜交流相结合的产物，通过微信小程序功率系统实现了对菜谱介绍和菜谱评论的交流。

随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落；而采用人工线下美食交流的方法，受限于时间、场地等的限制。为了满足美食菜谱人员对美食菜谱可以在天南地北，任何有空的时间交流，在工作人员的具备一定的计算机操作能力的前提下，特编此基于微信美食菜谱点评小程序系统以提高菜谱交流效率。

> 可行性分析

基于微信美食菜谱点评小程序系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

> 主要功能模块

![9f91c9a409c540c1a6737df8117b859d.png][]

![e01dabacd99fe257d58f42adf2c56e12.gif][]

编辑

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

会员列表：查看所有注册会员信息，支持删除

录入资讯：录入资讯标题、内容等信息

管理资讯：查看已录入资讯列表，支持删除和修改

留言列表：所有用户留言信息猎豹，支持删除

录入菜谱：录入菜谱名称、参考价格、制作市场、上传菜谱图片、菜谱详情等

菜谱管理：查看所有已经录入的菜谱列表，支持修改和删除

菜谱评论列表：查看所有用户录入的菜谱评论信息

菜谱评论管理：可以删除；也可以审核后，在小程序可以看见评论

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录

微信授权登录：直接使用微信作为账号，授权后登录

资讯功能：用户可以任意浏览资讯列表和详细信息

菜谱库：点击所有菜谱菜单，支持查看所有的菜谱信息菜谱查询：在菜谱列表顶部，输入菜谱关键字，点击查询即可

菜谱信息： 点击到菜谱详情页面，可以查看菜谱的图片、参考价格、制作市场等

菜谱评论列表：在菜谱页面，切换到游客评论，可以查看所有用户评论的内容

菜谱收藏：在菜谱信息详情，下方点击“收藏”，进行收藏

菜谱评价：登录用户，在菜谱信息详情页面底部，点击我要评论，弹出评论页面，填写后提交；管理员审核后可见

我的菜谱收藏猎豹：用户收藏的菜谱列表，可以删除。

用户信息：填写姓名、qq、邮箱、备注等信息

退出系统：清除缓存，返回小程序首页

留言：用户可以在小程序对管理平台留言。

> 开发概要

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

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

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

后台环境：IIS +PHP

后台开发语言：PHP

后台开发工具：Dreamweaver +PhpStorm

数据库：mysql8

数据库管理工具：navicat

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

> 开发文件说明

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

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

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

<table style="table-layout:fixed;width:28px;"> 
 <tbody> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 位置 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 程序名 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 源码根目录 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> login.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 后台登录页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 源码根目录 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> check_u_login.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 后台登录处理程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ht 后台根目录 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> index.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 后台首页 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> left.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 后台左侧菜单 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> u_logout.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 退出登录 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ht/quanxian 密码管理 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> mima.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 密码修改页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> mima_act.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 密码修改程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ht/zixun 资讯 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> zixun_add.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯录入页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> zixun_add_act.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯录入数据库程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> zixun_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> zixun_xiugai.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯修改页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> zixun_xiugai_act.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯修改程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> zixun_del.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯删除程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ht/ qita 广告和留言 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> ad_index_wx.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 轮播图设置页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ad_index_wx_baocun </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 轮播图设置程序处理 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> liuyan_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 留言列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> liuyan_delt.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 留言删除 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ht/huiyuan 会员 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> hy_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 会员列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> hy_del.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 会员删除 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> ht/ xiangmu 美食菜谱项目 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> caidan_1ji.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱大类属性 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> caidan_2ji.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱小类属性设置 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> xiangmu_add.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱录入页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> xiangmu_add_act.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱录入程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> xiangmu_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> xiangmu_del.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱删除 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> xiangmu_xiugai.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱修改页面 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> xiangmu_xiugai_act.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱修改程序 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> pinglun_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱评论列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> pinglun_del.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱评论删除 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> pinglun_chuli.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱评论审核 </td> 
 </tr> 
 </tbody> 
</table>

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

小程序接口

<table style="table-layout:fixed;width:28px;"> 
 <tbody> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 程序名 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 包含 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 首页 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_lunbo.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取顶部轮播图 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_news_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取最新资讯3条 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_top4.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取最新4个美食菜谱 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 所有美食菜谱 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_all.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取所有美食菜谱信息 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 美食菜谱详情 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xianmgu_xinxi_byid </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取简介 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_xinxi_jieshao_byid </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取详情 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_shoucang_add.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 收藏信息 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_AddPinLun.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 提交评论内容 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 资讯信息 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_news_list_byid.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_news_info.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取资讯信息详情 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 留言 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_api_liuyan.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 提交留言 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> 会员 </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_check_reg_yonghu.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 普通用户注册 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_check_login_yonghu.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 普通用户登录 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_check_reg_yonghu-weixin.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 微信登录 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_shoucang_list.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 获取收藏列表 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_xiangmu_shoucang_del.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 收藏删除接口 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_huiyuan_xinxi_byid.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 读取会员信息 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_huiyuan_xinxi_update_byid.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 更新会员信息 </td> 
 </tr> 
 <tr> 
 <td style="width:246px;vertical-align:top;height:52px;"> wx_huiyuan_mima_act.php </td> 
 <td style="width:246px;vertical-align:top;height:52px;"> 密码修改 </td> 
 </tr> 
 </tbody> 
</table>

> 功能模块图

### 功能实体图 ###

![91243bc83d634c308cf4d22a4d738668.png][]

![66b527b12c0570705831040171f245b5.gif][]

编辑

### 数据库ER图 ###

![eb5d0bd549d74b9f8f143e74b22845a8.png][]

![d9f817c2e674de8b4b2cc7bd030543be.gif][]

编辑

> 作品效果截图

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

![ceee4bf5b07048509421d122a095fb75.png][]

![97b053e8cef7f9462b14ebafa9d29e3a.gif][]

![01d5e6f4618d4390a394e64b8f66395d.png][]

![37e93c38f27a8bc0c1752395d8944341.gif][]

![6dd36c2be2574785b966ee90addb9309.png][]

![cf6a0a8d1124437fc4d8f3180cfb1aad.gif][]

![9fbbef37e1264c5a9bc449a4fd696c83.png][]

![5db80bf6ec9ed3a9f22bdf349d5b756b.gif][]

![f77075272af44ab28714ef56c1761434.png][]

![ac82461dfe354e9f1b4b9766627eeadb.gif][]

![ccb047bd5fb448ca88e93e7eecce3154.png][]

![965d3de4add8f376db56be2f85bbbfb9.gif][]

![b4208bce5d3d45e59c9d2896e65b01f9.png][]

![2bcea6126edb47dfbd2cfb70b8afe84e.png][]

![2988f0fe414531d28c121be83a1f2a86.gif][]

![3db63c0a9aa9443fb058c34417f1f021.png][]

![d68aa2a5192af7d14657788382d654fe.gif][]

![219f9b5b15a945cb81a5b730d01a0efa.png][]

![bd0a12b2480b4ac58effd8bcdd85ea00.png][]

[9f91c9a409c540c1a6737df8117b859d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5c0f822a590849d3b291b44195ddca4b.png
[e01dabacd99fe257d58f42adf2c56e12.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d48c15d918194ddc9b2ea941118277f3.png
[91243bc83d634c308cf4d22a4d738668.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/85fb626158634c7e892baede41b52ac2.png
[66b527b12c0570705831040171f245b5.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/395dbd04cbcc451fab7a44c7cd01df7a.png
[eb5d0bd549d74b9f8f143e74b22845a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/223376374a0741789b8a32f80b79374b.png
[d9f817c2e674de8b4b2cc7bd030543be.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5a370eafbe7a46548e5d620e4064ba61.png
[ceee4bf5b07048509421d122a095fb75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/631fa236e80c4856a4065134a3fc7be1.png
[97b053e8cef7f9462b14ebafa9d29e3a.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2d3532dea45c4f189ca5e6be3af85b88.png
[01d5e6f4618d4390a394e64b8f66395d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/dfa1183f4a6f4434bba0e89cb5737935.png
[37e93c38f27a8bc0c1752395d8944341.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b3d7f1152d4b4b5a88a69799bc4717be.png
[6dd36c2be2574785b966ee90addb9309.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f950a6ce9f284e399f1e89862ca63a2c.png
[cf6a0a8d1124437fc4d8f3180cfb1aad.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/4bf88089897a4f1bb6527f82d1db1d0d.png
[9fbbef37e1264c5a9bc449a4fd696c83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3b38a5b200bf4d958bcde0c23d018433.png
[5db80bf6ec9ed3a9f22bdf349d5b756b.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/65db4116deff440fb0c816fcb51ff4cc.png
[f77075272af44ab28714ef56c1761434.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5ee54395a2ce4190bd32218c74ddcf39.png
[ac82461dfe354e9f1b4b9766627eeadb.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/db01f10c870245aaad2e7ecdff61c1c0.png
[ccb047bd5fb448ca88e93e7eecce3154.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/52037446078341c8a073b4384b56fe9a.png
[965d3de4add8f376db56be2f85bbbfb9.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e42618ea07b74bc28f5af7e3962958d1.png
[b4208bce5d3d45e59c9d2896e65b01f9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/03c8a76fa6b045279a81fa6b95c767d0.png
[2bcea6126edb47dfbd2cfb70b8afe84e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f71a8a28f50e4d6f8f8599ec8405ace4.png
[2988f0fe414531d28c121be83a1f2a86.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2d75ae739c7d4b9d839be0c626e11370.png
[3db63c0a9aa9443fb058c34417f1f021.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/88cc92e0e1054a6485eb8de10e89347d.png
[d68aa2a5192af7d14657788382d654fe.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b33c5333468f4d6b8851365d105d8526.png
[219f9b5b15a945cb81a5b730d01a0efa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/70782b9eedd64fc2ac840d4b6809d97c.png
[bd0a12b2480b4ac58effd8bcdd85ea00.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e70717b867224c41a5ce15f347942824.png