基于springboot+vue实现的超市外卖系统 （源码+L文+ppt）43-16

摘  要

超市外卖系统是一个综合性的在线购物平台，提供用户管理、商品分类、订单处理等功能。个人中心方便用户更新资料；商家与骑手管理确保服务质量；商品信息实时更新以保准确；配送系统高效可靠；评价管理增进透明度。系统管理后台保障运营流畅。总之，该系统为消费者提供便捷的购物体验，同时为商家提供强大的销售支持。

根据本系统的基本设计思路，在设计方面前台采用了java技术等进行基本的页面设计，后台数据库采用MySQL。本系统可以有效地管理超市外卖的相关信息，为超市外卖系统的运行打下了基础，为超市外卖信息提供良好的条件。最后我们通过需求分析、测试调整，与超市外卖系统的实际需求相结合，设计实现了超市外卖系统。

关键词：外卖；java；MySQL数据库

第4章 系统设计

4.1系统功能设计

系统的功能设计是整个系统的运行基础，是一个把设计需求替换成以计算机系统的形式表示出来。通过对超市外卖系统的调查、分析和研究，得出了该系统的总体规划，这是开发设计系统的初步核心。如下图所示：

图4-1总体规划结构图

4.2.2数据库表（共22张表）

本系统采用的是MySQL数据库管理数据，系统中使用到的数据表具体展示部分如下所示。

表4-1：关于我们

表4-2：系统日志

表4-3：配送订单

。

。

。

。

表4-22：系统简介

表4-22：配送信息

第5章 系统实现

5.1前台功能实现

5.1.1系统首页页面

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示：

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。系统注册页面如图5-2所示：

图5-2系统注册页面

商品信息：在商品信息页面的输入栏中输入商品名称和价格进行查询，可以查看到商品详细信息，并根据需要进行添加到购物车、立即购买或评论操作；商品信息页面如图5-3所示：

图5-3商品信息详细页面

购物车：购物车模块在Vue前端允许用户选择并添加商品到他们的购物车。这些信息通过HTTP请求发送到Java后端，后端处理这些请求并在MySQL数据库中更新用户的购物车内容。用户可以查看、修改购物车中的商品数量或移除商品。最后，在结账时，用户提交订单，后端验证支付信息并处理订单，同时更新数据库中的库存状态。这个过程实现了一个从选择商品到完成购买的完整交易流程；购物车页面如图5-4所示：

图5-4购物车页面

5.1.2个人中心

在个人中心页面可以对个人中心、修改密码、聊天记录、配送订单、配送信息、商品评价、我的订单、我的地址、我的收藏等进行详细操作；如图5-5所示：

图5-5个人中心界面

我的订单：在我的订单页面可以对未支付、已支付、已发货、已完成、已退款和已取消订单进行详细操作；如图5-6所示：

图5-6我的订单详细页面

5.2后台模块实现

在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。后台登录界面图5-7所示。 

图5-7 后台登录界面

5.2.1管理员模块实现

管理员进入主页面，主要功能包括对个人中心、用户管理、骑手管理、商家管理、商品分类管理、商品信息管理、配送订单管理、配送信息管理、商品评价管理、系统管理、订单管理等进行操作。管理员主页面如图5-8所示：

图5-8管理员主界面

用户管理功能在视图层（view层）进行交互，比如点击“查询、添加或删除”按钮或填写用户信息表单。这些用户表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户功能可以看到最新的信息或相应的操作反馈。如图5-9所示：

图5-9用户管理界面

骑手管理功能在视图层（view层）进行交互，比如点击“查询、添加或删除”按钮或填写骑手信息表单。这些骑手表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除骑手信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便骑手功能可以看到最新的信息或相应的操作反馈。如图5-10所示：

图5-10骑手管理界面

管理员点击商家管理。在商家页面输入商家账号和商家地址进行查询、添加或删除商家列表，并根据需要对商家详情信息进行查看、修改或删除操作；如图5-11所示：

图5-11商家管理界面

管理员点击商品信息管理。在商品信息页面输入商品名称和价格进行查询、添加或删除商品信息列表，并根据需要对商品详情信息进行查看、查看评论、修改或删除操作；如图5-12所示：

图5-12商品信息管理界面

管理员点击配送订单管理。在配送订单页面输入商品名称、商品分类和选择订单状态进行查询或删除配送订单列表，并根据需要对配送订单详情信息进行查看、修改或删除操作；如图5-13所示：

图5-13配送订单管理界面

管理员点击配送信息管理。在配送信息页面输入商品名称、商品分类和选择配送状态进行查询或删除配送信息列表，并根据需要对配送详情信息进行查看、修改或删除操作；如图5-14所示：

图5-14配送信息管理界面

管理员点击商品评价管理。在商品评价页面输入商品名称和商品分类进行查询或删除商品评价列表，并根据需要对商品评价详情信息进行查看、修改或删除操作；如图5-15所示：

图5-15商品评价管理界面

管理员点击系统管理。在新闻资讯页面输入标题进行查询、添加或删除新闻资讯列表，并根据需要对新闻资讯详情信息进行查看、修改或删除操作，还可以对关于我们、系统简介、轮播图管理和系统日志进行详细操作；如图5-16所示：

图5-16系统管理界面

管理员点击订单管理。在已完成订单页面输入订单编号和商品名称进行查询或删除已完成订单列表，并根据需要对已完成订单详情信息进行查看操作；还可以对已支付订单、已取消订单、已退款订单、已发货订单和未支付订单进行详细操作；如图5-17所示：

图5-17订单管理界面

5.2.2商家模块实现

商家进入系统可以对个人中心、商品信息管理、配送订单管理、配送信息管理、商品评价管理、订单管理等功能进行操作。商家主页面如图5-18所示：

图5-18商家主界面

5.2.3骑手模块实现

骑手进入系统可以对个人中心、配送订单管理、配送信息管理、商品评价管理等功能进行操作。骑手主页面如图5-19所示：

图5-19骑手主界面

点击领取源码