摘  要

随着信息技术的快速发展，电子商务已成为现代商业活动中不可或缺的一部分，尤其在电子产品领域，消费者更倾向于通过网络获取最新产品信息、比较价格以及购买商品，然而许多小型至中型的电脑商城缺乏一个高效、便捷且用户友好的在线购物平台，这限制了它们拓展市场的潜力。开发智汇电脑商城购物系统的主要目的是为了提供一个便捷电脑商城，让消费者可以轻松浏览并购买到心仪的商品。网站采用Java作为后端开发语言、框架使用Springboot，结合MySQL数据库进行数据存储和管理。功能包括商品信息、营销活动、留言反馈、购物车、个人中心等，网站不仅能极大地丰富消费者的购物体验，还能有效解决商家在传统销售模式中遇到的问题，如地域限制、客户群体单一等，是顺应时代发展的产物。

关键词：电脑商城购物系统；Springboot；购物车

目  录

摘  要

目  录

1 引言

1.1 研究背景及意义

1.2 国内外研究现状

1.3论文结构与章节安排

2相关技术介绍

2.1 Java语言

2.2 Springboot开发框架

2.3Vue框架

2.4Mysql数据库

3 系统需求分析

3.1可行性分析

3.1.1 技术可行性分析

3.1.2 操作可行性分析

3.1.3 经济可行性分析

3.2功能需求分析

3.2.1管理员功能分析

3.2.2用户功能分析

3.3系统流程分析

4系统总体设计

4.1 系统开发架构的选择

4.2系统功能模块设计

4.2.1 系统页面设计

4.2.2 用户模块设计

4.2.3 评论模块设计

4.2.4商品信息模块设计

4.3数据库设计

4.3.1数据库概要设计

4.3.2数据库逻辑设计

5系统详细实现

5.1系统前台功能实现

5.1.1系统主页功能实现

5.1.2用户注册功能实现

5.1.3 登录功能实现

5.1.4营销活动功能实现

5.1.5商品信息功能实现

5.1.6购物车功能实现

5.1.7留言反馈功能实现

5.2系统后台功能实现

5.2.1管理员功能实现

5.2.2后台首页功能实现

5.2.3用户功能实现

5.2.3商品信息功能实现

5.2.4留言反馈功能实现

5.2.5系统管理功能实现

5.2.6订单管理功能实现

6系统测试

6.1 系统测试目的

6.2 系统可用性测试

6.3 系统典型测试用例

6.4 测试总结

总结与展望

参考文献

致  谢

1 引言

1.1 研究背景及意义

随着信息技术的快速发展，电子商务已成为现代商业活动中不可或缺的一部分。尤其在电子产品领域，消费者更倾向于通过网络获取最新产品信息、比较价格以及完成购买行为。然而目前许多中小型电脑商城仍缺乏一个高效、便捷且用户友好的在线购物平台，这在一定程度上限制了其市场拓展和服务升级的能力。开发“智汇电脑商城购物系统”正是为了满足这一现实需求，帮助商家实现业务的线上化转型与优化。

该系统旨在提升用户体验，通过直观的界面设计和完善的商品展示功能，使用户能够方便地浏览、选择和购买商品；同时支持多种营销活动形式，如限时折扣、满减优惠等，以增强用户粘性和消费转化率。系统还集成了留言反馈模块，便于商家收集用户意见，持续改进服务质量；此外，完善的购物车功能也为用户提供了更加灵活和高效的购物体验。

1.2 国内外研究现状

国内电商市场在过去十年间经历了爆发式增长，目前已成为全球最大的电商市场之一。随着移动互联网的普及和技术的进步，国内电商平台不断向智能化和个性化方向发展。新零售模式也逐渐兴起，通过线上线下深度融合的方式，进一步提高了运营效率和服务质量。例如，阿里巴巴旗下的盒马鲜生和京东的7FRESH就是新零售模式的成功案例，它们将线上便捷性与线下体验完美结合，提供了即时配送服务，极大地满足了消费者对于快捷购物的需求。

天猫作为中国最大的电商平台，淘宝和天猫利用大数据和人工智能技术实现了高度个性化的商品推荐，增强了用户的购买意愿。此外，平台还支持直播带货等新兴营销方式，进一步激发了消费者的购物兴趣。然而，天猫面临的挑战在于如何持续优化用户体验，特别是在处理海量商品信息的同时保证搜索结果的相关性和准确性。

