甜甜糕网上美食城的设计与实现

湖南商务职业技术学院毕业设计

目录

1引言1

1.1项目开发背景1

1.2开发技术简介1

1.2.1SpringBoot简介1

1.2.2Vue.js简介2

1.2.3Mybatis-plus特性2

1.3开发工具简介2

2需求分析3

2.1功能需求描述3

2.1.1登录与注册模块3

2.1.2用户管理模块4

2.1.3订单管理模块4

2.1.4产品管理模块4

2.1.5地址管理模块5

2.1.6购物车管理模块5

2.1.7数据统计模块6

2.2非功能需求描述6

2.3需求用例建模6

2.3.1登录与注册用例7

2.3.2用户管理的用例9

2.3.3订单管理的用例11

2.3.4产品管理的用例14

2.3.5地址管理的用例17

2.3.6购物车管理的用例20

2.3.7数据统计管理的用例23

3系统概要设计25

II

湖南商务职业技术学院毕业设计

3.1系统设计原则25

3.2系统框架设计25

3.3系统功能设计26

3.3.1登录与注册功能设计27

3.3.2用户管理功能设计28

3.3.3订单管理功能设计29

3.3.4产品管理功能设计30

3.3.5地址管理功能设计32

3.3.6购物车管理功能设计34

3.3.7数据统计管理功能设计36

3.4数据库设计37

3.4.1设计原则37

3.4.2概念设计38

3.4.3逻辑设计38

3.4.4数据字典39

4系统详细设计41

4.1登录与注册功能模块设计41

4.1.1登录与注册功能模块说明41

4.1.2登录与注册功能模块详细设计41

4.2用户管理功能模块设计42

4.2.1用户管理功能模块说明42

4.2.2用户管理功能模块详细设计42

4.3订单管理功能模块设计43

4.3.1订单管理功能模块说明43

4.3.2订单管理功能模块详细设计44

4.4产品管理功能模块设计44

4.4.1产品管理功能模块说明44

4.4.2产品管理功能模块详细设计45

III

湖南商务职业技术学院毕业设计

4.5地址管理功能模块设计46

4.5.1地址管理功能模块说明46

4.5.2地址管理功能模块详细设计46

4.6购物车管理功能模块设计47

4.6.1购物车管理功能模块说明47

4.6.2购物车管理功能模块详细设计47

4.7数据统计管理功能模块设计48

4.7.1数据统计管理功能模块说明48

4.7.2数据统计管理功能模块详细设计48

5系统实现49

5.1登录与注册模块实现49

5.1.1登录与注册模块界面设计49

5.1.2登录与注册模块核心代码实现50

5.2用户管理模块实现51

5.2.1用户管理模块界面设计51

5.2.2用户管理模块核心代码实现53

5.3订单管理模块实现55

5.3.1订单管理模块界面设计55

5.3.2订单管理模块核心代码实现56

5.4产品管理模块实现57

5.4.1产品管理模块界面设计57

5.4.2产品管理模块核心代码实现58

5.5地址管理模块实现61

5.5.1地址管理模块界面设计61

5.5.2地址管理模块核心代码实现61

5.6购物车管理模块实现63

5.6.1购物车管理模块界面设计63

5.6.2购物车管理模块核心代码实现64

IV

湖南商务职业技术学院毕业设计

5.7数据统计管理模块实现66

5.7.1数据统计管理模块界面设计66

5.7.2数据统计管理模块核心代码实现66

6系统测试67

6.1登录与注册功能测试67

6.2用户管理功能测试68

6.3订单管理功能测试68

6.4产品管理功能测试69

6.5地址管理功能测试70

6.6购物车管理功能测试70

6.7数据统计管理功能测试70

7设计小结71

参考资料72

V

湖南商务职业技术学院毕业设计

甜甜糕网上美食城的设计与实现

1引言

亿滋国际与消费者调研专业机构对多国消费者进行专题调研发现，全球的

零食消费量正在加速增长。因为零食方便、多样还美味，而且吃零食使人获得

舒适感，减轻心理压力，渐渐地零食已经成为了大部分年轻人不可缺少的生活

必需品了。

如今，各地零食实体店在短短几年内是越来越受欢迎，市面上的零食实体

