基于微信校园食堂就餐预约小程序毕业设计作品成品（1）系统效果图

爱被打了一巴掌 2024-03-03 09:04 89阅读 0赞

> **博主介绍：**《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
> 
> 所有项目都配有从入门到精通的基础知识视频课程，免费
> 
> 项目配有对应开发文档、开题报告、任务书、PPT、论文模版等
> 
> **在文章末尾可以获取联系方式**

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

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

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

所有菜品：显示提供的所有菜品列表

菜品查询：在菜品列表顶部，输入菜品关键字，点击查询可以筛选出对应菜品

菜品信息： 点击到菜品详情页面，可以查看菜品的图片、参考价格、简介、简介等

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

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

加入购物车：在菜品信息详情，下方点击“加入购物车”，点击到购物车列表，可以看到加入购物车的菜品

立即购买：立即购买相当于是加入购入车+跳转到购物车的操作

购物车列表：显示所有在购物车的菜品，可以通过-减少，+增加数量

购物车结算：在购物车点击去结算，在结算页面，确认要就餐预约的菜品，填写备注，下单结算

订单列表：显示用户已下单的订单信息，默认用户是待付款状态

取消订单：用户没有付款的订单，可以点击取消订单

模拟付款：真实支付需要营业执照，我们这里假设点击模拟支付，真实支付成功

就餐确定：用户到达指定时间，就餐完毕后，点击就餐确定，订单流程结束

菜品评价：用户订单结束后，可以对订单的菜品进行评论

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

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

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

![b842f7b8571c4617b49d383b28eb551a.png][]![3d7b62e932b94d42be91c9fae13e1f5a.png][]![1660a1342046429099dae0e3dc4914ef.png][]![0a0a7e6e718042dc93ce7391e8ce3e20.png][]![0c17bc0150ba4297b80bc20629b1ab8f.png][]![a4ed957ef450411b914ada7faa977163.png][]![3e8de42c7c1e411f95ba9e4f15b36819.png][]![dbf10b23343d4024863924985a77db83.png][]

参考来源：[https://www.hzyaoyi.cn/pc\_jiaocheng\_tushu\_index.php?/55/1730.html][https_www.hzyaoyi.cn_pc_jiaocheng_tushu_index.php_55_1730.html]

[b842f7b8571c4617b49d383b28eb551a.png]: https://img-blog.csdnimg.cn/b842f7b8571c4617b49d383b28eb551a.png
[3d7b62e932b94d42be91c9fae13e1f5a.png]: https://img-blog.csdnimg.cn/3d7b62e932b94d42be91c9fae13e1f5a.png
[1660a1342046429099dae0e3dc4914ef.png]: https://img-blog.csdnimg.cn/1660a1342046429099dae0e3dc4914ef.png
[0a0a7e6e718042dc93ce7391e8ce3e20.png]: https://img-blog.csdnimg.cn/0a0a7e6e718042dc93ce7391e8ce3e20.png
[0c17bc0150ba4297b80bc20629b1ab8f.png]: https://img-blog.csdnimg.cn/0c17bc0150ba4297b80bc20629b1ab8f.png
[a4ed957ef450411b914ada7faa977163.png]: https://img-blog.csdnimg.cn/a4ed957ef450411b914ada7faa977163.png
[3e8de42c7c1e411f95ba9e4f15b36819.png]: https://img-blog.csdnimg.cn/3e8de42c7c1e411f95ba9e4f15b36819.png
[dbf10b23343d4024863924985a77db83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/5edc5c4b05bb41e6908206eb415592d1.png
[https_www.hzyaoyi.cn_pc_jiaocheng_tushu_index.php_55_1730.html]: https://www.hzyaoyi.cn/pc_jiaocheng_tushu_index.php?/55/1730.html