拼多多凭借独特的社交电商模式迅速崛起，拼多多通过拼团购买、砍价等方式吸引了大量用户，尤其是价格敏感型顾客。它的成功在于能够有效利用社交媒体的力量进行推广，并通过大数据分析来优化供应链管理。但是，拼多多在品牌形象建设上还有提升空间，需要更加注重产品质量控制和服务水平的提高。

国外电商市场同样在快速发展，尤其是在北美和欧洲地区。美国的亚马逊是全球电商领域的领导者，其强大的物流网络、先进的自动化仓储技术和优质的客户服务使其在全球范围内占据重要地位。与此同时，欧洲市场的电商发展较为均衡，德国和英国是最主要的电商国家。国外电商平台更加强调用户体验和跨境电商的拓展，许多企业积极采用区块链技术以提高交易的安全性和透明度。此外，环保和可持续发展理念在国外消费者中越来越受欢迎，绿色消费成为一种新趋势。例如，亚马逊不仅在技术创新方面领先，还在积极推动绿色包装和可持续发展的实践。不过，面对日益激烈的市场竞争和消费者对环境保护的关注，国外电商平台也需要不断创新和发展新的商业模式来保持竞争力。

3 系统需求分析

3.2功能需求分析

3.2.1管理员功能分析

智汇电脑商城购物系统中的管理员角色主要负责了如下功能操作。

（1）用户：允许管理员添加、删除或修改系统用户的账户信息，包括权限设置。

（2）商品信息：管理员能够在此模块中进行商品的上架、下架操作，添加新商品包括商品名称、商品类型、品牌、规格、生产商、上架日期、商品图片、库存、价格、商品描述等详情。

（3）商品类型：可以对商品进行分类设置。

（4）留言反馈：管理员有权查看用户提交的留言反馈内容并且进行回复操作

（5）系统管理：包括营销活动分类、营销活动、轮播图的维护管理。

（5）订单管理：处理用户的商品订单。

图3-1后台管理员角色用例图

3.2.2用户功能分析

智汇电脑商城购物系统中的用户角色主负责了如下功能操作。

1. 注册登录：注册登录功能允许用户创建个人账户并安全地登录系统。
2. 营销活动：用户可以在此模块中浏览查看系统发布最新营销活动内容，并且进行点赞、收藏、评论操作。
3. 留言反馈：用户可以在留言反馈界面编辑反馈意见内容。
4. 商品信息：用户点击查看网站的所有商品信息，也可以输入关键字眼进行搜索。
5. 购物车：用户可以将选中的心仪的商品添加购物车进行下单购买操作。
6. 个人中心：点击可以修改个人资料和登录密码。

图3-2 前台用户角色用例图

3.3系统流程分析

系统操作流程图，如图所示：

图3-3系统操作流程图

4系统总体设计

4.1 系统开发架构的选择

本系统采用用户层、展示层、业务层和数据层的四层架构设计。系统总体架构图如下：

图4-1 系统总体架构图

展示层是最贴近用户的一层，其主要提供内容展示和用户交互功能。展示层采用Vue框架，进行前端页面的渲染，并展示由业务层返回的业务逻辑处理结果。

服务层主要为不同的用户角色（用户、管理员）提供相应的功能，并包含系统的权限控制、主要功能模块等服务。展示层与业务层使用RESTful API标准进行通信。

数据层主要包括数据存储与数据更新。

4.2系统功能模块设计

在确定智汇电脑商城购物系统的整体架构后，可以进一步考虑该系统的主要功能模块图。这些功能模块可以分为前台和后台两部分。

图4-2智汇电脑商城购物系统功能模块图

4.2.1 系统页面设计

本智汇电脑商城购物系统的前台页面设计采用上中下的结构，这样可以使所有页面更加整洁和有序。页面的主题颜色以淡色为主，以突出页面的美观和清晰度。主页面包括导航栏以及轮播图的展示。

在主页面中，导航栏被设计为由多个JSP页面组成的项目，每个项目对应一个导航链接。这样的设计使得导航栏具有更好的可扩展性和灵活性。用户可以通过导航栏快速访问不同的功能页面和信息。

用户页面提供了与用户相关的功能，用户可以在该页面进行个人信息设置和进行商品购买，提高用户体验和便捷性。

后台管理页面采用简单结构为主，以便于管理员进行系统管理和维护。该页面提供了各种管理功能，管理员通过该页面对系统进行配置、监控和维护，确保系统的正常运行和安全性。

4.2.2 用户模块设计

