🎨 潮玩手办商城系统 | 支付宝沙箱支付

📋 项目简介

基于 SpringBoot + Vue + MySQL + Redis 开发的现代化潮玩手办电商平台，集成支付宝沙箱支付，为潮玩爱好者提供便捷的在线购买体验。系统采用前后端分离架构，包含完整的后台管理功能和用户前台功能，支持商品管理、订单处理、支付结算等核心业务。

🚀 技术架构

后端技术栈

• 框架: SpringBoot 2.x
• 数据访问: MyBatis-Plus
• 数据库: MySQL 8.0
• 缓存: Redis 6.0+
• 安全认证: Sa-Token
• 接口文档: Swagger/Knife4j
• 构建工具: Maven

前端技术栈

• 框架: Vue 2.x/3.x
• UI组件库: Element-UI
• 数据可视化: ECharts
• 状态管理: Vuex
• 路由管理: Vue Router
• HTTP请求: Axios
• 构建工具: Webpack/Vite

支付系统

• 支付接口: 支付宝沙箱环境
• 支付安全: 加密传输验证
• 订单状态: 实时同步更新

🎯 系统功能模块

👤 用户端功能

🏠 首页功能

• 商品推荐: 热门潮玩手办推荐
• 轮播图展示: 最新活动和产品展示
• 分类导航: 快速定位商品类别
• 搜索功能: 关键词搜索商品

🛍️ 购物功能

• 商品浏览: 商品详情展示
• 商品筛选: 多条件筛选商品
• 购物车: 商品添加和管理
• 订单结算: 订单生成和支付
• 支付宝支付: 集成支付宝沙箱支付

👤 个人中心

• 用户注册: 手机号/邮箱注册
• 登录认证: 多种登录方式
• 个人信息: 头像、昵称修改
• 密码修改: 安全密码修改
• 我的订单: 订单历史查询
• 商品评价: 购买商品评价
• 收货地址: 地址信息管理

🔧 管理端功能

📊 工作台

• 数据统计: 销售额、订单量统计
• 图表展示: ECharts可视化图表
• 待办事项: 订单处理提醒

🏷️ 商品管理

• 分类管理: 商品分类添加、编辑
• 商品管理: 商品信息CRUD操作
• 品牌管理: 潮玩品牌信息管理
• 规格管理: 商品规格参数设置
• 轮播图管理: 首页轮播图配置

🏪 库存管理

• 采购管理: 商品采购记录
• 供应商管理: 供应商信息维护
• 库存监控: 库存数量预警

📦 订单管理

• 订单查询: 订单状态跟踪
• 订单处理: 发货、完成等操作
• 评价管理: 用户评价审核
• 退货管理: 退货申请处理
• 退货原因: 退货原因配置

👥 用户管理

• 用户列表: 注册用户管理
• 权限管理: 角色权限分配
• 系统设置: 系统参数配置

💎 项目亮点

技术创新

• 数据可视化: ECharts图表展示
• Redis缓存: 提升系统性能
• Sa-Token认证: 安全身份验证
• 支付宝沙箱: 真实支付体验

业务特色

• 潮玩专区: 专注手办潮玩领域
• 分类细致: 多维度商品分类
• 支付便捷: 支付宝一键支付
• 体验优化: 现代化UI设计

🏗️ 系统架构设计

数据库设计

