vue+uni-app+php+myql毕业设计作品成品（8）在线外卖点餐系统设计与实现

怼烎@ 2024-02-21 10:41 43阅读 0赞

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

## 目的和意义 ##

**目的**：本课题主要目标是设计并能够实现一个基于Vue.js外卖点餐系统，前台用户使用H5移动端页面，后台管理使用PHP开发的网站后台管理系统，使用Mysql8存储数据；通过后台录入和管理资讯、管理会员、设置菜品分类、录入和管理菜品、订单处理等；前台用户通过H5移动网页登录，查看资讯、查看菜品分类、查看菜品、在线点餐、购物车、下单、订单管理等。

**意义**：基于Vue.js外卖点餐系统是计算机技术与餐饮管理相结合的产物，通过该系统实现了对餐饮订单的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落。在工作人员的具备一定的计算机操作能力的前提下，特编此基于Vue.js外卖点餐系统软件以提高餐饮效率。

## 系统功能 ##

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

菜品库：点击所有菜品；支持通过查询来查找所需要菜品  
菜品信息： 点击到菜品详情页面，可以查看菜品介绍、图片、价格、销售等、详情、已购买用户的评论列表。  
菜品收藏：在操作信息详情，下方点击“收藏”，进行收藏  
菜品选购：在菜品的详情页面，点击“加入购物车”，也可以直接点击“立即购买”  
菜品购物车：列出打算下单的菜品列表，支持数量增加和减小  
外卖下单：在购物车列表点击“去结算”，选择或者填写收货地址、确认要下单的菜品和数量；填写备注。点击“下单结算”，然后跳转到订单列表  
取消订单：在“我的订单”列表中，针对没有付款的订单，点击“取消申请”，删除订单  
去付款：：在“我的订单”列表中，点击“去付款”，模拟付款  
菜品评论：在“我的订单”列表中，已经付款的订单，可以对每个菜品，点击“评价”，去打分和填写菜品评论.  
收货地址管理：录入收货地址、查看所有收货地址，修改收货地址、删除

我的收藏：用户收藏的菜品列表。  
退出系统：清除缓存，返回小程序首页  
留言：填写留言的内容，提交到网站管理后台

## 后台管理系统功能 ##

会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改  
广告设置：上传图片和设置小程序首页轮播图广告地址  
留言列表：所有用户留言信息列表，支持删除

菜品分类管理：支持录入、查看、修改和删除已有分类  
菜品录入：选择菜品分类、录入菜品名称、库存、已销售、价格、上传菜品图片、填写菜品介绍  
菜品管理：查看所有已经录入的菜品信息、支持修改和删除  
菜品订单：查看所有用户下单的订单信息，包括下单时间、费用、收货地址、收货人信息、订单菜品信息和备注等  
订单处理：处理菜品发货信息等

## 截图-系统 ##

![07594528d8c146a0b0e6749adfdb650b.jpeg][]![991a12e291f141258469e4665c43cb51.jpeg][]![9fad6de8b58d48f090698ed8f4f2a4ae.jpeg][]![45cd1dbcfcfe459284916320a84205cf.jpeg][]![7406011b47df4c5f8d564653b45155b0.jpeg][]![2936d245e6224a1ba989c65b2b3c4420.jpeg][]![0f975264136946588c301730853ae610.jpeg][]![ae306290b8aa482283b775e200028050.jpeg][]![9ebbf9ab6a73460cb9cea3700ada9902.jpeg][]![339ab362dc334bc5b6405a6821f11740.jpeg][]![582b40012ea34467a19f755fa76fd0c5.jpeg][]

## 截图-后台 ##

![8ee8d61855184c468f2ebb4e706f5d31.jpeg][]![abe8596a05244395849135307298a34d.jpeg][]![31a8fc6261014a979a16ed762d55dd2e.jpeg][]![14f648b13a6a40d1b36eb807403af787.jpeg][]![d6e604ec805a449f8f872153ea7f83f9.jpeg][]![6e0bafa3ecda4b368871a2b446a5e16b.jpeg][]![42cd8dbdb1c94125add6b7492bf3c23d.jpeg][]

[07594528d8c146a0b0e6749adfdb650b.jpeg]: https://img-blog.csdnimg.cn/07594528d8c146a0b0e6749adfdb650b.jpeg
[991a12e291f141258469e4665c43cb51.jpeg]: https://img-blog.csdnimg.cn/991a12e291f141258469e4665c43cb51.jpeg
[9fad6de8b58d48f090698ed8f4f2a4ae.jpeg]: https://img-blog.csdnimg.cn/9fad6de8b58d48f090698ed8f4f2a4ae.jpeg
[45cd1dbcfcfe459284916320a84205cf.jpeg]: https://img-blog.csdnimg.cn/45cd1dbcfcfe459284916320a84205cf.jpeg
[7406011b47df4c5f8d564653b45155b0.jpeg]: https://img-blog.csdnimg.cn/7406011b47df4c5f8d564653b45155b0.jpeg
[2936d245e6224a1ba989c65b2b3c4420.jpeg]: https://img-blog.csdnimg.cn/2936d245e6224a1ba989c65b2b3c4420.jpeg
[0f975264136946588c301730853ae610.jpeg]: https://img-blog.csdnimg.cn/0f975264136946588c301730853ae610.jpeg
[ae306290b8aa482283b775e200028050.jpeg]: https://img-blog.csdnimg.cn/ae306290b8aa482283b775e200028050.jpeg
[9ebbf9ab6a73460cb9cea3700ada9902.jpeg]: https://img-blog.csdnimg.cn/9ebbf9ab6a73460cb9cea3700ada9902.jpeg
[339ab362dc334bc5b6405a6821f11740.jpeg]: https://img-blog.csdnimg.cn/339ab362dc334bc5b6405a6821f11740.jpeg
[582b40012ea34467a19f755fa76fd0c5.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/20a206f1eaf74181acba91bc2184d21c.png
[8ee8d61855184c468f2ebb4e706f5d31.jpeg]: https://img-blog.csdnimg.cn/8ee8d61855184c468f2ebb4e706f5d31.jpeg
[abe8596a05244395849135307298a34d.jpeg]: https://img-blog.csdnimg.cn/abe8596a05244395849135307298a34d.jpeg
[31a8fc6261014a979a16ed762d55dd2e.jpeg]: https://img-blog.csdnimg.cn/31a8fc6261014a979a16ed762d55dd2e.jpeg
[14f648b13a6a40d1b36eb807403af787.jpeg]: https://img-blog.csdnimg.cn/14f648b13a6a40d1b36eb807403af787.jpeg
[d6e604ec805a449f8f872153ea7f83f9.jpeg]: https://img-blog.csdnimg.cn/d6e604ec805a449f8f872153ea7f83f9.jpeg
[6e0bafa3ecda4b368871a2b446a5e16b.jpeg]: https://img-blog.csdnimg.cn/6e0bafa3ecda4b368871a2b446a5e16b.jpeg
[42cd8dbdb1c94125add6b7492bf3c23d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/ff663347c89245a9af3d620a12857b30.png