（1）用户模块结构图

本系统的用户包括管理员和系统用户两个模块。虽然两种用户模块在功能上基本相同，但系统用户模块比管理员模块多了一个注册功能，所以用户模块的结构图为例进行分析，如下图：

图4-3用户模块结构图

（2）各个结构的具体业务逻辑

a.查询用户信息：主要是查询功能功能，管理员可以查看系统注册用户的所有信息。

b.修改用户信息：用户可以在界面的个人中心中进行个人资料的修改。

c.增加用户：用户通过系统注册操作来获得用户账号。

d.删除用户信息：管理员没有权利进行删除信息的删除，最多把用户加入到黑名单中，禁止用户进行登录操作。

4.2.3 评论模块设计

（1）评论模块结构图

用户可以在营销活动、商品信息等界面进行评论发表，管理员负责对评论内容进行维护管理。具体的结构图如下：

图4-4评论模块结构图

（2）各个结构的具体业务逻辑

a.发布评论：用户可以在营销活动、商品界面发表评论内容。

b.评论管理：管理员有权限对用户的发表评论内容进行管理。

4.2.4商品信息模块设计

（1）商品信息模块结构图

系统中需要存储不少商品信息，用户可以查看以及搜索，管理员可以添加，修改，删除，具体的结构图如下：

图4-5商品模块结构图

（2）各个结构的具体业务逻辑

a.添加商品：管理员可以对商品进行添加。

b.修改商品：管理员可以对商品进行修改。

c.删除商品：管理员可以对商品进行删除。

d.查看：用户可以查看商品。

e．搜索：用户可以输入关键字眼进行商品搜索。

4.3数据库设计

4.3.1数据库概要设计

根据上面给出的E-R实体图，可以进一步确定实体之间的关系，并制作总的E-R图。在数据库设计中，实体之间的关系通常有四种类型：一对一、多对一、一对多和多对多。

图4-6系统总体E-R图

4.3.2数据库逻辑设计

根据上面的E-R图，继而设计数据库表格，注意的是数据库表格遵从三范式标准，这样以后操作也会更加简单一些。

系统的各个数据库表如下。

表名：discussshangpinxinxi

功能：商品信息评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
score	double		评分
reply	longtext	4294967295	回复内容
thumbsupnum	int		赞		0
crazilynum	int		踩		0
istop	int		置顶(1:置顶,0:非置顶)		0
tuserids	longtext	4294967295	赞用户ids
cuserids	longtext	4294967295	踩用户ids

表名：chargerecord

功能：充值记录表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
username	varchar	200	用户名
role	varchar	200	角色
amount	double		金额

表名：cart

功能：购物车表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
tablename	varchar	200	商品表名		shangpinxinxi
userid	bigint		用户id
goodid	bigint		商品id
goodname	varchar	200	商品名称
picture	longtext	4294967295	图片
buynumber	int		购买数量
price	double		单价

表名：address

功能：地址

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
address	varchar	200	地址
name	varchar	200	收货人
phone	varchar	200	电话
isdefault	varchar	200	是否默认地址[是/否]

表名：shangpinxinxi

功能：商品信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
shangpinmingcheng	varchar	200	商品名称
shangpinleixing	varchar	200	商品类型
pinpai	varchar	200	品牌
guige	varchar	200	规格
shengchanshang	varchar	200	生产商
shangjiariqi	date		上架日期
shangpinmiaoshu	longtext	4294967295	商品描述
shangpintupian	longtext	4294967295	商品图片
onelimittimes	int		单限
alllimittimes	int		库存
thumbsupnum	int		赞		0
crazilynum	int		踩		0
clicktime	datetime		最近点击时间
clicknum	int		点击次数		0
discussnum	int		评论数		0
totalscore	double		评分		0
price	double		价格
onshelves	int		是否上架(1:上架，0:下架)		1
storeupnum	int		收藏数		0

表名：orders

功能：订单

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
orderid	varchar	200	订单编号
tablename	varchar	200	商品表名		shangpinxinxi
userid	bigint		用户id
goodid	bigint		商品id
goodname	varchar	200	商品名称
picture	longtext	4294967295	商品图片
buynumber	int		购买数量
price	double		价格		0
total	double		总价格		0
type	int		支付类型		1
status	varchar	200	状态
address	varchar	200	地址
tel	varchar	200	电话
consignee	varchar	200	收货人
logistics	longtext	4294967295	物流
remark	varchar	200	备注
sfsh	varchar	200	是否审核
shhf	longtext	4294967295	审核回复
role	varchar	200	用户角色
returnreason	varchar	200	退货原因

