共计 3209 个字符，预计需要花费 9 分钟才能阅读完成。
一：简介
使用 springboot 框架编写后端服务，并使用若依框架搭建管理端界面。在原有基础功能基础上有加入了 人工客服 、 收货地址 、 智能助手（接入通义千问，暂时关闭）、抽奖功能 、 支付宝沙箱支付 、 优惠卷等功能。
目前已部署到服务器，可以在线访问。
前台：悦选市集 (yuexuanshiji.cn)
后台：悦选市集管理系统 (yuexuanshiji.cn)
代码地址见文末。
演示：
系统演示
二：系统设计
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 欢迎交流提问
原文地址: 基于 SpringBoot Vue 的商城购物系统实战
