一:简介
使用springboot框架编写后端服务,并使用若依框架搭建管理端界面。在原有基础功能基础上有加入了人工客服 、收货地址 、智能助手(接入通义千问,暂时关闭) 、抽奖功能 、支付宝沙箱支付 、优惠卷等功能。
目前已部署到服务器,可以在线访问。
代码地址见文末。
演示:
系统演示
二:系统设计
2.1 系统概述
本系统采用前后端分离的方式。在后台,本人利用 SpringBoot构建 REST类 API,解决用户请求、业务逻辑和数据交互等问题,确保了系统的平稳运行。js在前端构建了一个界面,使得它在视觉上有了很好的表现,同时也使得用户的操作变得更加流畅。在此基础上,本项目拟利用容器部署、缓存优化等创新技术,提升系统的可移植性、响应速度和并发程度。本系统旨在开发一个高效稳定安全的商城系统。
2.2 可行性分析
SpringBoot与 Vue在技术上都是成熟、稳定、适用范围广的技术架构,具有较强的社区支撑与资源,是商场发展的良好基础。
2.3 功能需求分析
该系统需要满足用户日益增长的购物体验,主要通过下面几个方面分析:
2.3.1用户端
(1)用户管理
系统应提供用户登录和注册功能,注册功能则采用多重验证方式,确保用户账号安全。此外,用户还可以轻松管理个人地址信息,为后续的购物和配送提供便利。
(2)商品展示
该模块需要通过详细的商品信息页面显示商品的各种信息。同时,提供搜索和过滤功能,帮助用户快速找到自己所需要的商品。
(3)购物车管理
该模块提供了一个购物车界面,用户可以随时向购物车添加感兴趣的商品,并且可以管理购物车中的商品,灵活调整购买计划。同时,系统支持一键结算功能,简化购买流程,提高用户购物效率。
(4)订单管理
该模块应支持订单的创建、查看和修改功能,用户可以随时了解自己的订单状态,确保购买的商品能够得到妥善处理。
(5)支付与结算
支付采取支付宝支付方式,包括支付宝pc端支付和扫码支付,满足用户的支付要求。
(6)客服与售后
该模块提供咨询、投诉、售后服务等功能,当用户遇到问题时,可及时向客服人员请求有效的帮助。
(7)智能助手问答
智能助手模块采用人工智能的大数据建模技术,对大模型进行理性训练,并向 AI投放购物数据,从而实现智能问答。使用者只需输入搜索项,就能迅速地获得相关的产品资讯、推广活动等资讯,提升购买的便利性与效率。
(8)抽奖功能
抽奖功能应设计成通过转盘旋转实现获得奖品的效果,其中奖品内容和概率可通过界面自定义,奖品包括优惠券和实物等,优惠券在下单时可以抵扣金额。并提供一个界面可以看到当前用户获得的奖品。
2.3.2管理端
(1)首页展示模块
该模块是管理员快速了解商城运营状况的重要界面。该模块实时展示交易数据,包括订单量、销售额、销售曲线等关键指标,方便管理人员对商城的整体运营情况进行分析和判断,为决策提供有力支持。
(2)系统管理模块
这个模块可以管理整个后台系统。通过这种方式,管理者可以对用户进行灵活设置,确保系统的正常的运行。
(3)系统监控模块
该模块是实现商场运行状态的重要组成部分。通过对缓存数据、服务器、 JVM等数据进行实时监测,使管理者能够及时地发现并排除可能存在的问题,从而保证了商城的平稳运营。同时,该模块也能对购物中心进行性能分析,为管理者优化购物中心的运行状况,提高用户的使用体验。
(4)分类管理模块
该模块支持对用户端商品分类数据的编辑、新增、修改和删除操作,方便管理人员根据商城运营需求灵活调整商品分类结构。
(5)商品管理模块
该模块支持对商品的增删改查操作,管理人员可以随时添加新商品、修改商品信息或删除已下架商品。同时,商品管理模块还支持商品详情页的图片修改功能,方便管理人员优化商品展示效果,提升用户购买意愿。
(6)轮播图管理模块
该模块支持对首页轮播图展示商品的增删改查操作,管理人员可以根据商城运营需求灵活调整轮播图内容。选择合适的轮播图,可以有效地引起顾客的注意,从而增加系统的点击与转化。
(7)客服中心模块
该模块支持客服人员和用户之间的实时沟通功能,客服人员可以快速响应用户的问题和投诉,提供专业的解答和解决方案。
(8)奖品管理模块
该模块提供设置奖品内容和概率的功能,并提供一个界面用于查看所有用户的中奖记录。

用户端系统架构图

用户端功能模块图
商品信息表
序号
列名
数据类型
长度
主键
自增
非空
备注
1
id
bigint
√
√
主键id
2
name
varchar
(255)
名称
3
category_id
bigint
分类id
4
title
varchar
(255)
标题
5
intro
text
描述
6
picture
varchar
(255)
√
图片
7
price
double
原价
8
selling_price
double
售价
9
num
int
库存
10
sales
int
√
销量
11
is_homeShow
int
√
是否展示
12
sort
int
√
排序
13
create_time
datetime
创建时间
14
update_time
datetime
更新时间
订单表
序号
列名
数据类型
长度
主键
自增
非空
备注
1
id
bigint
√
√
主键id
2
number
varchar
(50)
订单编号
3
user_id
bigint
用户id
4
create_time
datetime
创建时间
5
update_time
datetime
更新时间
6
address_id
varchar
(100)
√
地址id
7
status
int
√
订单状态
8
shipments_status
int
√
发货状态
订单明细表
序号
列名
数据类型
长度
主键
自增
非空
备注
1
id
bigint
√
√
主键id
2
order_number
varchar
(50)
√
订单号
3
product_id
bigint
√
产品id
4
amount
int
√
数量
5
total_price
double
√
金额
6
create_time
datetime
创建时间
7
update_time
datetime
更新时间
地址信息表
序号
列名
数据类型
长度
主键
自增
非空
备注
1
id
bigint
√
√
主键id
2
user_id
bigint
√
用户id'
3
name
varchar
(100)
√
收货人姓名
4
phone
varchar
(100)
√
收货人手机号
5
is_default
int
√
是否默认地址
6
create_time
datetime
创建时间
7
update_time
datetime
更新时间
8
pca
varchar
(100)
√
省市县地址
9
detail
varchar
(100)
√
详细地址
省市县区域表
序号
列名
数据类型
长度
主键
自增
非空
备注
1
id
bigint
√
√
主键id
2
code
varchar
(19)
√
编码
3
name
varchar
(100)
√
名称
4
province_code
varchar
(100)
√
省编码
5
city_code
varchar
(100)
√
市编码
智能助手聊天记录表
序号
列名
数据类型
长度
主键
自增
非空
备注
1
id
bigint
√
√
主键id
2
user_id
bigint
用户id
3
info_content
varchar
(100)
√
消息内容
4
is_self
tinyint
√
是否用户消息 0用户 1chat
5
create_time
datetime
创建时间
6
update_time
datetime
更新时间
通过合理的数据库设计,可以确保商城系统的数据一致性、可靠性和高效性,为系统的稳定运行和良好性能提供坚实的数据支撑。
三:界面预览












代码地址:
前台:商城购物系统: springboot+vue的商城系统 (gitee.com)
后台:商城购物系统管理端: 商城购物系统管理端具体实现 (gitee.com)
QQ: 493350232 欢迎交流提问