检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
基础布局设置：适合对CSS与HTML不是非常了解的用户，通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局：适合使用标准页面在不同大小屏幕（PC、平板、手机等）下呈现出开发者想要的显示效果场景。 高级布局设置：针对有丰富前端开发经验的用户，通过“样式”面板对页面进行更深度的个性化布局定制。 基础布局设置
计器。 选中对象图元，在右侧属性面板中，单击“生成页面”。 图1 生成页面 在生成页面中，选中“生成新页面 > 列表页”（默认同时创建导航菜单，如不需要可取消勾选），单击“确定”。 图2 生成列表页 生成列表页后，单击页面上方提示信息中的“立即打开”，即可跳转到生成的列表页面。
您还可以根据需要，修改边距等其他样式，使其更美观。 展开组件树，将鼠标放在折叠面板上，单击右键选择“复制”，再单击右键选择2次“粘贴”，在折叠面板之后，添加2个同样的折叠面板。 图11 粘贴后的折叠面板 分别设置第二、第三个折叠面板的“折叠页签标题”为“设备信息”、“其他信息”。 图12 修改折叠页标题
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后，选中该组件，会在右侧显示该组件的属性配置面板。在属性配置面板中，可以对该组件在页面显示属性风格进行配置，使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明，在标准页面设计界面左侧组件区域，将鼠标
添加标准页面 选中“页面”标签，在右侧配置面板“样式 > 布局”下，为页面左右各设置“15%”和“18%”的内边距。 图4 页面设置内边距 拖拽“表单”组件到中间面板，并做如下操作。 在“基本组件 > 布局”中，拖拽“表单”组件到中间面板中。 图5 添加“表单”组件 在右侧弹出的
高级页面”。 “页面类型”选择“自定义页面地址”时，请直接输入需要跳转的页面地址。 打开新页面：是否在新页面，打开目标页面。 设置完成后，单击“确定”，将自动生成转跳代码至剪切板，只需要粘贴到面板即可。 图4 页面转跳代码示例 您也可以不使用平台内置的快捷代码生成功能，在需要的位置调用平台内置“api：context
息，查看所有工单的列表页面。 学习地图 如图1所示，通过本章的学习和实践，您将进一步了解“标准页面”的能力，包括： 拼装复杂页面 了解折叠面板 学习表格：自定义某查询结果字段的显示内容 动态加载页面内容 了解在事件中调用脚本的API 图1 学习地图 父主题： 开发“客服人员创建工单”功能
回退、撤销回退等，支持快捷键操作，即可脱离鼠标直接用键盘操作。 服务编排启用后，单击页面右上角的，可查看该组件的调用关系图。 图元面板区域 图元面板区域呈现服务编排编辑器的图元算子。服务编排编辑器以图元算子为基础，可直接将图元算子拖入画布区域进行逻辑编排。图元算子包括如下五类：
单击链接，可下载样例包。 图1 目录格式 组件描述文件。 组件描述文件test-project.json是自定义组件配置面板的规格文件，用于校验和辅助编写自定义组件配置面板json文件。该文件编写需遵循JSON Schema规范，以便于与主流的编辑器（vscode、atom、sublime
图1所示，“Type”字段的值来源于“Mode”，这两个字段就可以认为是父（Type）子（Mode）关系。基于上述前提，就可以在表格的属性面板中绑定上述模型，开启“树形数据”开关，然后配置“Type”为父字段，“Mode”为子字段。 图1 数据源（存在父子关系的字段） 图2 树形数据
整个表单，类似于日常发送邮件前，会写上邮件的标题，让收件人对邮件内容一目了然，数据标题也起到同样的作用。 下面以员工订餐场景为例，希望员工打开问卷选择用餐时，可自动带出餐品及价格。订餐应用包括员工点餐收集、菜品信息和安全员信息三个表单，员工点餐收集表单用于给用户进行填报，菜品信息
修改按钮属性，如图5所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图6所示。 图6 新增库 在弹出的新增库页面中，搜索刚上传的库文件“fetch”，选择该库文件，单击“确定”。 图7 选择库 在组件的右侧面板中，可以看到已新增成功的库文件，如图8所示。 图8 查看库
按钮组件所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图7新增库所示。 图6 新增库 在弹出的新增库页面中，搜索刚上传的库文件“fetch”，选择该库文件，单击“确定”，如图8选择库所示。 图7 选择库 在组件的右侧面板中，可以看到已新增成功的库文件，如图9查看库所示。
默认独占一行）。 分栏：容器组件，相当于行，内部支持分为多栏（列）。通过该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其他组件。 折叠面板：用于对页面的某些区域进行折叠和展开。 页签：选项卡切换组件，通常用于平级区域大块内容的收纳和展示。 列表视图：用于灵活组合列表项的内容，并且根据实例化数据动态展示。
报页。 图1 创建表单填报页 在右侧“属性面板”中，可设置填报页标题内容、大小、位置、颜色等参数。 图2 设置标题 单击最右侧的“填报设置”，进行表单填报特性。 图3 设置填报特性 应用导航：开启后，该填报页可通过应用首页的导航菜单打开。 开启/停止填报：开启后，可设置该填报页的
回退、撤销回退等，支持快捷键操作，即可脱离鼠标直接用键盘操作。 服务编排启用后，单击页面右上角的，可查看该组件的调用关系图。 图元面板区域 图元面板区域呈现服务编排编辑器的图元算子。服务编排编辑器以图元算子为基础，可直接将图元算子拖入画布区域进行逻辑编排。图元算子包括如下五类：
内容请参见如何获取后台数据。 选中“按钮”组件，在按钮组件的事件配置面板，为按钮组件添加“点击”事件。 图6 为“按钮”组件添加“点击”事件 在弹出的编辑面板，单击左侧“设置模型实例数据”，将代码粘贴到编辑面板。将模型名称替换为待修改的模型“modalShow”，值设置为“true”。
参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。
页面和组件属性设置区域，在该区域可以对组件属性、事件进行设置，也可以加载第三方库以完成对组件的应用。该区域由以下三个页签组成： 属性：组件的属性展示区域，可在属性面板修改组件属性使页面达到预期效果。在工作区域“设计视图”下选中组件，键盘上按Tab键，可在“属性”页签中切换属性参数项，按Enter键可设置属性值。
的“添加工作流”中，设置BPM的标签和名称后，单击“添加”，即可进入BPM设计界面。 图1 创建BPM BPM设计界面由上方按钮区域、左侧面板图元区域、中间画布工作区域和右侧属性配置区域四部分组成。 图2 BPM设计界面 表1 BPM设计界面说明 序号 分类 功能说明 1 按钮区域
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
