男装电商系统

生成完整的男装电商系统项目，技术栈为 SpringBoot3 + Vue3 + MySQL。执行流程：先输出详细技术方案供用户确认，确认后再分模块生成完整的前后端代码。使用场景：当用户需要创建一个完整的男装电商平台，包括商品管理、用户管理、订单管理、购物车、支付集成等功能时使用此技能。

wtbian@wtbian

Install

openclaw skills install @wtbian/mens-fashion-ecommerce

男装电商系统生成技能

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

技能执行流程

第一阶段：技术方案设计

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

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

第二阶段：代码生成

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

后端项目初始化：
- 创建SpringBoot3项目结构
- 配置数据库连接和MyBatis Plus
- 配置Spring Security和JWT认证
- 配置Swagger API文档
数据库设计实现：
- 生成MySQL建表SQL脚本
- 创建实体类（Entity）
- 创建数据访问层（Mapper）
- 创建服务层（Service）
核心模块开发（按顺序）：
- 用户管理模块（注册、登录、个人信息、地址管理）
- 商品管理模块（商品分类、商品详情、商品搜索、商品评价）
- 购物车模块（添加商品、修改数量、删除商品）
- 订单管理模块（创建订单、订单列表、订单详情、订单状态）
- 支付模块（支付接口、支付回调、退款处理）
- 库存管理模块（库存查询、库存预警、库存调整）
- 物流跟踪模块（物流查询、物流状态更新）
- 营销活动模块（优惠券、限时折扣、满减活动）
前端项目开发：
- 创建Vue3项目结构
- 配置路由和状态管理
- 集成Element Plus UI组件库
- 开发各模块对应的页面组件
- 实现API接口调用
系统集成与测试：
- 前后端联调
- 生成部署文档
- 提供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

数据库设计要点

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

参考文件

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

架构设计

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. 后端代码生成

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

2. 前端代码生成

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

3. 数据库设计

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

4. API设计

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

注意事项

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

技能输出示例

技术方案输出示例

text

# 男装电商系统技术方案

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

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

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

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

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

代码生成输出示例