店也越开越多、品牌也越来越多，市场之间的竞争已经越发地猛烈。近几年受

疫情的影响，很多消费者忧心在超市和商场存在的危险而选择网上购物，线上

零食购买量持续增长。调研发现几乎一半地人都是喜欢通过线上方式购买零食。

经营者也开始对店铺的环境、基础设施设备、经营方法…一些方面进行反思和

想要创新营销方法。而如何充分利用互联网技术，使线上与线下经济实体店相

交融，实现产品全过程信息化管理、并且能够树立企业形象，树立品牌的认知

度、认可度和可信度，从而带动销售业绩的增长，是企业迫切想要实现的目标。

1.1项目开发背景

当今时代互联网技术的快速发展，互联网的广泛普及，大多数人都已经熟

练使用互联网。在互联网的时代，现如今发展了直播带货、短视频的营销等方

法，而它们也是现在占重要地位的消费模式。在“互联网+”时代下，经营者为

了留住顾客群体，打破了传统的线下经营模式，开启了在线购物服务模式。我

的毕业设计正是一个网上购物商城甜甜糕网上美食城的设计与实现。

1.2开发技术简介

开发工具使用的是IDEA和VSCode,数据库使用的是MYSQL8.0，用Navicat

可视化工具展示，网站的整体框架使用SpringBoot框架；网站的前端采用VUE

技术支持。

1.2.1SpringBoot简介

SpringBoot让代码看起来清楚化，SpringBoot采取JavaConfig的方式对S

pring进行配置，使工作效率大程度提高，比如@Configuration和@bean注解结

合，基于@Configuration完成类扫描，基于@bean注解把返回值注入IOC容器。

1

湖南商务职业技术学院毕业设计

SpringBoot的自动配置特性使用了spring对条件化配置的许可，推理出所需be

an并自动化配置。SpringBoot变得简单化，SpringBoot内置了三种Servlet

容器，常用的就是tomcat。我们仅一个Java的运行环境就可以跑SpringBoot

的项目了，SpringBoot的项目可以打成一个jar包。

1.2.2Vue.js简介

Vue是用于构建用户界面的渐进式框架。它与大型框架不相同的是，Vue被

设计为自底向上逐层应用。Vue的核心库只关注视图层，不但容易操作上手。另

一方面，在与现代化的工具链和各种支持类库结合使用时，Vue也是能够完全为

复杂的单页应用提供驱动。

声明式渲染：Vue基于标准HTML拓展了一套模板语法，使得我们可以声明

式地描述最终输出的HTML和JavaScript状态之间的关系。

响应性：Vue会自动跟踪JavaScript状态并在其发生变化时响应式地更新

DOM。

1.2.3Mybatis-plus特性

无侵入：只增强不改变，不影响现有工程的产生，如丝般顺滑。

损耗小：启动后自动注入基本CURD，性能基本上无损耗，可直接进行操作。

强大的CRUD操作：内置通用Mapper、通用Service，强大的构造条件，

满足客户需求。

支持Lambda形式调用：可以编写各类查询条件会更方便，编写的时候无需

再担心字段写错。

支持主键自动生成：支持多达4种主键策略（内含分布式唯一ID生成器

-Sequence），可自由配置，并将解决好主键问题。

支持ActiveRecord模式：支持ActiveRecord形式调用，支持一个实例对

象唯一对应数据库中的元组。

1.3开发工具简介

工具的使用：采用IDEA+VScode+MYSQL8.0

IDEA特征有：丰富的导航模式、JUnit的完美支持、对重构的优越支持、

编码辅助、XML的完美支持、动态语法检测、代码检查、对JSP的完全支持、完

美的自动代码完成、版本控制完美支持、不使用代码的检查、智能代码、正则

表达式的查找和替换功能。

MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，

2

湖南商务职业技术学院毕业设计

而不是把数据都放在一个表中，这样的保存方式增加了速度并且灵活性提高。

MySQL的优势：

（1）安全性和高可用性：用c开发，确定了其高性能的特性。

（2）安心使用：有着灵活安全的权限和密码系统，可以批许主机验证。链

