一、项目概述1.1 项目背景传统线下实体商城以及普通线上电商平台缺少完整的积分运营体系无法利用积分激励用户持续消费商家难以通过积分玩法提升用户粘性。普通电商系统大多仅支持商品买卖缺少积分兑换、积分累计、商品收藏、积分与金额双模式购买等功能。为解决线上商城商品售卖 积分运营一体化需求开发基于 SpringBoot 的商城积分系统采用 SpringBoot Vue 前后端分离架构分为前台用户商城门户与后台管理系统支持普通金额购买、积分兑换商品、商品收藏、订单管理、商品分类管理实现商城商品数字化管理与积分营销体系。1.2 项目目标前台普通用户注册登录、浏览商品、查看商品详情、收藏商品、加入购物车、金额购买商品、积分兑换商品、管理个人订单、查看订单状态未支付 / 已支付 / 已完成 / 退款 / 取消。后台管理员管理前台用户账号、后台管理员账号、商品类型分类、商品信息、首页轮播图、用户收藏数据、商城订单信息完成商品新增、编辑、上下线管理。搭建前后端分离架构实现商品线上展示、交易、积分兑换一体化通过积分机制吸引用户消费提升商城活跃度。1.3 技术选型后端技术栈核心框架SpringBoot 2.7.xORM 框架MyBatis / MyBatis-Plus数据库MySQL8.0工具包Lombok、Hutool文件上传商品图片、首页轮播图、用户头像存储权限认证Token 会话登录鉴权项目构建Maven前端技术栈基础框架Vue2/Vue3 Vue-CLIUI 组件库Element UI / Element PlusHTTP 请求Axios路由Vue Router图片上传组件、购物车数量加减组件部署环境SpringBoot 内置 Tomcat支持 Windows/Linux 服务器部署前端打包 dist 静态资源部署 Nginx反向代理后端接口解决跨域。1.4 系统角色划分前台普通用户前台页面注册账号、登录系统浏览商品、收藏商品、下单购买、积分兑换、管理个人订单。后台管理员登录后台管理平台拥有全部后台权限用户管理、管理员账号维护、商品类型管理、商品管理、轮播图管理、收藏管理、订单管理。二、系统功能需求分析2.1 前台用户门户功能顶部导航栏首页、商品、个人中心注册模块用户注册账号填写账号、密码、确认密码、手机号上传头像完成注册。登录模块账号密码登录登录后可进行下单、收藏、积分兑换等操作。首页模块首页轮播图展示商品推荐展示快速进入商品列表。商品列表模块展示全部商品支持分类筛选点击商品进入商品详情页面。商品详情模块展示商品标题、价格、所需积分、商品类型、售后服务、品牌、商品图片、收藏数量提供功能收藏 / 取消收藏、数量加减、加入购物车、立即购买、积分兑换。订单提交页面选择购买数量填写订单备注展示商品清单、总价提交订单并余额支付。个人订单模块分页展示个人全部订单按状态筛选全部、未支付、已支付、已完成、已退款、已取消支持取消订单、申请退款操作。个人中心查看个人信息、我的收藏、全部订单、账户积分、账户余额。2.2 后台管理系统功能后台登录页面账号密码登录后台管理平台。后台左侧菜单栏首页后台欢迎首页商品类型管理维护商品分类信息支持按类型名称搜索新增、修改、删除分类查看分类详情。用户管理管理前台注册用户账号查询、启用 / 禁用用户账号。管理员管理维护后台管理员登录账号新增、编辑、删除管理员。轮播图管理管理前台首页轮播图片新增、修改、删除轮播图。我的收藏管理查看所有用户商品收藏记录统计商品收藏数据。商品管理商品列表按商品标题搜索商品表格展示商品标题、类型、售后服务、品牌、商品图片、积分、售价功能新增商品、修改商品、删除商品、查看商品详情录入商品图片、价格、积分、品牌、售后、分类信息。商品订单管理查看平台全部用户订单查看订单详情跟进订单交易状态。三、数据库核心表设计1user 前台用户表字段名类型说明idbigint主键自增usernamevarchar登录账号唯一passwordvarchar登录密码phonevarchar手机号avatarvarchar头像地址balancedecimal账户余额pointsint账户积分create_timedatetime注册时间2admin 后台管理员表字段名类型说明idbigint主键usernamevarchar管理员账号passwordvarchar密码real_namevarchar管理员名称3goods_type 商品类型表字段名类型说明idbigint主键type_namevarchar商品分类名称美妆、其他等remarkvarchar备注4goods 商品表字段名类型说明idbigint主键titlevarchar商品标题type_idbigint商品分类 IDservicevarchar售后服务7 天无理由退换brandvarchar商品品牌imgvarchar商品图片地址pointsint兑换所需积分pricedecimal商品售价collect_numint收藏数量contenttext商品详情介绍5swiper 轮播图表字段名类型说明idbigint主键img_urlvarchar轮播图片link_urlvarchar跳转地址sortint排序号6collect 商品收藏表字段名类型说明idbigint主键user_idbigint用户 IDgoods_idbigint商品 IDcreate_timedatetime收藏时间7cart 购物车表字段名类型说明idbigint主键user_idbigint用户 IDgoods_idbigint商品 IDnumint购买数量create_timedatetime加入时间8orders 订单主表字段名类型说明idbigint主键order_novarchar订单编号user_idbigint下单用户 IDgoods_idbigint商品 IDgoods_numint购买数量total_pricedecimal订单总价remarktext订单备注pay_typevarchar支付方式余额支付 / 积分兑换order_statusvarchar订单状态未支付 / 已支付 / 已完成 / 已退款 / 已取消create_timedatetime下单时间pay_timedatetime支付时间四、系统业务流程设计4.1 前台用户购物流程用户访问商城首页浏览轮播图、商品未注册用户先完成账号注册、登录。用户进入商品列表筛选分类点击商品查看详情。用户可收藏商品也可选择数量加入购物车 / 立即购买。提交订单填写备注选择余额支付积分充足可选择积分兑换。支付完成订单状态更新为【已支付】用户在个人订单列表查看全部订单。未支付订单支持取消已支付订单支持申请退款。4.2 后台管理员业务流程管理员账号登录后台管理系统。基础数据维护新增商品分类、上传首页轮播图。商品运营新增商品信息上传商品图片填写价格、积分、品牌、售后信息可随时修改、下架商品。用户运营管理前台注册用户账号查看所有用户收藏记录。订单管理查看平台所有用户订单监控订单交易状态。五、页面原型说明5.1 前台用户页面用户注册页面输入账号、密码、确认密码、手机号上传头像完成注册。前台登录页面账号密码输入框登录进入商城首页。商品详情页面展示商品大图、标题、售价、积分、分类、品牌、售后收藏按钮、数量加减、加入购物车、立即购买、积分兑换按钮。订单提交页面展示商品清单、数量、总价支持填写订单备注余额支付。个人订单页面订单状态标签筛选全部 / 未支付 / 已支付 / 已完成 / 已退款 / 已取消列表展示订单编号、商品、价格、下单时间提供取消、退款操作。5.2 后台管理页面后台登录页面账号密码登录入口登录后进入后台主界面。商品类型管理页面分类名称搜索框表格展示所有商品分类支持新增、修改、删除、查看详情。商品管理页面商品标题搜索表格展示商品标题、类型、服务、品牌、商品图片、积分、售价新增弹窗录入完整商品信息。收藏管理页面查询全部用户商品收藏数据统计商品收藏热度。六、核心接口设计6.1 用户注册登录接口POST /api/user/register 用户前台注册 POST /api/user/login 用户前台登录 POST /api/admin/login 管理员后台登录 GET /api/user/info 获取登录用户信息6.2 商品分类与商品接口GET /api/goods/type/list 获取商品分类列表 GET /api/goods/list 前台商品列表搜索分类筛选 GET /api/goods/{id} 获取商品详情 POST /admin/goods/save 后台新增商品 PUT /admin/goods/update 修改商品信息 DELETE /admin/goods/{id} 删除商品6.3 收藏接口POST /api/collect/save 收藏商品 POST /api/collect/cancel 取消收藏 GET /api/collect/my 获取我的收藏 GET /admin/collect/list 后台查询全部收藏记录6.4 购物车接口POST /api/cart/save 加入购物车 GET /api/cart/list 查询我的购物车6.5 订单接口POST /api/order/create 创建订单 POST /api/order/pay 订单余额支付 GET /api/order/my 查询个人订单支持状态筛选 PUT /api/order/cancel 取消订单 PUT /api/order/refund 申请退款 GET /admin/order/list 后台查询全部订单6.6 轮播图接口GET /api/swiper/list 前台获取首页轮播图 POST /admin/swiper/save 后台新增轮播图七、系统部署方案数据库部署安装 MySQL8.0执行 SQL 初始化脚本创建数据表、初始化测试账号。后端部署SpringBoot 项目打包 Jar 包使用java -jar xxx.jar启动yml 配置数据库连接、文件上传存储路径。前端部署Vue 项目执行npm run build打包 dist 静态文件部署 Nginx配置反向代理转发后端接口解决跨域。文件存储商品图片、轮播图、用户头像默认本地存储可扩展阿里云 OSS 对象存储。八、系统测试要点功能测试用户注册登录、商品浏览、收藏、下单支付、订单取消退款完整流程后台商品分类、商品 CRUD、轮播图管理功能正常图片上传、搜索、分页正常。权限测试未登录用户无法下单、收藏前台用户不能访问后台地址积分兑换时校验用户积分余额余额不足无法兑换。业务逻辑测试购买商品后扣除用户余额积分兑换扣除账户积分收藏商品自动累加收藏数量订单状态流转正常。兼容性测试前台商城页面、后台管理系统适配 Chrome、Edge 主流浏览器。九、系统扩展方向增加商品评价功能用户购买后可以发表商品评论增加优惠券模块支持满减优惠券、积分优惠券发放增加会员等级体系不同等级购物享受折扣、积分加速接入支付宝 / 微信真实支付接口后台增加可视化数据看板商品销量排行、热门收藏、订单交易额统计开发小程序端商城实现移动端便捷购物十、项目总结基于 SpringBoot 的商城积分系统采用前后端分离架构分为前台线上商城门户与后台商品管理平台两大模块。系统区分普通消费者与后台管理员两种角色整合商品分类管理、商品展示、商品收藏、购物车、订单交易、积分兑换、首页轮播管理等核心电商功能。系统创新性融入积分兑换模式支持余额购买与积分兑换双消费模式帮助商家搭建积分营销体系提升用户留存与复购。系统操作简单、业务流程清晰适用于中小型线上积分商城具备较高实用价值。十一、项目资料 精彩专栏推荐订阅 在下方专栏不然下次找不到哟《Java精品推荐项目》《springbootvue项目100套》《ssm项目100套》《微信小程序合集》