计算机团队毕业设计：JAVA在线外卖点餐系统+微信小程序系统设计与实现

素颜马尾好姑娘i 2024-03-23 19:16 95阅读 0赞

本次选用JAVA进行在线外卖点餐系统团队毕业设计开发，包含：WEB网站系统+微信小程序系统。

## 项目功能-模块图 ##

## ![686d4016b4d441b09f67726c0d2dec52.png][]   开发概要 ##

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

WEB开发环境：JDK1.8 + Tomcat8

WEB开发语言：Java

WEB开发框架：springboot

WEB模板引擎：Thymeleaf

WEB常规技术：html + css +javascript

WEB开发工具：Idea

数据库：mysql8

数据库管理工具：navicat

微信小程序开发：微信开发者工具

微信小程序技术：wxss，wxhtml，js

##    团队项目-小组分工 ##

## ![4173496907f14d9da61eead29d12aa03.png][]   项目功能-功能清单 ##

#### 后台管理系统(模块1-成员1开发) ####

广系统设置：设置关于我们、联系我们、加入我们、法律声明

资讯录入：选择资讯分类、录入资讯标题、简介、内容等

资讯管理：查看所有资讯、支持修改和删除

资讯互动信息：查看浏览、查看收藏、查看信息评论和评论管理

会员中心：查看注册用户信息、支持删除

广告图设置：设置首页轮播的广告图

菜品分类管理：支持录入、查看、修改和删除已有分类

菜品录入：选择菜品分类、录入菜品名称、库存、已销售、价格、上传菜品图片、填写菜品介绍

菜品管理：查看所有已经录入的菜品信息、支持修改和删除

菜品订单：查看所有用户下单的订单信息，包括下单时间、费用、收货地址、收货人信息、订单菜品信息和备注等

订单处理：处理菜品发货信息等

密码修改：修改注册的密码。

退出登录：清除登录的cookie，返回到首页。

#### 用户PC端-WEB网站系统(模块2-成员2开发) ####

用户注册：填写手机账号和密码，注册新用户

登录功能：注册普通账号登录；登录后可以修改用户的基本信息，也可以退出。

关于我们：关于我们、联系我们、加入我们、法律声明

轮播广告：后台设置首页轮播广告图，可以连接到广告页面。

留言反馈：用户填写李哭咽的主题、联系人、电话、邮箱、留言内容；后台管理可以查看留言列表，可以删除留言。

菜品库：点击所有菜品；支持通过查询来查找所需要菜品

菜品信息： 点击到菜品详情页面，可以查看菜品介绍、图片、价格、销售等、详情、已购买用户的评论列表。

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

菜品选购：在菜品的详情页面，点击“加入购物车”，也可以直接点击“立即购买”

菜品购物车：列出打算下单的菜品列表，支持数量增加和减小

外卖下单：在购物车列表点击“去结算”，选择或者填写收货地址、确认要下单的菜品和数量；填写备注。点击“下单结算”，然后跳转到订单列表

取消订单：在“我的订单”列表中，针对没有付款的订单，点击“取消申请”，删除订单

去付款：：在“我的订单”列表中，点击“去付款”，模拟付款

菜品评论：在“我的订单”列表中，已经付款的订单，可以对每个菜品，点击“评价”，去打分和填写菜品评论.

收货地址管理：录入收货地址、查看所有收货地址，修改收货地址、删除

我的商品收藏：收藏的菜品列表，支持删除

信息浏览、收藏、评论：浏览网站的记录

用户信息：姓名、联系方式、邮箱、头像、简介、介绍等，支持随时修改；用户注册的信息后台管理员可见；后台管理员可以删除。

密码修改：修改注册的密码。

退出登录：清除登录的cookie，返回到首页。

#### 用户移动端-微信小程序系统(模块3-成员3开发) ####

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

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

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

菜品库：点击所有菜品；支持通过查询来查找所需要菜品

菜品信息： 点击到菜品详情页面，可以查看菜品介绍、图片、价格、销售等、详情、已购买用户的评论列表。

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

菜品选购：在菜品的详情页面，点击“加入购物车”，也可以直接点击“立即购买”

菜品购物车：列出打算下单的菜品列表，支持数量增加和减小

外卖下单：在购物车列表点击“去结算”，选择或者填写收货地址、确认要下单的菜品和数量；填写备注。点击“下单结算”，然后跳转到订单列表

取消订单：在“我的订单”列表中，针对没有付款的订单，点击“取消申请”，删除订单

去付款：：在“我的订单”列表中，点击“去付款”，模拟付款

收货地址管理：录入收货地址、查看所有收货地址，修改收货地址、删除

我的收藏：用户收藏的菜品列表。

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

留言：填写留言的内容，提交到网站管理后台

##    如何学习和开发 ##

针对项目涉及到的基础知识，都有免费视频课，可以学习后，自己进行开发。

**WEB****基础**

WEB网站开发必须要学的HTML/CSS/JAVASCRIPT。

学习JAVA和小程序开发，WEB基础是要学的，都会用到。

**JAVA****开发学习**

第一步：数据库我们要学习Mysql数据库的安装、使用；数据库管理工具Navicat的安装使用；基础的sql语句，增删改查等。