表名：yonghu

功能：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yonghuzhanghao	varchar	200	用户账号
mima	varchar	200	密码
yonghuxingming	varchar	200	用户姓名
xingbie	varchar	200	性别
shouji	varchar	200	手机
touxiang	longtext	4294967295	头像
money	double		余额		0

表名：news

功能：营销活动

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
introduction	longtext	4294967295	简介
typename	varchar	200	分类名称
name	varchar	200	发布人
headportrait	longtext	4294967295	头像
clicknum	int		点击次数		0
clicktime	datetime		最近点击时间
thumbsupnum	int		赞		0
crazilynum	int		踩		0
storeupnum	int		收藏数		0
picture	longtext	4294967295	图片
content	longtext	4294967295	内容

5系统详细实现

智汇电脑商城购物系统的详细设计与实现主要是根据前面的需求分析和体设计来设计页面并实现业务逻辑。关键从智汇电脑商城购物系统界面实现、业务逻辑实现这两部分进行介绍。

5.1系统前台功能实现

5.1.1系统主页功能实现

用户进入首页之后会显示如下的一个窗口。系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，包括首页、轮播图、商品信息、营销活动、购物车等模块栏，其主界面展示如下图5-1所示。

图5-1系统主界面

5.1.2用户注册功能实现

不是智汇电脑商城购物系统中正式用户，首先可以在线进行注册的，当用户点击右上角的“注册”的时候，需要输入自己的账号+密码+确认密码+昵称+性别+手机号信息，系统验证注册成功即可登录。其用注册界面展示如下图5-2所示。

图5-2用户注册界面

5.1.3 登录功能实现

智汇电脑商城购物系统中的前台上注册后的用户可以通过输入账户+密码+验证码点击“登录”按钮后，系统验证无误即可进入系统，用户登录界面如下图5-3所示。

图5-3登录界面

5.1.4营销活动功能实现

在营销活动功能界面中，用户可以在线浏览和搜索相关的系统营销内容，还可以对内容进行点赞、收藏、评论操作。界面如图5-4所示：

图5-4营销活动界面

5.1.5商品信息功能实现

用户点击商品信息功能界面，可以查看网站展示的所有商品列表，或者在搜索框中根据自己的喜好搜索某款商品进行选购。具体的实现界面如下图5-5所示：

图5-5商品信息界面

5.1.6购物车功能实现

用户可以将心仪的商品添加购物车操作，购物车中可以增加数量或者减少数量，核对无误后可以在线点击“购买”操作，实现在线支付。具体的实现界面如下图5-6所示：

图5-6购物车界面

5.1.7留言反馈功能实现

用户可以在留言反馈界面编辑具体的留言内容进行提交。具体的实现界面如下图5-7所示：

图5-7留言反馈界面

5.2系统后台功能实现

5.2.1管理员功能实现

管理员凭账户+密码+验证码进行登录系统后台，系统左侧导航栏主要展示管理员主要的功能权限。管理员功能界面展示如下图5-8所示。

图5-8管理员功能界面

5.2.2后台首页功能实现

管理员进入后台首页后，能够直观地查看到系统对商品类型和点击量的统计概况。这些统计数据以图表或列表的形式展示，清晰反映出不同商品的受欢迎程度的表现及趋势，管理员可以根据具体需求深入挖掘更多信息。后台首页界面如下图5-9所示。

图5-9后台首页界面

5.2.3用户功能实现

管理员在用户模块，可以对用户信息进行管理，用户模块由管理员+用户两部分组成组成，管理员有权限对用户账户进行修改、删除操作。具体的实现界面如下图：

图5-10用户界面

5.2.3商品信息功能实现

管理员点击“商品信息”这一按钮，可以对商品信息进行添加、修改、删除操作；对商品进行分类设置，便于前台用户的搜索查找。具体的实现界面如下图：

图5-11商品信息界面

5.2.4留言反馈功能实现

管理员可以通过留言反馈模块查看用户发表的留言内容并且进行回复操作。具体的实现界面如下图：

图5-12留言反馈界面

5.2.5系统管理功能实现

管理员可通过系统管理功能对系统前台端展示的营销活动、营销活动分类、轮播图内容进行设置管理操作。具体的实现界面如下图：

图5-13系统管理界面

5.2.6订单管理功能实现