-- 用户表
CREATE TABLE users (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    username VARCHAR(50) UNIQUE NOT NULL,
    email VARCHAR(100) UNIQUE,
    phone VARCHAR(20) UNIQUE,
    password VARCHAR(255) NOT NULL,
    avatar VARCHAR(255),
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- 商品表
CREATE TABLE products (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(100) NOT NULL,
    description TEXT,
    category_id BIGINT,
    brand_id BIGINT,
    price DECIMAL(10,2),
    stock INT,
    images JSON,
    status TINYINT DEFAULT 1,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- 订单表
CREATE TABLE orders (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    user_id BIGINT,
    order_no VARCHAR(32) UNIQUE,
    total_amount DECIMAL(10,2),
    pay_amount DECIMAL(10,2),
    pay_method TINYINT,
    status TINYINT,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY (user_id) REFERENCES users(id)
);

接口设计

@RestController
@RequestMapping("/api/products")
public class ProductController {
    
    @GetMapping("/page")
    public Result<PageResult<Product>> getProductPage(@RequestParam int page, 
                                                      @RequestParam int size) {
        PageResult<Product> result = productService.getProductPage(page, size);
        return Result.success(result);
    }
    
    @PostMapping("/order")
    public Result<String> createOrder(@RequestBody OrderRequest request) {
        String orderId = orderService.createOrder(request);
        return Result.success(orderId);
    }
}

🚀 快速开始

环境要求

• JDK: 1.8+
• MySQL: 8.0+
• Redis: 6.0+
• Node.js: 14.0+
• Maven: 3.6+
• 开发工具: IntelliJ IDEA, VSCode, Navicat

后端部署

# 1. 创建数据库
mysql -u root -p < sql/toy_mall_system.sql

# 2. 修改配置文件
# 编辑 application.yml 中的数据库和Redis配置

# 3. 启动Redis
redis-server

# 4. 启动后端服务
mvn spring-boot:run

前端部署

# 1. 安装依赖
npm install

# 2. 开发环境运行
npm run serve

# 3. 打包构建
npm run build

🎨 界面设计

用户端界面特色

• 现代化设计: 采用ElementUI组件库
• 响应式布局: 适配多种设备尺寸
• 视觉优化: 精美的潮玩展示效果
• 操作便捷: 简洁的购物流程

管理后台界面

• 数据可视化: ECharts图表展示数据
• 功能完整: 覆盖所有业务需求
• 操作高效: 批量处理和快捷操作
• 权限控制: 基于角色的界面展示

📸 项目截图

🔒 安全特性

数据安全

• 密码加密: BCrypt密码加密存储
• HTTPS传输: 全站HTTPS加密
• SQL注入防护: 参数化查询
• XSS防护: 输入验证和过滤

业务安全

• 接口限流: 防止恶意调用
• 订单防重: 防止重复下单
• 支付安全: 支付宝沙箱验证
• 权限验证: 细粒度权限控制

📈 性能优化

后端优化

• Redis缓存: 热点数据缓存
• 数据库索引: 查询性能优化
• 异步处理: 消息队列异步处理
• 连接池: 数据库连接池优化

前端优化

• 懒加载: 图片和组件懒加载
• 代码分割: 按需加载优化
• CDN加速: 静态资源CDN分发
• 缓存策略: 浏览器缓存优化

🎯 项目亮点

技术创新

• 可视化图表: ECharts数据展示
• Redis缓存: 提升系统响应速度
• Sa-Token认证: 安全可靠的身份验证
• 支付宝支付: 真实的支付体验

业务价值

• 专注潮玩: 专业的手办销售平台
• 体验优秀: 现代化的用户界面
• 功能完整: 覆盖电商全流程
• 易于扩展: 模块化架构设计

📚 开发文档

API文档

• 接口地址: http://localhost:8080/swagger-ui.html
• 文档格式: OpenAPI 3.0规范
• 在线测试: 支持接口在线调试

数据库文档

• 表结构: 完整的数据库设计文档
• 字段说明: 详细的字段含义解释
• 索引设计: 性能优化的索引策略

部署文档

• 环境配置: 详细的部署环境说明
• 项目部署: 步骤清晰的部署指南
• 常见问题: 部署过程中的问题解答

🤝 技术支持

包含内容

• 完整源码: 前后端完整代码
• 数据库脚本: 数据库初始化脚本
• 部署文档: 详细的部署说明
• 设计文档: 系统设计文档
• 支付宝配置: 沙箱环境配置指南

技术咨询

• 功能扩展: 新功能开发建议
• 性能调优: 系统性能优化指导
• 支付对接: 支付宝支付对接支持
• 部署支持: 生产环境部署协助

📄 结语

本潮玩手办商城系统采用现代化的技术架构，集成支付宝沙箱支付，为潮玩爱好者提供专业的在线购买平台。系统功能完善，界面美观，性能优良，是一个完整的电商解决方案。适合作为毕业设计项目或商业项目开发参考。

💡 项目特色: ECharts可视化 + Redis缓存 + Sa-Token认证 + 支付宝沙箱支付