男装电商系统生成技能

本技能用于生成完整的男装电商系统项目，采用现代化的技术栈：SpringBoot3（后端）、Vue3（前端）、MySQL（数据库）。技能执行分为两个阶段：1) 输出详细技术方案供用户确认；2) 根据确认的方案分模块生成完整的前后端代码。

技能执行流程

第一阶段：技术方案设计

当技能触发时，首先执行以下步骤：

1. 需求分析：与用户确认电商系统的核心功能需求
2. 技术架构设计：设计系统整体架构，包括：
   • 后端架构（SpringBoot3 + MyBatis Plus + Spring Security）
   • 前端架构（Vue3 + Element Plus + Vue Router + Pinia）
   • 数据库设计（MySQL表结构）
   • API接口设计（RESTful API规范）
3. 模块划分：将系统划分为以下核心模块：
   • 用户管理模块
   • 商品管理模块
   • 购物车模块
   • 订单管理模块
   • 支付模块
   • 库存管理模块
   • 物流跟踪模块
   • 营销活动模块
4. 输出技术方案文档：生成详细的技术方案文档供用户确认

第二阶段：代码生成

用户确认技术方案后，按以下顺序生成代码：

1. 后端项目初始化：

   • 创建SpringBoot3项目结构
   • 配置数据库连接和MyBatis Plus
   • 配置Spring Security和JWT认证
   • 配置Swagger API文档

2. 数据库设计实现：

   • 生成MySQL建表SQL脚本
   • 创建实体类（Entity）
   • 创建数据访问层（Mapper）
   • 创建服务层（Service）

3. 核心模块开发（按顺序）：

   • 用户管理模块（注册、登录、个人信息、地址管理）
   • 商品管理模块（商品分类、商品详情、商品搜索、商品评价）
   • 购物车模块（添加商品、修改数量、删除商品）
   • 订单管理模块（创建订单、订单列表、订单详情、订单状态）
   • 支付模块（支付接口、支付回调、退款处理）
   • 库存管理模块（库存查询、库存预警、库存调整）
   • 物流跟踪模块（物流查询、物流状态更新）
   • 营销活动模块（优惠券、限时折扣、满减活动）

4. 前端项目开发：

   • 创建Vue3项目结构
   • 配置路由和状态管理
   • 集成Element Plus UI组件库
   • 开发各模块对应的页面组件
   • 实现API接口调用

5. 系统集成与测试：

   • 前后端联调
   • 生成部署文档
   • 提供Docker部署配置

技术栈详情

后端技术栈

• 框架：SpringBoot 3.x
• ORM：MyBatis Plus 3.x
• 安全：Spring Security + JWT
• 数据库：MySQL 8.x
• 缓存：Redis（可选）
• 消息队列：RabbitMQ（可选）
• API文档：SpringDoc OpenAPI 3 (Swagger)
• 构建工具：Maven 3.8+

前端技术栈

• 框架：Vue 3.x + Composition API
• UI组件库：Element Plus
• 状态管理：Pinia
• 路由：Vue Router 4.x
• HTTP客户端：Axios
• 构建工具：Vite 5.x
• CSS预处理器：Sass/SCSS

数据库设计要点

1. 用户表：用户基本信息、认证信息
2. 商品表：商品分类、商品详情、商品SKU
3. 购物车表：用户购物车商品
4. 订单表：订单主表、订单明细表
5. 支付表：支付记录、退款记录
6. 库存表：商品库存、库存变更记录
7. 物流表：物流信息、物流状态
8. 营销表：优惠券、活动规则

参考文件

在生成代码时，可参考以下文件：

架构设计

• references/backend-architecture.md - 后端架构详细设计（SpringBoot3 + MyBatis Plus + Spring Security）
• references/frontend-architecture.md - 前端架构详细设计（Vue3 + Element Plus + Pinia）
• references/frontend-architecture-continued.md - 前端架构续篇（路由、组件、样式）

数据库设计

• references/database-schema.md - 数据库表结构设计（核心表）
• references/database-schema-continued.md - 数据库设计续篇（索引、优化、维护）

API设计

• references/api-specification.md - API接口规范（认证、用户、商品）
• references/api-specification-continued.md - API规范续篇（购物车、订单、支付）

项目生成