接服务器时，对所有密码采用加密形式，保证用户的账户权限，可以实现对隐

私的保护。

（3）在行业技术上突出的基准测试程序的支持下，用户可获得比原来更好

的、可看见未来的性能。

（4）快速的数据发现：通过索引加强数据的快速查找项目开发技术路线。

（5）运行速度快，免费的，体积小、使用容易。

VSCode将有深度的远程开发。您可以连接到运行不同操作系统的容器，并

使用任何VSCode插件、检查、调试该环境。

2需求分析

2.1功能需求描述

根据客户需求与项目的实际需要，本项目主要分为7个主要模块：用户登

录与注册模块、用户管理模块、产品管理模块、订单管理模块、地址模块、购

物车模块、数据统计模块。

2.1.1登录与注册模块

用户名密码加上验证码的登录方式是目前主流的登录方式之一。主要实现

系统对用户的身份识别与角色识别，判断用户是否拥有某功能的权限，从而给

不同的角色用户提供不同的功能。

用户注册模块：

（1）登录认证

要求实现对正确的用户名与密码和验证码进行认证通过，当用户没有登录

且在网站进行了需要用户信息的相关操作时，例如加入购物车，会提示进入登

录页面，当用户输入了不存在的用户名、错误的密码或错误的验证码的其中一

种情况下，会进行拒绝登录的操作，并且提示相应的错误信息。

（2）用户注册

要求用户依照指定格式的输入项进行注册信息的填写，不能填写已存在的

用户名，若未按要求填写注册信息，则会提示注册失败。

3

湖南商务职业技术学院毕业设计

2.1.2用户管理模块

本模块主要需要管理本商城的所有用户信息。实现对用户信息的添加、修

改、删除、列表、高级查询等功能。

（1）添加用户信息

为管理员提供表单录入用户信息，需要维护的基本信息主要有：用户名、

密码、真实姓名、角色、头像、性别等。

（2）修改用户信息

取出用户的信息供管理员编辑修改。可编辑修改的信息主要有：真实姓名、

角色、地址、电话号码、头像、性别、生日等。

（3）删除用户信息

管理员可删除列表中的用户信息。

（4）用户信息高级查询

管理员可通过输入用户各相关字段的值（账户名、真实姓名、注册时间范

围、手机号码）进行组合查询，查询结果列表中可对结果进行系列操作，如编

辑和删除。

2.1.3订单管理模块

本模块主要需要管理本商城的所有订单信息。实现对订单信息的修改状态、

列表、高级查询、生成等功能。

（1）修改订单状态

用户角色可以对订单进行支付和收货，管理员角色可以对订单进行发货。

（2）订单信息高级查询

管理员角色可通过输入订单各相关字段的值（订单编号、收货人姓名、收

货人地址、收货人电话、支付交易号）进行模糊查询，查询结果列表中可对结

果进行系列操作，如发货。

（3）生成订单

用户角色在将产品加入购物车后，选择产品数量和收货地址后，可以进行

产品订单信息的生成。

2.1.4产品管理模块

本模块主要需要管理本商城的所有产品信息。实现对产品信息的添加、修

改、删除、列表、高级查询等功能。

（1）添加产品信息

为管理员提供表单录入产品信息，需要维护的基本信息主要有：产品名称、

4

湖南商务职业技术学院毕业设计

产品规格信息、产品价格、产品价格、产品主图（一张，且必须为图片格式，

否则提示错误）、产品库存、产品详情、产品详情图片（四张，且必须为图片

格式，否则提示错误）和产品所属分类等。

（2）修改产品信息

取出产品的信息供管理员编辑修改。可编辑修改的信息主要有：产品名称、

产品规格信息、产品价格、产品价格、产品主图（一张，且必须为图片格式，

否则提示错误）、产品库存、产品详情、产品详情图片（四张，且必须为图片

格式，否则提示错误）和产品所属分类等。

（3）删除产品信息

管理员可删除列表中的产品信息。

（4）产品信息高级查询

管理员可通过输入产品各相关字段的值（产品名、最低价、最高价、一级

分类、二级分类）进行组合查询，查询结果列表中可对结果进行系列操作，如

编辑和删除。

2.1.5地址管理模块

