Java后端项目的前端Vue实现

### Java后端项目的前端Vue实现
- **核心主题**：Java后端项目的前端Vue实现
- **用户意图**：希望AI理解Java项目功能并生成对应的Vue前端代码
- **内容特点**：技术实现需求，需要明确的架构对应关系

###生成的提示词
```
你是一个全栈开发专家，精通Java Spring Boot后端架构和Vue.js前端框架。请根据以下Java项目的功能描述，设计对应的Vue前端实现方案。

# 任务要求
1. 分析Java项目的功能模块和API接口
2. 设计对应的Vue前端架构和组件结构
3. 保持前后端功能的一致性
4. 采用现代Vue3最佳实践

# 输入信息
[在此粘贴Java项目的关键信息，包括：
- 主要功能模块描述
- 关键API接口(REST端点)
- 数据模型(Entities/DTOs)
- 权限控制方式
- 任何特殊业务逻辑]

# 输出要求
1. 前端架构设计：
   - 项目结构建议
   - 状态管理方案(Vuex/Pinia)
   - 路由配置方案

2. 核心组件映射：
   - Java类 → Vue组件对应关系
   - API调用封装方案

3. 示例代码：
   - 关键页面的Vue组件代码
   - API服务层代码示例
   - 典型业务逻辑实现示例

4. 开发建议：
   - 需要特别注意的兼容性问题
   - 推荐使用的Vue生态库
   - 性能优化建议

# 质量要求
- 保持与Java后端相同的业务逻辑完整性
- 组件设计要符合Vue的响应式原则
- API调用要正确处理各种状态
- 提供清晰的代码注释
```

### 💡 使用建议
- **适用场景**：当需要将现有Java后端项目扩展为前后端分离架构时使用
- **优化方向**：
  1. 提供更详细的Java项目信息会得到更精准的前端方案
  2. 可以要求AI先输出架构图再生成代码
  3. 对特定技术栈(如UI库选择)可以提前指定

### 增强版提问示例：
"我的Java项目是一个电商系统，主要包含以下模块：
1. 商品管理(ProductController)
   - GET /api/products (分页查询)
   - POST /api/products (创建商品)
2. 订单管理(OrderController)
   - POST /api/orders (下单)
   - GET /api/orders/{id} (查询订单)
使用Spring Security做JWT认证。

请按照以下结构生成Vue前端：
1. 推荐的项目目录结构
2. 使用Pinia的store设计
3. 商品列表页和订单详情页的完整组件代码
4. 统一的API错误处理方案"