文生页面

用自然语言生成 React 自定义页面 —— 当你已经知道想看什么、想操作什么，但不想先画原型或配置字段时，可以直接用自然语言描述页面需求。

🎬 视频准备中：[终稿]react-jsx自定义页面开发.mp4

如何使用？

方式一：描述页面目标

进入应用，直接在 AI 对话框中描述想要实现的页面需求，例如：

做一个给运营用的页面：筛选近 30 天退款订单，按原因分组，支持导出，并能查看订单明细。

Lovrabet 会基于已有数据集理解业务对象、字段关系和权限边界，生成可用页面，而不是只画一个静态原型。

<grid> <column width-ratio="0.475321"> </column> <column width-ratio="0.524679"> </column> </grid>

方式二：带图说需求

如果你有旧系统截图、手绘草图、Excel 样表或白板流程，可以把图片一起交给 Agent，让它更准确理解字段、流程和布局预期。

方式三：逐轮补充页面能力

第一次生成后，可以继续补充：

• 增加筛选条件
• 增加导出、批量操作
• 调整字段显示顺序
• 接入已有 SQL / BFF 逻辑
• ……

如需手工修改，请参考文档 自定义页面手工编辑

发布页面

• AI 创建或修改完的页面，并不会直接发布到线上（运行态系统用户使用）；
• 研发态调试完毕后，需要点击**「发布」**才会真正生效到线上。

FAQ

文生页面是不是 Lovrabet 的主定位？

不是。文生页面是业务结果的承载方式之一；Lovrabet 的核心仍是业务模型、运行态执行、经验沉淀和复用。