基于Spring Boot的网络购物商城的设计与实现

目录

摘 要：I

Abstract：II

第1章 系统分析1

1.1 系统概述1

1.2 系统可行性分析1

1.2.1 技术可行性分析1

1.2.2 经济可行性分析1

1.2.3 社会可行性分析1

1.3 需求分析2

1.2.1 业务角色分析2

1.2.2 用例分析3

第2章 系统设计4

2.1 功能模块设计4

2.2 功能流程设计5

2.2.1商品加入购物车流程5

2.2.2用户下单流程6

2.3 数据库设计7

2.3.1数据库E-R设计7

2.3.2数据表设计7

第3章 系统实现11

3.1 环境搭建11

3.2 管理员模块的实现11

3.3 用户模块的实现15

第4章 系统测试18

4.1 前台功能测试18

4.1.1 登录功能测试18

4.1.2 购物车功能测试18

4.2 后台功能测试19

4.2.1 商城后台管理功能测试19

第5章 总结与展望20

5.1 总结20

5.2 展望20

参考文献21

致谢22

基于Spring Boot的网络购物商城的设计与实现

摘 要：

随着时代在飞速进步，每个行业都在努力发展先进技术，通过这些先进的技术来提高自己的水平和优势，网络购物商城当然不能排除在外。根据实际应用和软件工程开发原理，商城前端代码实现基于Vue框架，后端是基于Java 的Spring Boot框架，数据库方面采用的是MySql，在VSCode、IDEA等开发工具上开发的此网络购物商城。首先，本文对购物商城进行了需求分析和商城核心功能的分析，然后对商城系统的结构进行了设计。主要包括商城的前后端功能、商城的总体结构和商城的数据结构。在完成商城总体设计后，还对商城的各项功能进行了测试，并对测试结果进行总结和分析，以保证后面整个商城系统的正常维护，更能为今后类似系统的开发提供参考和帮助。

关键词：网络购物商城；Java；Spring Boot；MySQL

Design and implementation of Spring Boot-based online shopping mall

Abstract：

With the rapid progress of the times, every industry is striving to develop advanced technology, through these advanced technologies to improve their level and advantages, online shopping malls can certainly not be excluded. According to the practical application and software engineering development principles, the front-end code implementation of the mall is based on the Vue framework, the back-end is based on the Spring Boot framework based on Java, and the database is MySQL, which is developed on VSCode, IDEA and other development tools This online shopping mall. First, this paper analyzes the needs of the shopping mall and the core functions of the mall, and then designs the structure of the mall system. It mainly includes the front-end and back-end functions of the mall, the overall structure of the mall and the data structure of the mall. After completing the overall design of the mall, the functions of the mall were also tested, and the test results were summarized and analyzed to ensure the normal maintenance of the entire mall system in the future, and to provide reference and help for the development of similar systems in the future.

Key words: Online Shopping Mall; Java; Spring Boot; MySQL

系统分析

系统概述

该网络购物商城是为了提高用户获取购物信息的效率和管理人员管理信息的效率，可以利用用户日常的一些碎片化时间便完成购物，还可以快速存储大量的数据，从而极大地满足了用户和管理员的需求。

该商城分为前台和后台管理两部分。前台包括首页、购物商城、个人中心和留言等模块，用户进入首页和购物商城模块进行查找和筛选心仪的商品[5]，用户注册登录后还能对商品加入到购物车、我的收藏以及下单和收货后的评论等功能；后台管理主要是管理员对商城进行管理；比如对已注册的用户进行信息管理、对用户的聊天及留言进行回复和删除、将商品信息按类别添加到商城里、对商城系统的各模块信息和用户的订单进行管理等。

系统可行性分析

1.2.1 技术可行性分析

网络购物商城在使用电脑和信息分析系统这些设计对硬性要求不高，一般正常能使用的电脑就行。而且运用到的技术都是比较成熟的，技术风险很低，不过对服务器要求会要高一点，需要选择安全性高的服务器，保证打开商城网站的时候一定要不卡顿；所以，从上述分析可知，该商城的研发是没有问题的。

1.2.2 经济可行性分析

