商品展示管理系统

Spring BootVueuni-appMySQL

功能介绍

商品展示管理系统面向商家管理员与商品目录访客,包含网页后台和 uni-app 小程序两端。管理员维护分类、商品基础资料、详情规格和图片图集,管理轮播图、首页分类入口、精选商品顺序、店铺信息及管理员账号;访客在小程序首页浏览目录,通过分类或搜索查找商品,查看详情和店铺资料。

商家使用时先登录管理后台,建立分类并录入商品信息,再补充详情、规格和图片,按需要执行上架或下架;通过首页编辑和轮播图管理安排公开展示内容。小程序读取公开目录接口,按配置显示轮播、分类与精选商品,访客无需登录即可查阅可见商品。店铺页面支持资料、图片、位置标记和到店导航相关展示。

系统会按分类启用和商品上架状态控制公开可见性,适用于饰品、生活用品及小型门店的商品目录展示和到店咨询。项目定位为展示与目录管理,现有公开流程不包含购物车、订单或在线支付。附件保留后台、后端、小程序及示例资料,部署时需配置 MySQL、文件存储和小程序访问地址;地图选点按实际配置启用。

用例图/使用场景

管理员维护商品、分类、详情图集、轮播图和店铺资料;访客在小程序浏览首页、分类、搜索、商品详情及店铺。现有用例图展示两端使用关系。

演示截图

个人设置

个人设置

分类管理

分类管理

分类编辑表单

分类编辑表单

商品管理

商品管理

商品编辑与图集

商品编辑与图集

新建分类表单

新建分类表单

新建商品表单

新建商品表单

新建管理员表单

新建管理员表单

新建轮播图表单

新建轮播图表单

管理员登录

管理员登录

管理员管理

管理员管理

管理员编辑表单

管理员编辑表单

管理工作台

管理工作台

轮播图管理

轮播图管理

轮播图编辑表单

轮播图编辑表单

商品目录首页

商品目录首页

层叠白珠项链详情

层叠白珠项链详情

珠饰项链分类

珠饰项链分类

技术栈

后端采用 Java 17、Spring Boot 3、MySQL、MyBatis-Plus、Sa-Token,并声明参数校验、SpringDoc、Jackson、Lombok、AOP 与 Bouncy Castle。网页管理端采用 Vue 3、TypeScript、Vite、Pinia、Vue Router、Element Plus 和 Axios;小程序使用 uni-app Vue 2 工程,通过 HBuilderX 与微信开发工具进行开发调试。店铺选点页面按配置使用腾讯位置服务,数据库初始化 SQL 和示例素材导入脚本随附件提供。

项目资料附件

定制服务:+v pink996611