Skip to content

代码生成与菜单

这一节说明如何让 Agent 根据数据集、SQL 或页面需求生成前端调用代码,并把页面入口、菜单和线上资源对齐。你不需要手动拼生成或同步命令;把要接入的业务能力、目标文件和验收方式说清楚即可。

适合交给 Agent 的任务

  • 根据数据集操作生成 TypeScript 调用片段。
  • 根据已保存 SQL 生成前端或 BFF 内部调用片段。
  • 把生成的调用代码放进指定文件或页面。
  • 检查本地页面是否已经出现在平台菜单中。
  • 更新线上菜单引用的 JS / CSS 资源地址。

准备工作

  • 已经知道要调用的数据集操作、SQL 名称或页面功能。
  • 明确代码要放到哪个目录、文件或组件里。
  • 如果涉及线上菜单或资源更新,要求 Agent 先预览影响范围。

常用 Prompt

生成数据集调用片段

text
请根据「客户」数据集的「列表查询」生成 TypeScript 调用片段。
调用场景是:客户列表页按客户等级、负责人和最近跟进时间筛选客户。
请先确认入参和返回字段,再把代码放到「src/pages/customer/CustomerList.tsx」。
不要改无关业务逻辑,完成后告诉我如何验证。

AI 可能调用:rabetbase api pullrabetbase dataset operationsrabetbase codegen sdk

生成 SQL 调用片段

text
请根据已保存的「客户活跃度统计」生成调用代码。
目标调用方是「前端页面 / BFF 脚本」。
请说明需要传哪些参数、返回哪些字段,并把代码放到「src/pages/customer/CustomerDashboard.tsx」。

AI 可能调用:rabetbase sql detailrabetbase codegen sql

接入到页面中

text
请把「客户活跃度统计 SQL」的调用接入到「客户列表页顶部统计区」里。
页面需要展示高价值客户数、沉默客户数、待跟进客户数,筛选条件包括负责人、客户等级和统计时间范围。
请保持现有交互不变,只补齐数据获取和错误处理。

AI 可能调用:rabetbase dataset operationsrabetbase sql detailrabetbase codegen sdkrabetbase codegen sql

同步页面菜单

text
我新增了页面「客户列表页 /crm/customers」。
请检查它是否已经出现在平台菜单中。
如果没有,请先预览将新增或调整的菜单项,确认无误后再同步。

AI 可能调用:rabetbase menu sync

更新线上资源引用

text
本次客户列表页构建产物地址是:
JS:https://cdn.example.com/crm/customers/index.js
CSS:https://cdn.example.com/crm/customers/index.css
请帮我更新平台菜单引用的线上资源,并只影响「客户列表页」菜单项。
执行前先预览会影响哪些菜单,执行后告诉我更新结果和验证入口。

AI 可能调用:rabetbase menu update

写 Prompt 时要补充的信息

  • 调用来源:数据集操作、已保存 SQL,或已有 BFF。
  • 目标位置:文件路径、组件名、页面路由或菜单名称。
  • 交互要求:筛选、分页、空态、错误提示、加载状态。
  • 发布约束:先预览菜单变化、只更新资源、不覆盖业务扩展配置。

完成检查

  • 生成的代码已放到指定位置,并能被项目引用。
  • 入参、返回字段和错误处理已经说明清楚。
  • 菜单同步或资源更新前已经预览影响范围。
  • 页面可以打开,数据能正常展示或有明确的下一步验证方式。

下一步:如果调用所需的数据结构还不清楚,回到「API 与数据集:拉配置、看清数据」;如果查询还没有沉淀成平台 SQL,先看「自定义 SQL:从写到执行」。

基于飞书知识库同步生成,内容以飞书源文档为准