由于本商城开发时选择的技术都是开源的，所以在开发的过程中花费的金钱成本相较会少一些，主要花费的是时间成本以及人力成本。在商城使用过程中，前期预计收获效益虽然不会很高，但系统在应用的过程中能够有效提高工作的效率，降低信息管理工作的成本，在经济上是收获大于付出的，所以经济效益性是可行的。

1.2.3 社会可行性分析

本系统是一个轻量级的网络购物商城，可以给用户提供到足不出户就能实现在逛街购物的功能，能给用户节省很多宝贵时间和一些更好的服务。本商城系统独立性高，没有信息传播的性质，而且该商城也没有涉及到道德和法律层面；符合国家的法律法规，不会在商城里显示任何违法以及不符的信息；就社会而言，所以该商场也有一定的社会意义。既该系统在社会上也是可行的。

需求分析

1.2.1 业务角色分析

本商城根据所需的功能不同分为管理员和用户两种不一样的角色。他们各自的操作功能以及权限方面都各不同，管理员角色属于整个购物商城系统中的管理者，所以整个购物商城系统的后台管理功能皆是由管理员来管理和完成的，用户角色作为整个商城系统前台的使用者，所以商城前台的大致功能皆是属于用户角色，二者功能如下所述。

1. 用户：

2. 个人中心：用户可在顶部导航栏找到个人中心模块对自己的个人信息进行浏览和编辑，如修改自己的名字、电话号码和换自己喜欢的头像图片等信息；还可以充值余额、查看订单、查看收藏商品、编辑地址、登出。

3. 购物商城：用户在购物商城模块可以根据条件查询相应的商品，并在商品的详情页里面查看商品的文字简介、评论以及商品图片等信息然后选择是否购买该商品，还可以将自己心仪的商品加入到购物车或我的收藏，还能对已经买到的商品写下评论等功能。

4. 留言反馈：用户可以点击留言反馈模块来完成留言内容和上传图片表情包，还可以查看他人留下的反馈内容和图片表情包。

5. 购物车：用户在可以点击顶部导航栏中的小车图标来进入到购物车页面，在这里将已经可以加入到购物车的商品单独或者与其他商品一起购买，若不喜欢还能对其进行删除。

6. 管理员：

7. 个人中心：可以修改自己的用户名和密码。

8. 购物商城管理：管理员可以对商品的信息管理；如添加上新的商品和下架商品，或根据需要编辑商品的名称、库存和价格等等基本信息，还可以查看商品的评论和回复。

9. 用户管理：管理员可以对已注册用户的一些基本信息进行增删改查。

10. 留言反馈：管理员可以回复用户在前台留言模块发表的内容和图片表情，以及删除一些违规不符的留言。

11. 系统管理：管理员可以在在线客服里回复询问的用户、还可以通过上传和删除图片来完成轮播图的变更操作以及对系统简介和公告信息进行管理

12. 订单管理：管理员可以对用户已经支付的订单进行发货还有对物流状态进行更新操作。还能对已经完成或者还未支付和其他的订单等进行管理。

1.2.2 用例分析

本购物商城的参与者共有用户及管理员两个角色，它们各自的功能如图1-1和1-2所示。

添加图片注释，不超过 140 字（可选）

图1-1 用户用例图

添加图片注释，不超过 140 字（可选）

图1-2管理员用例图

系统设计

功能模块设计

本购物商城是基于SpringBoot的网络购物商城，分为前台和后台两个模块；前台模块包括：用户登录注册、留言反馈、在线客服、商城展示、商品收藏等功能；后台管理包括：管理员登录、用户信息的管理、购物商城的商品管理和轮播图的更换和用户订单是否发货和物流信息更新等其他管理。该商城系统的功能模块如图2-1所示。

添加图片注释，不超过 140 字（可选）

图2-1 系统功能模块图

功能流程设计

2.2.1商品加入购物车流程

用户首先输入商城的网址然后进入首页，进入到商城后可以在导航栏里的首页和购物商城页面查找心仪的商品，在心仪商品的详情点击加入购物车按钮后会根据用户是否登录来进行跳转到用户的登录页面或者将点击的商品成功加入到购物车并显示到购物车模块的页面。加入购物车的流程如图2-2所示。

添加图片注释，不超过 140 字（可选）

图2-2商品加入购物车流程

2.2.2用户下单流程