管理员在订单管理界面，可以对所有的商品订单数据进行管理。具体的实现界面如下图：

图5-14订单管理界面

6系统测试

6.1 系统测试目的

系统开发结束后，都需要进行相应的测试，经过测试后，如果系统运行正常，则可以发布并应用。在系统正式发布之前，软件测试对系统进行需求分析、系统总体设计和系统代码的最终审查，是确保开发出高质量软件必不可少的一环。系统测试的目标是发现并改正系统错误。根据软件需求，设计测试用例，按照测试用例对软件进行测试，查找出程序错误与漏洞，因此，在系统测试中检测到错误后，诊断与修改错误更为重要。

6.2 系统可用性测试

系统的可用性测试是测试系统最基本的功能，比如鼠标点击是否可用，页面跳转是否正常等。下面是具体的测试结果。

表6-1智汇电脑商城购物系统可用性测试

测试项	测试人员评价
窗口移动、改变大小、关闭等操作是否正常	好
操作模块是否友好	好
模块和提示内容等文字描述是否正确	好
模块布局是否合理、协调	好
模块的状态是否正确（对选中项能否发生对应切换）	好
键盘、鼠标操作是否支持	好
所需的数据项是否正确显示	好
操作流程是否合理	好
是否提供帮助信息	好

6.3 系统典型测试用例

对系统的主要页面和功能点的测试用例如下：

（1） 用户登陆系统测试用例如表 6-2 所示。

表6-2用户登录系统测试用例

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

（2）商品信息测试用例如表 6-3 所示

表6-3 商品测试用例

用例名称	商品
目的	测试商品功能
前提	无
测试流程	打开商品界面
预期结果	可以进行查看商品详细
实际结果	实际结果与预期结果一致

（3）评论试用例如表 6-4所示

表6-4评论测试用例

用例名称	评论
目的	测试评论模块功能
前提	无
测试流程	用户在评论区进行点评操作。
预期结果	评论提交以后，可以查看到自己的评论信息
实际结果	实际结果与预期结果一致

（4）商品购买测试用例如表 6-5 所示

表6-5 商品购买测试用例

用例名称	商品购买添加
目的	测试商品购买功能
前提	无
测试流程	用户选择商品添加购物车
预期结果	核对购物车后进行支付
实际结果	实际结果与预期结果一致

（5）营销活动测试用例如表 6-6 所示

表6-6 营销活动测试用例

用例名称	营销活动
目的	测试营销活动功能
前提	无
测试流程	用户在营销活动界面点击查看操作
预期结果	进入营销活动界面进行点赞、收藏、评论
实际结果	实际结果与预期结果一致

参考文献

1. 向育程,段元梅. 基于Java的网上商城系统 [J]. 电脑编程技巧与维护, 2024, (08): 32-34.
2. 王培培. 基于SpringBoot的网上商城管理系统设计与实现 [J]. 现代计算机, 2024, 30 (07): 117-120.
3. 潘涛,王柳,董冉冉. 基于Vue.js框架的网上商城管理系统的设计与实现 [J]. 科技与创新, 2023, (13): 8-10.
4. 任建新,王一鸣,李鑫,等. 基于Java Web的智慧商城购物系统设计 [J]. 信息技术与信息化, 2022, (07): 23-27.
5. 刘欢. 基于微服务架构的商城购物系统的设计与实现[D]. 西安电子科技大学, 2021.
6. 何贵涛. A线上购物商城服务营销优化研究[D]. 广西大学, 2021.
7. [1]Adetoro Y A ,Boitumelo R ,Margaret N . Defining Newtown user satisfaction in a shopping mall [J]. Journal of Corporate Real Estate, 2025, 27 (1): 69-89.
8. [2]Leung J ,Poon E ,Chan F . Artificial Intelligence Transforms Shopping Mall [J]. ASHRAE Journal, 2025, 67 (3): 68-73.
9. 王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.
10. 熊永平.基于SpringBoot框架应用开发技术的分析与研究[J].电脑知识与技术,2021,15(36):76-77.
11. 赵媛.基于Vue的Web系统前端性能优化分析[J].电脑编程技巧与维护,2024,(09):44-46.
12. 秦冬.浅析Vue框架在前端开发中的应用[J].信息与电脑(理论版),2024,36(13):61-63.
13. 李艳杰.MySQL数据库下存储过程的综合运用研究[J].现代信息科技,2023,7(11):80-82+88.
14. 陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020,(01):14-15+28.
15. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.