本模块主要需要提供给用户管理自己的地址信息。实现对地址信息的添加、

修改、删除、是否默认等功能。

（1）添加地址信息

用户可以添加收货地址信息，需要维护的基本信息主要有：收货人、收货

电话、详细地址等。

（2）修改地址信息

用户可以修改收货地址信息，需要维护的基本信息主要有：收货人、收货

电话、详细地址等。

（3）删除地址信息

用户可删除列表中的地址信息。

（4）默认地址信息

用户可选择自己的默认收货地址信息。

2.1.6购物车管理模块

本模块主要需要提供给用户管理自己的购物车信息。实现对购物车信息的

添加、修改、删除等功能。

（1）添加购物车信息

用户浏览到自己满意的产品后，可将产品添加到购物车。

5

湖南商务职业技术学院毕业设计

（2）修改购物车信息

用户可以修改购物车里的产品数量。

（3）删除购物车信息

用户可删除购物车列表中的产品信息。

2.1.7数据统计模块

本模块主要需要提供给用户查看数据分析数据表格。实现今日注册用户数、

未发货数量、库存预警、今日订单量、一周内的单日订单量与订单金额、分类

销量统计的查看。

（1）统计当天注册的用户数量。

（2）统计未发货的订单数量。

（3）统计库存达到预警数量（小于等于5）的产品数量。

（4）统计当天的订单量。

（5）统计一周内每日的订单金额与订单量。

2.2非功能需求描述

使用Vue作为用户交互的页面，使用户有更好的可视性，而后端由操作人

员添加，可以不注重页面的易懂和好看，而转为功能的实现，让管理人员更好

的管理商品的添加和删除，除了这些本系统的非功能性需求有以下几个方面：

（1）高效性：公司的产品管理信息量通常比较多而繁杂，常常需要添加和

删除一些商品。

（2）安全性：公司的商品管理信息量通常比较多而繁杂，需要精密的系统

管理。

2.3需求用例建模

经分析本系统全部终端用户，发现本系统涉及角色有两大类，分别是用户

和管理员。

其总体用例图，如图2-1所示：

6

湖南商务职业技术学院毕业设计

图2-1甜甜糕网上美食城总体用例模型

2.3.1登录与注册用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。登录模块

具体的用例描述如图2-2所示，分为用户登录、管理员登录。

图2-2登录与注册用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。登录与注册

活动图如图2-3所示。

7

湖南商务职业技术学院毕业设计

图2-3登录与注册活动图

通过对图2-3用例图及图2-4活动图进一步的细化分析，得到每个用例的

描述表。登录与注册用例描述如表2-1所示。

表2-1用户登录与注册用例描述

项目描述

用例名称用户登录

用例标识号01

参与者用户、管理员

以输入有效登录信息登录到系统，并根据用户对应角色赋

简要说明

予相应权限。

前置条件账户已存在。

1.打开系统网址，输入用户名与密码和验证码。

2.提交登录。

基本事件流

3.系统校验用户提交的信息是否正确。

4.用户见到系统首页、管理员开放管理菜单。

在按“登录”按钮之前，参与者可以按“取消”或“关闭”

其他事件流

按钮。

1.用户名或密码不正确，阻止登录并提示用户。

异常事件流

2.验证码过期或不正确，阻止登录并提示用户。

后置条件登录成功后进入系统首页，且可操作对应菜单，对有权限

8

湖南商务职业技术学院毕业设计

的数据进行操作。

2.3.2用户管理的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。用户管理

模块具体的用例描述如图2-4所示。

图2-4用户管理用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。用户管理活

动图如图2-5所示。

图2-5用户管理活动图

9

湖南商务职业技术学院毕业设计

通过对图2-5用例图及图2-6活动图进一步的细化分析，得到每个用例的

描述表。用户管理用例描述如表2-2、2-3、2-4、2-5所示。

表2-2用户添加用例描述

项目描述

用例名称用户添加

用例标识号02

参与者管理员

管理员可对用户信息进行添加。另经客户确认，为了方便维护，对

简要说明

部分字段不做必填校验。

前置条件登录用户拥有功能的操作权限

1.进入用户信息管理页面，点击新增按钮。

