AI编程工具写前后端,如何让它们能联调通过?提示词需要注意哪些

请严格根据我上传的产品原型图XXX，做完整业务拆解，只产出标准化接口文档，不要写任何代码。要求如下：1. 梳理所有页面、弹窗、表格、搜索栏、新增/编辑/删除/查询/下拉字典等全部交互动作；2. 为每一个交互动作生成独立REST接口，统一接口前缀 /api；3. 明确每个接口：请求地址、请求方式GET/POST/PUT/DELETE、业务说明；4. 每个接口附带标准JSON：请求入参、响应出参，标注字段类型、是否必填、字段释义；5. 统一规范：- 全部字段使用小驼峰命名；- 后端固定全局返回体：{"code":200,"data":{},"msg":"文字提示"}；- 整理全部业务枚举、状态码、字典项（如启用/禁用、男女、订单状态）；6. 结构清晰，分模块展示，方便直接复制给前端、后端AI分别开发使用。

参照：1.我上传的原型图XXX 2.完整接口文档XXX，进行前端开发技术栈：Vue3 + Vite + Element Plus + 组合式API + Axios强制约束：1. 严格对齐接口文档：请求地址、请求方式、入参出参字段1:1不改动；2. 全局封装Axios，配置/api本地代理、请求头预留Token、响应拦截统一处理code；3. 页面布局、样式、交互完全还原原型图；4. 控制台打印完整请求与响应信息，方便联调；5. 空数据、异常场景、表单校验做兼容，代码可直接运行。

参照完整接口文档XXX进行后端接口开发技术栈：springboot3+mybatis-plus+redis+satoken，数据库 mysql5.8，jdk版本为21强制约束：1. 接口路由、请求方式、入参出参结构严格和文档一致；2. 全局开启CORS跨域、统一/api前缀、JSON参数接收；3. 强制使用固定返回体：code、data、msg 结构；4. 编写模拟假数据，无需数据库即可启动运行；5. 打印请求参数与响应日志，方便前后端联调排错；6. 分层规范，代码可直接启动无报错。

参照我上传的原型图XXX，一次性完成前后端开发：前端：Vue3 + Vite + Element Plus，组合式API，封装axios，自带/api代理后端：SpringBoot，全局跨域、统一返回体、模拟假数据要求：1. 前后端接口路径、字段、数据结构完全一致2. 所有接口REST风格，统一/api前缀3. 后端打印请求日志，前端打印请求响应4. 统一使用小驼峰、统一返回体 {code,data,msg}5. 写完可分别独立运行，支持本地直接联调

• 字段：统一小驼峰；
• 响应：固定 code/data/msg；
• 后端：全局 CORS；
• 前端：统一请求拦截、代理转发。