淘宝宝一体化电商系统

实训项目 — 阶段三：Spring Boot + Vue 3 前后端分离

项目结构

D:\shixun\1\
├── jsy-backend/            Spring Boot 3 后端（端口 8080）
├── jsy-admin/              Vue 3 + Element Plus 管理后台（端口 3000）
├── jsy-h5/                 Vue 3 + Vant 4 移动商城（端口 3001）
├── src-phase1-backup/      阶段一代码备份（Servlet+JSP）
├── README.md               本文件
└── *.docx / *.doc          设计文档（需求/设计/数据库/测试/部署/实训指导）

技术栈

层级	技术	版本
后端框架	Spring Boot	3.2.0
ORM	MyBatis-Plus	3.5.5
安全认证	Spring Security + JWT	jjwt 0.12.3
数据库	MySQL + Druid 连接池	8.0 + 1.2.20
API文档	Knife4j (Swagger)	4.5.0
前端框架	Vue 3 + Vite	3.4 + 5.x
管理UI	Element Plus	2.5
移动UI	Vant	4.8
构建工具	Maven / npm	—

快速启动

1. 启动后端

cd jsy-backend
mvn spring-boot:run
# 启动后访问: http://localhost:8080
# API文档: http://localhost:8080/doc.html

2. 启动管理后台

cd jsy-admin
npm install
npm run dev
# 启动后访问: http://localhost:3000
# 登录账号: admin / admin123

3. 启动移动商城

cd jsy-h5
npm install
npm run dev
# 启动后访问: http://localhost:3001

数据库

• 数据库名：jsy_db
• 84张表（完整电商表结构）
• 建表脚本：jsy-backend/src/main/resources/application.yml Spring Boot 自动建表
• 初始管理员：admin / admin123

功能模块

管理后台（PC端）

模块	功能
控制台	数据概览
商品管理	商品CRUD、上架/下架、搜索
订单管理	订单列表、发货、退款处理
管理员	管理员CRUD、启用/禁用
营销活动	优惠券管理、秒杀/拼团/砍价框架
内容管理	文章管理框架
系统设置	基础配置

移动商城（H5端）

页面	功能
首页	轮播图、分类导航、推荐商品
分类	商品搜索、分类查看
商品详情	图片、价格、加入购物车
购物车	全选、数量调整、结算
确认订单	地址填写、模拟支付
我的订单	订单列表
登录/注册	用户认证
个人中心	余额、积分查看

API 接口

前缀	认证	说明
/api/admin/login	无	管理员登录
/api/admin/**	JWT	管理端接口
/api/h5/user/**	无	H5用户接口
/api/h5/product/**	无	商品查询
/api/h5/cart/**	无	购物车
/api/h5/order/**	无	订单

业务流程

用户注册 → 登录 → 浏览商品 → 商品详情 → 加入购物车
    → 结算（模拟支付）→ 查看订单
            ↓
   管理员登录 → 商品管理 → 订单发货 → 订单完成

设计文档

文档	说明
项目实训指导书.docx	实训流程与阶段划分
需求规格说明书.doc	系统功能需求
设计说明书.docx	架构与模块设计
数据库设计说明书.docx	84张表详细设计
系统测试说明书.docx	测试用例
系统部署安装说明书.doc	部署步骤