2.在打开的表单页中填写可填的字段信息，点击确定按钮。

基本事件流

3.页面回到列表中，且第一条记录呈现新增的记录，并且提示新增

成功。

其他事件流在按“添加”按钮之前，参与者可以按“关闭”按钮。

异常事件流如果上传的文件不为图片格式，则添加失败，提示错误。

新增成功后，页面跳转回到列表页面，新增的记录出现在列表第一

后置条件

条，并且提示添加成功。

表2-3用户修改用例描述

项目描述

用例名称用户修改

用例标识号03

参与者管理员

简要说明对用户的信息进行修改

前置条件登录用户拥有功能的操作权限

1.在首页点击用户信息管理

2.在列表中找到对应记录的操作列，并且点击编辑按钮。

基本事件流

3.在打开的编辑表单中，修改需要修改的字段，点击保存按钮。

4.页面回到列表中，呈现刚修改的记录，并且提示修改成功。

其他事件流在按“修改”按钮之前，参与者可以按“关闭”按钮。

异常事件流如果上传的文件不为图片格式，则添加失败，提示错误。

后置条件修改成功后，页面跳转回到列表页面，并且提示修改成功。

表2-4用户删除用例描述

10

湖南商务职业技术学院毕业设计

项目描述

用例名称用户删除

用例标识号04

参与者管理员

简要说明对用户的信息进行修改

前置条件登录用户拥有功能的操作权限

1.在首页点击用户信息管理

2.在列表中找到对应记录的操作列，并且点击删除按钮。

基本事件流3.点击删除后，弹出确认删除的按钮框，在弹出的确认框中点击确

认。

4.页面回到列表中，被删除的记录不再出现。

其他事件流在按“删除”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果该用户拥有关联的订单数据等等，则先删除关联数据。

后置条件删除成功后，列表同步刷新，并且提示删除成功。

表2-5用户查询用例描述

项目描述

用例名称用户查询

用例标识号05

参与者管理员

简要说明对用户的信息进行修改

前置条件登录用户拥有功能的操作权限

1.在首页点击用户信息管理

2.在输入框中可输入待查询的账号名或姓名、注册时间范围、手机

基本事件流号码进行组合模糊搜索。

3.点击查询按钮

4.列表中数据更新为查询结果

其他事件流在按“查询”按钮之前，参与者可以按“关闭”按钮。

异常事件流无

后置条件查询到匹配数据后，列表中将仅呈现结果数据

2.3.3订单管理的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。订单管理

模块具体的用例描述如图2-6所示。

11

湖南商务职业技术学院毕业设计

图2-6订单管理用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。订单管理活

动图如图2-7所示。

图2-7订单管理活动图

通过对图2-6用例图及图2-7活动图进一步的细化分析，得到每个用例的

描述表。订单管理用例描述如表2-6、2-7、2-8所示。

表2-6订单修改用例描述

项目描述

用例名称订单生成

用例标识号06

参与者用户

12

湖南商务职业技术学院毕业设计

简要说明用户生成产品的订单信息

前置条件登录用户拥有功能的操作权限

1.在首页，点击购物车。

基本事件流2.点击生成订单

3.点击我的订单。

其他事件流在按“修改”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果产品是未支付订单，则不能进行发货操作。

后置条件修改成功后，页面跳转回到列表页面，并且提示修改成功。

表2-7订单查询用例描述

项目描述

用例名称订单查询

用例标识号07

参与者管理员

简要说明根据用户的查询条件呈现查询结果

前置条件登录用户拥有功能的操作权限

1.在首页订单管理中点击全部订单。

2.在输入框中可输入待查询的订单编号收货人地址收货人姓名收

基本事件流///

货人电话/支付交易号进行模糊搜索，点击查询按钮，列表中数据更

新为查询结果。

其他事件流在按“查询”按钮之前，参与者可以按“关闭”按钮。

异常事件流无

后置条件查询到匹配数据后，列表中将仅呈现结果数据

表2-8订单修改用例描述

项目描述

用例名称订单修改

用例标识号08

参与者管理员

简要说明对订单的信息进行修改

前置条件登录用户拥有功能的操作权限

1.在首页的订单管理中点击未发货的订单

