产品更新 / 产品导读

自定义代码控件新增 AI 代码编辑器

在表单或页面中描述控件需求,生成并预览代码,再按实际字段和交互修改。

易企办·

用 AI 编写控件代码。描述需求、生成预览、继续修改。

本文由国际版原文本地化,文末提供原文链接。涉及的能力以易企办中国版租户和权限为准。

自定义代码控件新增了 AI 代码编辑器。可以在表单或自定义页面里使用代码构建界面,并通过自然语言生成、预览和修改代码。

在表单或页面内加入自定义界面

在支持的设计器中添加自定义代码控件。团队可以用它展示带卡片、表格和图表的仪表盘,也可以基于数据列表制作日历,或实现随输入变化的界面及业务逻辑。

在编辑器中描述、预览和修改

  1. 用自然语言说明控件要解决的问题,以及用户的操作步骤和预期结果。
  2. 生成代码后在编辑器中预览界面与交互。
  3. 如果结果与需求有差异,继续说明具体修改,也可以直接调整 JavaScript 代码。
  4. 在目标表单或页面中用测试数据核对显示、输入与操作权限,再按应用的发布流程处理。
从描述到界面预览。描述需求、生成代码、预览修改。
在同一编辑器中检查生成结果。

给控件配置输入数据

在控件设置里定义输入参数,将表单字段、列表值或其他动态数据映射为代码输入。比如日历需要记录的标题和日期,仪表盘可能需要状态、金额或筛选条件。字段类型和缺值处理也应与实际页面的数据一致。

把表单数据传给控件。来源、映射、呈现。
先明确字段与参数的对应关系。

业务人员可以先用自然语言生成界面原型,开发者可以接着审核代码、补充逻辑并测试边界。预览通过后,用不同角色和具有代表性的记录测试实际配置。

可以参照易企办自定义代码开发文档与自定义代码控件模板。原版更新也提供了自定义代码仓库。

查看原始文章

返回产品更新