用户可在心仪商品的详情点击购买商品按钮后会根据用户是否登录来进行跳转到登录页面和填写相应的收件人的信息，然后点击支付，余额足够则支付成功完成下单功能，余额不足可充值余额，然后完成下单功能。用户下单的流程如图2-3所示。

添加图片注释，不超过 140 字（可选）

图2-3用户下单流程

数据库设计

2.3.1数据库E-R设计

数据库主要有用户、管理员还有用户的地址、订单、购物车、商城商品、评论以及留言反馈等实体。系统的E-R图如图2-4所示。

添加图片注释，不超过 140 字（可选）

图2-4购物商城E-R图

2.3.2数据表设计

结合E-R图以及分析该商城的数据需求，该商城的数据库表设计如下：

（1）user表即是用户表，用来存放用户基本信息。

表2-1 用户表

1. address表即地址表，用于存放用户地址。 表2-2 地址表

1. cart表既购物车表，用于存放购物车信息。 表2-3 购物车表

1. comments表既评论表，用于存放用户评论信息。 表2-4 评论表

1. goodsmall表既购物商城表，用于存放商城里商品的信息。 表2-5 购物商城表

1. orders表既订单表，用于存放订单信息。 表2-6 订单表

1. goodstype表既商品分类表，用于存放商品分类信息。 表2-7 商品分类表

1. messages表既留言反馈表，用于存放留言信息。

表2-8 留言反馈表

系统实现

环境搭建

本购物商城系统使用的 JDK 开发工具版本为 1.8 版本，系统采用了 Vue+Spring Boot+Mybits框架，数据库存储服务以及开发工具用的是MySQL5.7和Navicat11，开发软件使用的是IDEA，构建和管理项目使用Maven3.3.9，最后使用 Mybits 操作数据库的框架。

管理员模块的实现

管理员登录，管理员进入到后台的登录模块，然后在对应的输入框输入账号和密码后，系统就会在数据库里查找是否存在该管理员，若存在则进入到购物商城后台管理的界面，如果不存在就会在页面上方弹出错误提示。登录界面如图3-1所示。

添加图片注释，不超过 140 字（可选）

图3-1管理员登录界面

管理员进入主页面，主要功能包括个人信息修改，对用户、商品分类、购物商城、留言反馈、系统和订单等功能进行管理；后台主页面如图3-2所示。

添加图片注释，不超过 140 字（可选）

图3-2后台主页面

用户管理。管理员可通过在左边导航栏进入到管理用户的页面，在方框内可以输入用户账号或姓名再点击查找、新增和删除按钮来对用户操作，并可在右边的操作栏对用户的详情修改删除操作；如图3-3所示。

添加图片注释，不超过 140 字（可选）

图3-3用户管理页面

购物商城管理。管理员在左边导航栏的购物商城页面输入商品名称、价格或者选择商品分类进行查询、新增或删除购物商城列表，还可以查看购物商城里的商品的详情和查看用户给商品写下的评论、修改商品的名字，单限和图片等信息和删除操作；如图3-4所示。

添加图片注释，不超过 140 字（可选）

图3-4购物商城管理页面

留言反馈。管理员在左边导航栏点到留言反馈页面输入用户名来进行查询或删除商城里的留言反馈列表，还可以在右边的操作栏里点击相应按钮来查看留言的内容和图片并且进行回复、删除修改操作；如图3-5所示。

添加图片注释，不超过 140 字（可选）

图3-5留言反馈管理页面

系统管理。管理员在左边的导航栏点到系统管理，然后选择到公告信息页面，左方边框可以对公告的标题进行查找、增加、删除操作，操作栏里还可以点详情按钮查看公告信息。此外，左边的导航栏还能选中模块对作轮播图的图片变换，对用户在线客服的消息回复，系统简介还有关于我们的管理操作；如图3-6和图3-7所示。

添加图片注释，不超过 140 字（可选）

图3-6公告信息管理页面

添加图片注释，不超过 140 字（可选）

图3-7在线客服管理页面

订单管理。管理员可在左边导航栏点到订单管理，然后选择到已支付订单页面来进行查看已经支付订单的商品名字、收货人以及下单时间的信息。还可在左边方框内输入订单的编号名字来找到已经支付的订单，并且对已经支付的订单进行查看、发货等管理，同时左边导航栏还能对已取消、未支付、已发货、已退款和完成的订单进行上述的相应操作；如图3-8所示。