2.在列表中找到对应记录的操作列，并且点击发货按钮。

基本事件流

3.弹出确认发货的按钮框。

4.点击确认按钮。

13

湖南商务职业技术学院毕业设计

5.页面回到列表中，提示修改发货成功，此条数据将显示到待收货

的订单。

其他事件流在按“修改”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果产品是未支付订单，则不能进行发货操作。

后置条件修改成功后，页面跳转回到列表页面，并且提示修改成功。

2.3.4产品管理的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。产品管理

模块具体的用例描述如图2-8所示。

图2-8产品管理用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。产品管理活

动图如图2-9所示。

14

湖南商务职业技术学院毕业设计

图2-9产品管理活动图

通过对图2-8用例图及图2-9活动图进一步的细化分析，得到每个用例的

描述表。产品管理用例描述如表2-9、2-10、2-11、2-12所示。

表2-9产品查询用例描述

项目描述

用例名称产品查询

用例标识号09

参与者管理员

简要说明根据用户的查询条件呈现查询结果

前置条件登录用户拥有功能的操作权限

1.在首页点击产品信息管理。

2.在输入框中可输入待查询的产品名、最低价与最高价范围、一级

基本事件流分类、二级分类等进行组合模糊搜索。

3.点击查询按钮。

4.列表中数据更新为查询结果。

15

湖南商务职业技术学院毕业设计

其他事件流在按“查询”按钮之前，参与者可以按“关闭”按钮。

异常事件流无

后置条件查询到匹配数据后，列表中将仅呈现结果数据

表2-10产品修改用例描述

项目描述

用例名称产品修改

用例标识号10

参与者管理员

简要说明对产品的信息进行修改

前置条件登录用户拥有功能的操作权限

1.在首页点击产品信息管理。

2.在列表中找到对应记录的操作列，并且点击编辑按钮。

基本事件流3.在打开的编辑表单中，修改需要修改的字段。

4.点击保存按钮。

5.页面回到列表中，呈现刚修改的记录，并且提示修改成功。

其他事件流在按“修改”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果上传的文件不为图片格式，则添加失败，提示错误。

后置条件修改成功后，页面跳转回到列表页面，并且提示修改成功。

表2-11产品添加用例描述

项目描述

用例名称产品添加

用例标识号11

参与者管理员

简要说明管理员可对产品信息进行添加。

前置条件登录用户拥有功能的操作权限

1.进入产品信息管理页面，点击新增按钮。

2.在打开的表单页中填写可填的字段信息，点击确定按钮。

基本事件流

3.页面回到列表中，且第一条记录呈现新增的记录，并且提示新增

成功。

其他事件流在按“添加”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果上传的文件不为图片格式，则添加失败，提示错误。

新增成功后，页面跳转回到列表页面，新增的记录出现在列表第一

后置条件

条，并且提示添加成功。

16

湖南商务职业技术学院毕业设计

表2-12产品删除用例描述

项目描述

用例名称产品删除

用例标识号12

参与者管理员

简要说明删除产品信息

前置条件登录用户拥有功能的操作权限

1.在首页点击产品信息管理。

2.在列表中找到对应记录的操作列，并且点击删除按钮。

基本事件流3.点击删除后，弹出确认删除的按钮框。

4.在弹出的确认框中点击确认。

5.页面回到列表中，被删除的记录不再出现。

其他事件流在按“删除”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果该产品拥有关联的购物车信息等等，则先删除关联数据。

后置条件删除成功后，列表同步刷新，并且提示删除成功。

2.3.5地址管理的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。地址管理

模块具体的用例描述如图2-10所示。

图2-10地址管理用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。地址管理活

动图如图2-11所示。

17

湖南商务职业技术学院毕业设计

图2-11地址管理活动图

通过对图2-10用例图及图2-11活动图进一步的细化分析，得到每个用例

的描述表。地址管理用例描述如表2-13、2-14、2-15所示。

表2-13地址修改用例描述

项目描述

用例名称地址修改

用例标识号13

参与者用户

简要说明对地址的信息进行修改

前置条件登录用户拥有功能的操作权限

1.在首页点击个人中心。

