一、 产品概述
1.1 产品简介
久滴单商户商城 (JiuDi Mall) 是一款基于 Spring Boot 后端与 Vue3 + Uniapp 前端构建的、全栈开源的单商户电商系统。它提供了一套功能完备、代码清晰、开箱即用的商城解决方案,旨在帮助开发者、初创团队及中小企业快速构建属于自己的线上零售平台,覆盖从商品上架、用户下单、支付结算到订单管理的完整电商业务流程。
1.2 核心定位
- 核心价值 :"为效率而生"。通过提供高质量的成熟源码,极大缩短项目从0到1的开发周期,降低技术门槛和创业成本。
1.3 版本信息
- 当前版本:V1.0
- 核心框架:Spring Boot 2.x, Vue3, Uniapp
- 发布状态:稳定可商用
二、 核心价值与优势
2.1 为何选择久滴商城?
对于目标用户而言,时间与可靠性是核心成本。久滴商城直击以下痛点:
| 用户痛点 | 久滴商城的解决方案 | 带来的价值 |
|---|---|---|
| 开发周期长 | 提供完整、可商用的源码,包含所有电商核心模块。 | 节省高达90%的开发时间,可快速交付客户项目或上线自有业务。 |
| 技术选型与架构风险 | 采用主流、稳定、社区活跃的技术栈 (Java + Vue)。 | 技术风险低,易于招募开发者和进行二次开发,项目长期可维护。 |
| 业务逻辑复杂,坑多 | 系统已实现经过验证的电商业务闭环(商品、订单、支付、售后)。 | 避免重复造轮子,绕过常见业务陷阱,系统稳定可靠。 |
| 多端适配成本高 | 前端使用 Uniapp ,一套代码编译发布到小程序、H5、APP等多个平台。 | 极大降低多端开发与维护成本,实现快速市场覆盖。 |
| 后续更新与维护难 | 承诺持续更新,并提供技术支持和社区答疑。 | 购买后仍能获得功能增强和安全更新,项目可持续成长。 |
2.2 商业验证
系统设计遵循标准的B2C电商业务流程,功能设计来源于真实商业需求,代码结构清晰,注释完整,确保其具备实际商业应用的稳健性。
三、 产品功能架构
3.1 用户端 (C端) 功能矩阵
用户端面向最终消费者,提供流畅的购物体验。
用户端核心功能
| 模块 | 子模块 | 功能名称 | 详细功能说明 |
|---|---|---|---|
| 首页 | 导航区 | 全局搜索 | 搜索筛选(商品) |
| 首页 | 导航区 | 分类导航 | 1. 一级分类横向滚动 2. 二级分类下拉展示 |
| 首页 | 内容区 | 轮播图/Banner | 1. 自动轮播(3-5秒间隔) 2. 手动滑动 3. 点击跳转(商品、活动页) |
| 首页 | 内容区 | 商品推荐 | 1. 最新商品 2. 热门商品 |
| 首页 | 内容区 | 品牌专区 | 品牌专区 |
| 商品 | 列表页 | 列表样式 | 1. 商品卡片信息:主图、标题、价格 2. 购物车快捷按钮 |
| 商品 | 详情页 | 商品图区 | 1. 主图轮播 3. 详情图文(可左右滑动切换) 4. 图文详情锚点导航 |
| 商品 | 详情页 | 商品信息 | 1. 商品标题(主标题+副标题) 2. 价格显示(原价、现价) 3. 服务承诺(七天无理由、运费险) 5. 规格选择(颜色、尺寸) |
| 商品 | 详情页 | 购买操作 | 1. 加入购物车按钮 2. 立即购买按钮 3. 收藏按钮 4. 分享按钮 5. 客服按钮(浮动) |
| 商品 | 详情页 | 评价模块 | 1. 评价筛选(全部、好评、中评、差评 )2. 评价列表(用户头像、昵称、时间、内容、图片) 3. 发表评价入口 |
| 商品 | 详情页 | 详情信息 | 1. 商品参数表格 2. 商品详情图文 3. 包装清单 4. 售后保障说明 |
| 购物车 | 列表管理 | 商品列表 | 1. 商品分组 2. 商品信息:图片、名称、规格、价格、数量 3. 编辑状态(单选、全选) |
| 购物车 | 列表管理 | 商品操作 | 1. 数量加减(有最大最小值限制) |
| 订单 | 确认页 | 收货信息 | 1. 地址选择(新增、编辑、删除) 2. 地址智能识别(省市区) |
| 订单 | 确认页 | 商品清单 | 1. 商品缩略图+名称+规格+数量+价格 2. 商品备注输入 |
| 订单 | 确认页 | 价格明细 | 1. 商品总价 2. 运费 3. 优惠券抵扣 4. 实付金额 |
| 订单 | 提交结果 | 支付页面 | 1. 支付方式选择(微信、支付宝、余额) 2. 支付金额显示 3. 支付结果展示 |
| 订单 | 提交结果 | 订单详情 | 1. 订单状态跟踪 2. 订单基本信息(编号、时间) 3. 商品信息 4. 物流信息 5. 价格信息 6. 售后进度 |
| 我的 | 资产中心 | 我的钱包 | 1. 余额显示 2. 余额明细 3. 充值入口 4. 提现入口 |
| 我的 | 订单中心 | 订单分类 | 1. 全部订单 2. 待付款 3. 待发货 4. 待收货 5. 待评价 6. 售后订单 |
| 我的 | 订单中心 | 订单操作 | 1. 取消订单(付款前) 2. 立即支付 3. 确认收货 4. 查看物流 5. 申请售后 |
| 我的 | 个人设置 | 账号安全 | 1. 绑定手机号 |
3.2 管理后台 (B端) 功能矩阵
管理后台为商户提供全方位的运营管理工具。
| 模块 | 子模块 | 功能名称 | 详细功能说明 |
|---|---|---|---|
| 商品管理 | 商品发布 | 商品创建 | 1. 商品基础信息(标题、副标题、分类) 2. 商品主图 3. 商品规格(规格组、规格值) 5. 商品详情(富文本编辑器) 6. 商品属性(参数表格、自定义属性) 7. 价格库存(不同规格独立设置) |
| 订单管理 | 订单处理 | 订单列表 | 1. 多维度筛选(时间、状态、金额、用户) 2. 订单搜索(订单号、用户昵称、手机号) 3. 订单导出(Excel) |
| 订单管理 | 订单处理 | 订单操作 | 1. 订单发货(单发) 2. 电子面单打印 3. 物流公司选择 4. 发货单打印 |
| 订单管理 | 售后管理 | 售后申请 | 1. 售后申请列表 2. 申请详情查看(图片、原因) 3. 售后处理(同意、拒绝) 4. 退款操作(原路退回) 5. 退货地址管理 |
| 营销中心 | 优惠券 | 券模板管理 | 1. 券类型设置(满减券) 2. 使用范围设置(全店) |
| 用户管理 | 用户列表 | 用户查询 | 1. 用户筛选 2. 用户搜索(昵称、手机号) 3. 用户详情查看(基本信息、资产信息) |
| 用户管理 | 用户列表 | 用户操作 | 1. 用户状态修改(禁用、启用) |
四、 技术架构与特点
4.1 技术栈
-
后端:
- 核心框架:
Spring Boot - 数据层:
MyBatis-Plus - 安全框架:
Spring Security或Sa-Token(根据实现) - 支付集成:
微信支付、支付宝官方SDK
- 核心框架:
-
前端 (用户端):
- 框架:
Vue3+Uniapp - UI组件库:
uView或uni-ui(根据实现)
- 框架:
-
前端 (管理后台):
- 框架:
Vue3+Element Plus
- 框架:
-
数据库 :
MySQL -
缓存 :
Redis(可选,用于提升性能) -
部署 :支持容器化 (
Docker) 部署
4.2 架构特点
- 前后端分离:接口定义清晰,便于独立开发和部署。
- 模块化设计:代码按功能模块划分,结构清晰,易于二次开发和功能扩展。
- 多端兼容:基于Uniapp,可快速发布为微信小程序、支付宝小程序、H5页面及Android/iOS APP。
- 支付集成完善:已对接主流支付渠道,配置即可使用。
五、 快速开始 (使用说明)
5.1 环境要求
- JDK 1.8+
- MySQL 5.7+
- Redis 3.2+ (可选)
- Maven 3.5+
- Node.js 14+ & npm
- 微信开发者工具 / HBuilder X (用于编译前端)
5.2 部署步骤
-
数据库初始化:执行项目SQL脚本,创建数据库和表结构。
-
后端启动:
- 修改
application.yml中的数据库、Redis等配置。 - 使用
mvn spring-boot:run或打包为jar文件运行。
- 修改
-
前端编译:
- 用户端 :进入
uni-app项目目录,运行npm install,使用HBuilderX或命令行编译到对应平台。 - 管理后台 :进入
vue-admin项目目录,运行npm install && npm run dev进行开发,或npm run build进行生产构建。
- 用户端 :进入
-
配置支付:在微信支付和支付宝开放平台申请商户号,将配置信息填入后端管理系统。
六、 路线图与更新计划
我们承诺对项目进行持续迭代,以下为近期更新计划:
-
V1.1 版本规划 (下期更新):
-
功能新增:
- 圈子(动态):增加用户社交功能,支持发布图文动态、点赞、评论,增强用户粘性。
- 积分商城:建立完整的积分体系,支持签到获积分、消费赠积分,并可用积分兑换商品或优惠券。
-
体验优化:优化现有商品详情页加载速度,增强后台数据统计报表。
-
-
未来展望:
- 分销功能
- 拼团/秒杀营销工具
- 更精细化的会员等级体系
- AI智能客服接入
总结 :久滴单商户商城不仅仅是一套代码,更是一个助力梦想的起点。无论是用于承接项目、内部创业还是学习研究,它都提供了坚实可靠的基础。选择久滴,即是选择了效率与稳健。
📞 联系客服