• scripts/generate-project.sh - 项目生成脚本（后端部分）
• scripts/generate-project-continued.sh - 项目生成脚本续篇（前端部分）
• scripts/init.sh - 技能初始化脚本

项目文档

• README.md - 项目完整说明文档

使用说明

1. 当用户请求创建男装电商系统时，首先触发本技能
2. 按照第一阶段流程，与用户确认需求并输出技术方案
3. 获得用户确认后，按照第二阶段流程生成完整代码
4. 生成过程中，保持与用户的沟通，确保符合预期
5. 完成后提供部署和运行指南

代码生成指导原则

1. 后端代码生成

• 遵循SpringBoot最佳实践
• 使用MyBatis Plus简化数据库操作
• 实现统一的异常处理机制
• 添加完整的日志记录
• 配置合适的安全策略

2. 前端代码生成

• 使用Vue3 Composition API
• 遵循组件化开发原则
• 实现响应式设计
• 添加合适的错误处理
• 优化用户体验

3. 数据库设计

• 遵循数据库设计范式
• 添加合适的索引优化查询性能
• 考虑数据一致性和完整性
• 设计合理的表关系

4. API设计

• 遵循RESTful API设计原则
• 使用统一的响应格式
• 添加合适的错误码
• 提供完整的API文档

注意事项

1. 确保生成的代码符合企业级开发规范
2. 包含必要的错误处理和日志记录
3. 实现合适的安全措施（SQL注入防护、XSS防护等）
4. 提供完整的API文档
5. 考虑性能优化（数据库索引、缓存策略等）
6. 支持国际化（i18n）和响应式设计
7. 生成可维护、可扩展的代码结构
8. 提供清晰的代码注释和文档

技能输出示例

技术方案输出示例

# 男装电商系统技术方案

## 1. 项目概述
- 项目名称：男装电商系统
- 技术栈：SpringBoot3 + Vue3 + MySQL
- 目标用户：男性消费者
- 核心功能：商品浏览、购物车、订单管理、支付

## 2. 系统架构
- 前后端分离架构
- RESTful API设计
- 微服务架构（可选扩展）

## 3. 数据库设计
- 用户表：存储用户信息
- 商品表：存储商品信息
- 订单表：存储订单信息
- ...（详细表结构）

## 4. API设计
- 认证接口：/api/auth/*
- 用户接口：/api/users/*
- 商品接口：/api/products/*
- ...（详细接口文档）

## 5. 部署方案
- 开发环境：本地部署
- 生产环境：云服务器部署
- 数据库：MySQL 8.x
- 缓存：Redis

代码生成输出示例

项目结构：
mens-fashion-ecommerce/
├── backend/          # SpringBoot后端项目
├── frontend/         # Vue3前端项目
├── database/         # 数据库脚本
└── docs/            # 项目文档

已生成文件：
✓ backend/pom.xml
✓ backend/src/main/java/.../EcommerceApplication.java
✓ backend/src/main/resources/application.yml
✓ frontend/package.json
✓ frontend/vite.config.js
✓ frontend/src/main.js
✓ database/init.sql
✓ docs/README.md

技能维护

本技能应定期更新以保持技术栈的现代性：

1. 定期检查依赖版本更新
2. 更新最佳实践和设计模式
3. 添加新的功能模块
4. 优化现有代码结构
5. 更新文档和示例

故障排除

常见问题

1. 数据库连接失败：检查MySQL服务是否启动，配置是否正确
2. 前端编译错误：检查Node.js版本，清理npm缓存
3. API调用失败：检查后端服务是否启动，跨域配置是否正确
4. 文件上传失败：检查文件大小限制，存储路径权限

解决方案

1. 查看日志文件定位问题
2. 检查配置文件是否正确
3. 验证依赖版本兼容性
4. 参考相关技术文档

扩展建议

功能扩展

1. 移动端适配：开发响应式设计或独立移动端应用
2. 第三方登录：集成微信、支付宝等第三方登录
3. 推荐系统：基于用户行为的商品推荐
4. 数据分析：用户行为分析和销售数据统计

技术扩展

1. 微服务架构：将系统拆分为多个微服务
2. 容器化部署：使用Docker和Kubernetes部署
3. CI/CD流水线：自动化测试和部署
4. 监控告警：系统性能监控和异常告警

技能版本: 1.0.0
最后更新: 2024年1月
适用场景: 企业级电商系统开发、教学演示、个人项目实践