基本事件流2.在页面中找到收货地址的操作列，点击。

3.在编辑表单中，修改需要修改的字段。

18

湖南商务职业技术学院毕业设计

4.点击修改按钮。

5.页面刷新，呈现刚修改的记录，并且提示修改成功。

其他事件流在按“修改”按钮之前，参与者可以按“关闭”按钮。

异常事件流无

后置条件修改成功后，页面刷新，并且提示修改成功。

表2-14地址添加用例描述

项目描述

用例名称地址添加

用例标识号14

参与者用户

简要说明用户可对地址信息进行添加。

前置条件登录用户拥有功能的操作权限

1.在首页点击个人中心。

2.在页面中找到收货地址的操作列，点击。

基本事件流3.在页面中填写“收货人”、“收货电话”、“详细地址”。

4.点击添加按钮。

5.页面刷新。

其他事件流在按“添加”按钮之前，参与者可以按“关闭”按钮。

异常事件流无

新增成功后，页面刷新，新增的记录出现在列表第一条，并且提示

后置条件

添加成功。

表2-15地址删除用例描述

项目描述

用例名称地址删除

用例标识号15

参与者用户

简要说明删除地址信息

前置条件登录用户拥有功能的操作权限

1.在首页点击个人中心。

2.在页面中找到收货地址的操作列，点击。

基本事件流3.找到对应的删除对象，点击删除后，弹出确认删除的按钮框。

4.在弹出的确认框中点击确认。

5.页面回到列表中，被删除的记录不再出现。

19

湖南商务职业技术学院毕业设计

其他事件流在按“删除”按钮之前，参与者可以按“关闭”按钮。

异常事件流（1）如果该产品拥有关联的购物车信息等等，则先删除关联数据。

后置条件删除成功后，页面同步刷新，并且提示删除成功。

2.3.6购物车管理的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。购物车管

理模块具体的用例描述如图2-12所示。

图2-12购物车管理用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。购物车管理

活动图如图2-13所示。

20

湖南商务职业技术学院毕业设计

图2-13购物车管理活动图

通过对图2-12用例图及图2-13活动图进一步的细化分析，得到每个用例

的描述表。购物车管理用例描述如表2-16、2-17、2-18所示。

表2-16食品修改用例描述

项目描述

用例名称食品修改

用例标识号16

参与者用户

简要说明对食品的数量进行修改

前置条件登录用户拥有功能的操作权限

1.在首页点击购物袋。

基本事件流2.在页面中找到对应食品的操作列，点击“+”，数量加1；点击

“-”，数量减1。

21

湖南商务职业技术学院毕业设计

3.页面刷新，数字增加。

其他事件流无

异常事件流无

后置条件修改成功后，页面刷新，数量增加。

表2-17食品添加用例描述

项目描述

用例名称食品添加

用例标识号17

参与者用户

简要说明用户可对食品信息进行添加。

前置条件登录用户拥有功能的操作权限

1.在首页点击食品。

2.在页面中找到加入购物车的操作列。

基本事件流

3.点击加入购物车按钮。

4.提示“加入购物车成功”

在按“加入购物车按钮”按钮之前，参与者可以按“+”或“-”，

其他事件流

增加或者减少食品数量。

异常事件流提示库存不足。

新增成功后，页面刷新，新增的记录出现在列表第一条，并且提示

后置条件

添加成功。

表2-18食品删除用例描述

项目描述

用例名称食品删除

用例标识号18

参与者用户

简要说明删除食品信息

前置条件登录用户拥有功能的操作权限

1.在首页点击购物袋。

2.在页面中找到对应食品的操作列。

基本事件流3.点击删除后，弹出确认删除的按钮框。

4.在弹出的确认框中点击确认。

5.页面刷新，被删除的记录不再出现。

其他事件流在按“删除”按钮之前，参与者可以按“关闭”按钮。

22

湖南商务职业技术学院毕业设计

异常事件流无

后置条件删除成功后，页面同步刷新，并且提示删除成功。

2.3.7数据统计管理的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。数据统计

管理模块具体的用例描述如图2-14所示。

图2-14数据统计管理用例图

通过对用例的细化，使用活动图针对系统动态行为进行建模。数据统计管

