前端开发

引言

依据前后端设计阶段输出的前端页面设计文档，严格执行前端代码的开发与落地，实现高保真的用户界面与交互逻辑。

前端开发

前端开发依赖前后端设计产出的相关文档，如工作区上下文、技术栈决策、数据库设计、接口设计、技术需求覆盖、后端设计规范基线等，如果没有，则需要先通过前后端设计产出后才能执行前端的开发。

1. 在“添加指令”中，选择“/前端开发”。

2. 然后输入描述:帮我完成图书管理系统的前端页面开发。

3. 模型会读取上游“/前后端设计”所产出的前端相关的文件内容，如有内容缺失，则需要您根据提示进行补齐。当前提示需要回到上游阶段补齐文件后才能实行前端开发。

4. 选择“/前后端设计”指令，在描述中，让模型补齐这些内容。因为当前项目为纯后端项目，暂无前端的工程，所以需要补齐前端相关的文档后才能实行开发。

5. 补齐所有内容后，重新选择“/前端开发”，然后输入描述:帮我完成图书管理系统的前端页面开发，模型开始根据文档进行开发。

6. 所有内容开发完成，您可以根据前端项目路径，查看前端代码。

7. 打开idea的命令终端，切换目录到前端路径：cd F:\localhost\test082502\JavaProject\frontend，然后输入安装命令：npm install

8. 最后输入启动命令：npm run dev

9. 浏览器会自动访问前端路径，显示前端页面，待后端服务启动后。即可进行联调。