检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择页面布局 选择终端视图类型,当前支持电脑端或移动端。 参考零码组件介绍和图2,根据字段类型从左侧选择合适的组件类型拖入到中间区域,在右侧属性面板中设置组件属性。 图2 设计表单 设计完成后,单击页面右上方的“保存”,保存表单。 设计流程。 此处以设计一个出差审批申请流程为例,更多流程设计的介绍,请参见了解流程设计节点。
见如何自定义桥接器。 若数据类型为动态数据,您需要参考服务编排或脚本开发和API接口中相关内容,开发好后台逻辑,并将获取的URL配置到数据面板的URL输入框,并且后台逻辑返回数据的结构需跟静态数据编辑器中显示的数据结构相同。 URL:桥接器通过动态调用后台的服务编排或脚本,来获取
除”,如果误删其他组件,在页面上单击返回按钮即可。 图11 工具栏中需要删除的按钮 图12 选中待删除按钮 选中“新增行”按钮,在右侧属性面板中,修改“显示名称”为“新增用户”。 单击页面上方的,保存设置。 创建查询条件区域。 选中“表格”,单击右侧“属性”页签“表格区块”中“查询”后的“添加”按钮。
设置表单终端显示方式,支持PC端和手机端。 3 表单组件区,分为数据组件和通用组件。各组件详细介绍,请参见零码组件介绍。 4 表单设计区。 5 组件的属性面板。 6 表单属性设置,请参见设置表单和设置表单可见权限。 设计表单。 表单由文本框、单选、多选和下拉列表等组件构成,用于用户填报提交数据,
具,可以通过模板化、图形化实现对商业流业务流程的编排和执行。 了解BPM设计界面 图1 BPM设计界面 整体编辑器页面由上方按钮区域、左侧面板图元区域、中间画布工作区域、右侧属性配置区域四部分组成。 表1 BPM设计界面说明 编号区域名称 功能说明 1 功能按钮区域,包括锁定、解
控件名称:当前组件的名称。 隐藏:预览标准页面时,是否隐藏表单组件。 禁用:是否禁用该组件。 只读:值是否只读。 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:对页面CSS属性进行直接配置,如设置组件的宽度、高度等。您也可以在“高级设置”中,直接编写CSS代码进行更深度的个性化布局定制。
返回选择模型页面,勾选创建好的元数据模型,单击“确定”。 绑定对象模型后,显示如下图所示。如果需要在每行添加行序号,可在表格的“扩展属性”中打开“行号”。 图4 绑定数据模型后的结果列 选中上图中“已添加列”中的任意一项,单击,调整列的显示顺序。 单击上图中每个字段后的,修改列标题、是否隐藏、是否可编辑等字段属性。
拖拽1个“分栏”到“表单”。 修改“分栏”为1栏(1行1列)。 图2 设置分栏为1行1列 拖拽1个“下拉框”到分栏的“栏”中,然后选中下拉框,在右侧属性面板中,对下拉框进行以下配置。 添加值绑定。 单击“数据绑定”下“值绑定”的,在弹窗中选择“ statusInfo”下的“HW__status__CST”字段。
在左侧导航栏中,单击“新建”,选择“新建外部链接”。 设置外部链接信息。 图1 新建外部链接 页面名称:设置页面名称。 URL:输入外部页面链接地址。 打开方式-新页面打开:勾选后,在新页面打开。 隐藏PC端:在PC端隐藏该外部链接。 隐藏移动端:在移动端隐藏该外部链接。 设置完成后,单击“确定”。 在左侧表单列
单击,保存高级页面,保存成功后单击,发布高级页面。 发布成功后,单击,预览效果。 切换环境语言,在不同语种下,在页面中选中Widget,会在右侧显示该组件的属性配置面板,查看组件属性是否符合预期。 父主题: 高级页面专项
onitor预览页面已打开。详情操作,请参见方法一:直接触发事件验证。 方法二:服务编排触发事件验证。使用该方法前,请确保WebSocketAlarmEvent事件已启用,WebSocketAlarmFlow告警服务编排已激活,且monitor预览页面已打开。详情操作,请参见方法二:服务编排触发事件验证。
图3 组件的帮助图标 在“设计视图”中,选中某个组件,在右侧“属性”页签,可设置该组件的绑定数据、样式等属性,如图4所示。 图4 组件属性面板 在“设计视图”中,选中某个组件,在右侧“事件”页签,可设置组件的关联事件。例如,选择一个“按钮”,在按钮的“点击”事件中,添加相应的事件
选择页面设置 选择“资源”页签,在不需要加载的库资源所在行,单击,将“开发页面不加载”开关打开。 请确认不影响开发页面的功能后,再打开“开发页面不加载”,便于减少在开发时的资源加载。 图2 打开所需开关 父主题: 应用前端开发
+”,新建一个高级页面。 在设计页面左上方单击,从“自定义”组件中拖拽3中的组件至右侧空白页面。 选中该组件,会在右侧显示该组件的属性配置面板。 在“属性”页签下,“自定义属性列表”区域中可看到自定义的三个属性,根据需要进行修改。 图6 编辑该Widget属性 父主题: 高级页面专项
字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 禁用:是否禁用该组件。 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。
定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。
在“内置动作”中,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图1 打开页面 目标页面:设置待打开的目标页面。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 重新加载当前页面:加载刷新当前的页面。 打开方式:设置目标页面的打开方式,如在新标签页中打开或在当前窗口打开。
压缩宽度(px):指定图片压缩的宽度。当“图片压缩”开关打开时,该参数才会显示。 压缩高度(px):指定图片压缩的高度。当“图片压缩”开关打开时,该参数才会显示。 图片压缩至指定大小(kb):将图片压缩至指定的大小以下。当“图片压缩”开关打开时,该参数才会显示。 公开读:文件的访问控制权限
onitor预览页面已打开。详情操作,请参见方法一:直接触发事件验证。 方法二:服务编排触发事件验证。使用该方法前,请确保WebSocketAlarmEvent事件已启用,WebSocketAlarmFlow告警服务编排已激活,且monitor预览页面已打开。详情操作,请参见方法二:服务编排触发事件验证。
单击脚本后的,新建一个脚本,单击“添加”。 “名称”设置为“CalScript”,“模板”请选择“示例服务脚本”。 图3 新建示例脚本 调试脚本。 在上方工具栏中,单击,打开调试台。在“输入参数”中,输入如下示例脚本: { "op": "+", "value1": 1, "value2":