理活动图如图2-15所示。

23

湖南商务职业技术学院毕业设计

图2-15数据统计管理活动图

通过对图2-14用例图及图2-15活动图进一步的细化分析，得到每个用例

的描述表。数据统计管理用例描述如表2-19、2-20所示。

表2-19数据图表查看用例描述

项目描述

用例名称数据图表查看

用例标识号19

参与者管理员

简要说明管理员可以查看数据分析结果的图表

前置条件登录用户拥有功能的操作权限

24

湖南商务职业技术学院毕业设计

1.进入管理页面的数据统计。

基本事件流

2.列表中数据为统计结果。

其他事件流无

异常事件流无

后置条件展示所有数据。

表2-20数据统计查看用例描述

项目描述

用例名称数据统计信息查看

用例标识号20

参与者管理员

简要说明对订单销量以及金额进行信息统计

前置条件登录用户拥有功能的操作权限

1.进入管理页面的数据统计。

基本事件流

2.列表中数据为订单数据统计结果。

其他事件流无

异常事件流无

后置条件展示所有数据

3系统概要设计

3.1系统设计原则

本系统将采用前端与JAVAEE主流框架技术完成。前端使用的框架主要为

Vue2.0+ElementUI以及Echarts数据可视化技术与Axios异步交互技术，后

端使用框架技术主要有SpringBoot+MybatisPlus，数据库将采用Mysql5.7及

以上系统。后端应用服务器主要使用Tomcat9.0，前端应用服务器则采用

Node.js。

开发过程中，需使用代码审计工具进行代码规范审计，另数据库、包命名

需遵守统一规范。

3.2系统框架设计

根据系统的需求分析、用例建模分析结合开发平台的特点设计甜甜糕网上

美食城的系统架构模型，如图3-1所示。

25

湖南商务职业技术学院毕业设计

图3-1甜甜糕网上美食城整体架构图

3.3系统功能设计

在系统共能设计的总体上把它划分为一个一个的子功能模块，在进一步地

划分，把他们划分为一个个独立的功能，实现解耦，让系统更加规范。

图3-2甜甜糕网上美食城功能结构图

26

湖南商务职业技术学院毕业设计

3.3.1登录与注册功能设计

因存在用户和管理员，管理员不能通过注册存在，所以以用户为例。

针对系统功能结构图进行进一步细化分析，得到其模块相关功能描述，用

户登录与注册描述使用功能流程图描述，如下图3-3。

图3-3登录与注册功能模块流程图

表3-1登录与注册功能模块相关功能描述

功能名称登陆与注册管理

功能概述用户登录与注册甜甜糕

用户登录输入账号、密码、验证码；用户注册输入用户名、

输入内容

密码、昵称、性别、出生日期、电话号码

系统处理用户登录前台，管理员可进入后台

输出内容操作成功或者失败的提示

27

湖南商务职业技术学院毕业设计

3.3.2用户管理功能设计

管理员对用户的管理，包含对用户的添加、修改、删除和查询。

针对系统功能结构图进行进一步细化分析，得到其模块相关功能描述。用

户管理描述添加、修改、查询功能流程图描述，如下图3-4。

图3-4用户添加、修改、查询功能模块流程图

表3-2用户添加、修改、查询功能模块相关功能描述

功能名称用户添加、修改、查询管理

功能概述管理员添加、修改、查询用户信息

输入内容输入添加、修改、查询用户的基本信息

系统处理执行操作，刷新页面

输出内容操作成功或者失败的提示

用户管理描述删除功能流程图描述，如下图3-5。

28

湖南商务职业技术学院毕业设计

图3-5用户删除功能模块流程图

表3-3用户删除功能模块相关功能描述

功能名称用户删除管理

功能概述管理员删除用户

输入内容点击对应信息的删除按钮

系统处理执行删除操作，刷新页面

输出内容操作成功或者失败的提示

3.3.3订单管理功能设计

管理员对订单的管理，以及用户对订单的生成，包含订单信息查询、订单

修改、订单生成。

针对系统功能结构图进行进一步细化分析，得到其模块相关功能描述。顶

动感管理描述添修改、查询功能流程图描述，如下图3-6。

29