SuperAPI AI 工具集

ui-builder-patterns

通用与其它

查看项目

更新于 10-16 01:49

技能介绍

用途:为 ServiceNow UI Builder(Next Experience)页面开发提供结构化模式参考,帮助组织页面层级、数据获取与组件通信。

主要能力:介绍 UI Builder 架构(UX 应用→App Shell→页面→变体→macroponent→组件→元素);数据代理类型(GraphQL 表查询、Script 复杂逻辑、REST 外部 API、Transform 数据转换);客户端状态参数定义与在组件中的绑定(如 @state.filterQuery);事件与处理器(NOW_RECORD_LIST#RECORD_SELECTED、NOW_BUTTON#CLICKED、NOW_DROPDOWN#SELECTED、自定义事件),支持 UPDATE_CLIENT_STATE、REFRESH_DATA_BROKER、DISPATCH_EVENT 等动作;常用组件(now-record-list、now-record-form、now-button、now-card、now-tabs、now-modal)及配置;macroponent 属性定义与复用;MCP 工具(snow_uib_page_manage、snow_create_uib_data_broker、snow_create_uib_client_state、snow_create_uib_event、snow_create_complete_workspace、snow_record_manage)。

使用方式:按页面结构定义变体、数据代理、客户端状态与事件,再配置组件属性并绑定状态;可通过 MCP 工具以代码方式创建工作区、数据代理、组件与事件。

适用场景:构建 IT 支持等工作区、列表与表单页面、可复用卡片式 macroponent。

限制:资料未提供具体版本要求、许可、价格或性能数据;Script 数据代理示例为 ES5;部署前需人工核对页面布局与绑定。