添加图片注释，不超过 140 字（可选）

图3-8订单管理页面

用户模块的实现

当用户打开购物商城系统的网址后，首先能看到的就是首页界面，在这里，用户能够看到商城的导航栏，可以通过商城导航栏上的导航进入商城的其他功能展示页面来进行操作；如图3-9所示。

添加图片注释，不超过 140 字（可选）

图3-9系统首页界面

购物商城。用户在导航栏点到购物商城页面后可在输入栏中输入商品名称和价格的最小价格或最大价格选择商品分类来进行查询，可以查看到购物商城里商品的详细信息，并且可以根据自己的需要来将商品添加到购物车和收藏里面、还可直接在商品详情里直接购买该商品等操作；购物商城页面如图3-10所示：

添加图片注释，不超过 140 字（可选）

图3-10购物商城界面

留言反馈。用户在导航栏点到留言反馈页面用户可以通过输入自己想留的言和上传图片并提交来完成在线留言操作，同时管理员在后台回复用户的留言后，用户可以看到回复的消息还有图片表情包等内容；如图3-11所示。

添加图片注释，不超过 140 字（可选）

图3-11留言反馈界面

购物车。用户在导航栏点击到购物车页面后能看到自己之前添加到购物车的商品名字和图片以及价格还有选择到的商品的总共价钱等详细的信息，还可以根据自己的购物需求来确定是否购买该商品或者删除商品等操作；如图3-12所示。

添加图片注释，不超过 140 字（可选）

图3-12购物车界面

个人中心。用户在导航栏里点击到个人中心模块可以在相应页面对用户本人的信息完成相应更新和退出账号登录，如充值余额、修改个人账号信息和个人信息操作；还可以管理订单、添加和修改地址或设置默认地址、进入我的收藏三大功能进行详细操作。个人中心页面如图3-13所示。

添加图片注释，不超过 140 字（可选）

图3-13个人中心界面

系统测试

任何人系统开发中也不能保证没有一点错误，在开发的过程中错误是不可避免的，所以在发现错误时要及时改正，不能让错误一直存在，否则会引发系统崩溃等不可小觑的后果，所以才需要系统测试来在一定程度上避免这些问题的发生。在测试中发现错误并及时改正才会让系统长久稳定的运行，虽然这是耗时耗力的，但为了系统能够长期使用，系统测试这一步骤也是十分重要的。

前台功能测试

登录功能测试

下面对登录模进行测试，表格里分别是输入用户名和密码后的三种不同的结果，当用户名或密码错误时会提示用户名或密码错误，当账户与密码都正确时会提示登录成功，如果以用户的账户密码登录管理员模块会提示登录失败[13]。

表4-1登录测试用例

购物车功能测试

表4-2登录测试用例

后台功能测试

商城后台管理功能测试

表4-3商城后台管理功能测用例

总结与展望

总结

在整个购物商城的开发过程中，也遇到了一些问题，比如在设计前台与后台的界面时该如何设计配色和排版、各个角色之间的权限边界以及用户登录后的token等问题，除此之外还犯了许多不该犯的错误，如请求的数据没有与数据库里的数据做判断与验证、把数据库里面实体属性的类型弄错，前台与后台端口号一致导致端口号占用等问题。不过通过从发现问题到解决了这些问题之后，我也感觉到了自己在逐渐进步，对专业课学到的知识点也在一点一点的不断巩固，也逐渐运用自如。本商城基本实现了将商品加入购物车以及商品下单的功能，用户只需点击商品购买即可填写地址和查看订单信息最后完成下单功能，有一定的易用性和实用性。

展望

本商城的开发基本上完成了任务书上制定的目标，各个功能模块也基本上实现了，不过因为技术的局限性，所以该商城应用的设计上还是有很多的不足之处，对于一些已经实现的功能也还没有达到理想的状态，因此，本商城系统还有很多要完善的地方，如实现真实的支付下单功能、物流状态的实时更新功能等。希望在后面能够不断的完善该商城系统，使得该商城能够更加成熟。

参考文献

[1] 曹重阳. MVC设计模式下的网络购物系统[J].计算机产品与流通,2018(04):154.

