项目名称: "学员端页面实现" 描述: 实现学员端的功能页面,包括学员信息,课程列表、学习资料、作业管理、消息中心、订单管理、个人中心。其中个人中心和首页是两个底部导航栏的页面。 首页页面:包括以上操作按钮,每个按钮对应一个页面。 个人中心页面:包括用户信息、订单管理、消息中心、作业管理、学习资料、课程列表、个人中心。 ## 核心原则 1. **上下文为王**: 包含所有必要的文档、示例和注意事项 2. **验证循环**: 提供可执行的测试/代码检查,AI可以运行并修复 3. **信息密集**: 使用代码库中的关键词和模式 4. **渐进式成功**: 从简单开始,验证,然后增强 5. **全局规则**: 确保遵循CLAUDE.md中的所有规则 --- ## 目标 新增页面、在接口方法中新增通过环境变量来控制的 mock 数据,默认是开启,然后正常的渲染和功能交互 ## 为什么 - **开发效率**: 实施Mock数据策略,让前端开发不依赖后端 - **跨平台一致性**: 确保API响应、数据结构和Mock数据在三个平台间保持同步 ## 目的 对多平台教育管理系统进行全面重构,包括Vue3迁移、Mock数据策略和基于Docker的开发环境。 ## 需要避免的反模式 - ❌ 不要在Vue3/Element Plus/Pinia已安装时创建新模式 - ❌ 不要跳过TypeScript集成 - 它已经配置好了 - ❌ 不要忽略现有的Docker基础设施 - 使用start.sh - ❌ 不要更改PHP响应结构 - 将Mock与现有API对齐 - ❌ 不要破坏UniApp跨平台兼容性 - ❌ 不要忽略CLAUDE.md项目意识规则 - ❌ 不要重复创建依赖 - admin已经有Vue3技术栈 - ❌ 不要混合Vuex和Pinia - 完成完整迁移