第二步：需要学习JDK和Tomcat环境的搭建，JAVA基础语法，JAVA和mysql数据库操作，JDBC数据库操作；JAVA流行的Spring、SpringMVC、Springboot框架。

免费课程下载地址：

**微信小程序开发学习**

学习微信小程序的语法、组件、api；学会使用wxss、wxml、js在微信小程序开发中使用。

以上知识点视频课下载地址(免费)：

[https://www.hzyaoyi.cn/pc\_xinxi\_xiangqing.php?xinxi1\_id=1199&cs\_lxid=278][https_www.hzyaoyi.cn_pc_xinxi_xiangqing.php_xinxi1_id_1199_cs_lxid_278]

## 效果图-后台管理系统 ##

![910085665421492681fb89ec0f57a87f.png][]

![b8334370c15b4979b2ac2535b65207ce.png][]

![58cfc1f2c0f5404792898f10d73ebc0a.png][]

![bd1b7ee9de39447faf1deb11b648a946.png][]

![0af5286ff70e4c7fade29cc8065f4530.png][]

## 效果图-PC端网站系统 ##

![ead520b4185446138a37d7a32bca575e.png][]

![9811b2fa53784c85b0f91d6ed32cebb4.png][]

![f90c5f2a31f14a6199ece19bdacca2ce.png][]

![44b1ee1944df44d2a36bd11328f45e0b.png][]![a5c9018bc4694291822d9676097ab62b.png][]

![db49014838fc4eb1a73506172ea52502.png][]

## 效果图-微信小程序系统 ##

![1e476088121e4d6182bec350791c9195.png][]![7e0630b73e734e9ba6f4c4e8b1aefc77.png][]![b85776a4bd7c4d198aa82e6f70bfbb5d.png][]![3672483aa236485aad8dea432ddaa0f6.png][]![d98867359faf49288123d5e926f14fe8.png][]![1dd323bd62274dc583319e5e05d5553f.png][]![8f8457a9c4434694aadef0b80913bb9e.png][]![fa45098b80c24913811cf794472b8650.png][]

[686d4016b4d441b09f67726c0d2dec52.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/05d57868540e4f0ab3559c5299518d45.png
[4173496907f14d9da61eead29d12aa03.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/6208632f0c9b4144959d6183d2388133.png
[https_www.hzyaoyi.cn_pc_xinxi_xiangqing.php_xinxi1_id_1199_cs_lxid_278]: https://www.hzyaoyi.cn/pc_xinxi_xiangqing.php?xinxi1_id=1199&cs_lxid=278
[910085665421492681fb89ec0f57a87f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/abc16f44bcc349b299222e5ddf5e0f49.png
[b8334370c15b4979b2ac2535b65207ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/483c319cca33404d9c09a9d22cb4fcaf.png
[58cfc1f2c0f5404792898f10d73ebc0a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/36f9e1c1bc554192bdeea6d7e7b111b9.png
[bd1b7ee9de39447faf1deb11b648a946.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/b71bc8d17fd142a9b275865a82db9876.png
[0af5286ff70e4c7fade29cc8065f4530.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/37b7abf054af4a32bb1162838a162fea.png
[ead520b4185446138a37d7a32bca575e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/fa22358944e049a1bd4de1dd28a075ef.png
[9811b2fa53784c85b0f91d6ed32cebb4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/b8d786ca46d6408587ed7d5c98bd9160.png
[f90c5f2a31f14a6199ece19bdacca2ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f8f11b96ad894f8983c38bc2bda52fb1.png
[44b1ee1944df44d2a36bd11328f45e0b.png]: https://img-blog.csdnimg.cn/44b1ee1944df44d2a36bd11328f45e0b.png
[a5c9018bc4694291822d9676097ab62b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/fd7d231ca7a248fe9d432719e3720f45.png
[db49014838fc4eb1a73506172ea52502.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/ff11875af1b649438b129dd4ff30452f.png
[1e476088121e4d6182bec350791c9195.png]: https://img-blog.csdnimg.cn/1e476088121e4d6182bec350791c9195.png
[7e0630b73e734e9ba6f4c4e8b1aefc77.png]: https://img-blog.csdnimg.cn/7e0630b73e734e9ba6f4c4e8b1aefc77.png
[b85776a4bd7c4d198aa82e6f70bfbb5d.png]: https://img-blog.csdnimg.cn/b85776a4bd7c4d198aa82e6f70bfbb5d.png
[3672483aa236485aad8dea432ddaa0f6.png]: https://img-blog.csdnimg.cn/3672483aa236485aad8dea432ddaa0f6.png
[d98867359faf49288123d5e926f14fe8.png]: https://img-blog.csdnimg.cn/d98867359faf49288123d5e926f14fe8.png
[1dd323bd62274dc583319e5e05d5553f.png]: https://img-blog.csdnimg.cn/1dd323bd62274dc583319e5e05d5553f.png
[8f8457a9c4434694aadef0b80913bb9e.png]: https://img-blog.csdnimg.cn/8f8457a9c4434694aadef0b80913bb9e.png
[fa45098b80c24913811cf794472b8650.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/673b4b57a7eb4e25a84552a0467409f9.png