[2] 常佳宁,潘琳.一种基于B/S的网上购物系统设计[J].中国科技信息,2021 (15):71-72.

[3] 胡小春,胡凯,陈燕.基于Java的网上购物系统研发[J].信息技术与信息化,2021 (01):18-21.

[4] 王春明.基于Java的网上购物系统的设计与实现[J].电子技术与软件工程,2020 (20):48-50.

[5] 田建勇.基于MVC架构的电子商务网站设计与实现[J].电脑知识与技术, 2020,16(21):235-23 6.DOI:10.14004/j.cnki.ckt.2020.2246.

[6] 王一竹.基于MySQL的图书馆信息管理系统设计[J]. 电脑编程技巧与维护, 2022(1):4.

[7] 石怡.基于MySQL数据库的查询性能优化研究[J]. 四川职业技术学院学报, 2021, 31(1):5.

[8] 倪灵枝.计算机软件Java编程特点及其技术研究[J]. 科技资讯, 2022, 20(1):3.

[9] 王宏,王清勇. 计算机软件开发中Java编程语言的应用[J]. 数字技术与应用, 2020, v.38;No.355(01):42-43.

[10] 柯采.计算机软件开发中Java编程语言的应用[J]. 电脑编程技巧与维护, 2019(10):3.

[11] 吕萱.计算机软件开发中Java编程语言的应用[J]. 信息与电脑, 2018(8):3.

[12] 张烈超,胡迎九.典型Java Web开发框架模型的研究[J]. 武汉交通职业学院学报, 2021, 23(4):6.

[13] 董萍.基于J2EE在线购物系统的设计与实现[J].宁波职业技术学院学报,2018, 22(05):90-93.

[14] 崔祥.基于Web的在线购物系统设计[J].无线互联科技,2022,19(24):71-74.

[15] 郑文涛.网络购物系统的实现[D].青岛大学,2016.

[16] 王健.基于个性化推荐的网上购物系统的研究与实现[D].沈阳师范大学,2019.

[17] 朱成.基于Java的网上购物系统的设计与开发[D].南昌航空大学,2019.

[18] Hu X ,Yan C. Development and application of JAVA language development test evaluation system software[J]. Journal of Computational Methods in Sciences and Engineering, 2020:1-12.

[19] Huang C Y. Learning Database through Developing Database Web Applications[J]. International Journal of Information and Education Technology, 2019, 9(4):241-249.

[20] Qiuying Han,Xiuye Yin. Application of Java Programming Language in Computer Software Development[J]. International Journal of Computational and Engineering,2020,5(4).

致谢

行文至此，意味着我的大学生涯也即将结束，转眼间，我的大学生涯即将结束，四年的大学生涯即将画上了句号，这四年的时光弹指一瞬，仿佛都在梦的昨天。

年年遇人，人遇去去，遇遇至散散。每忆同行之挚友，轻重自在心头。思年少青春岁月，怀逸兴，畅聊彻夜至天明。携清风，共赏人间山河远阔。而今留此片言只语托尺素，情长纸短聊表相思。这四年的学习生活也让我受益匪浅，让我见识了这些形形色色的人和事，感谢在这四年里帮助过我的老师和同学。对系统的胜利完成，在这期间为了实现的更好，整个过程中付出很多的时间和精力，这段时光终将难忘。

首先要感谢的是我的导师李莹老师和学校的老师们，是他们带我走入这一领域，耐心地教导我成为一名具有专业素质的本科生，在我遇到困难的时候给予我鼓励，在我困惑的时候给我正确的指引，在此谨向您表示最衷心的感谢！

同时，我也要感谢我的室友们，是他们的努力拼搏的精神感染了我，在我遇到困难时不断鼓励我，给我动力；在我需要帮助时伸出援手，替我分担，感谢他们在这四年中与我并肩作战！

此外，我还要感谢学长学姐们，在我遇到难题时耐心为我解惑，主动与我分享他们的经验，让我在探究学术的路上少走了很多弯路。我也很感谢后来遇到的各位同学，与我积极地探讨学术，对我的实验开展做了很大贡献。

最后，借此机会，祝愿身边遇到的每一位：万般熙攘化清风朗月，四方梦想皆如愿以偿。