检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节
默认折叠菜单：勾选后，应用中的菜单项将会被折叠显示。 切换菜单时记录浏览器历史：勾选后，切换菜单时会记录在浏览器历史中。 是否全屏：是否全屏显示页面，全屏后会折叠左侧菜单。 隐藏国际化按钮：勾选后，应用左上方的语言选择按钮将会被隐藏。 图3 未勾选效果 禁止应用切换：禁用后，在运行态Portal中，
图标显示字段：开启树形数据时，图标所在位置显示的字段。不配置，就是第一列的字段。 父节点字段：开启树形数据时，关联的父节点字段。 子节点字段：开启树形数据时，关联的子节点字段。 根节点字段值：开启树形数据时，根节点的字段值。不配置默认为空。 子节点缩进：子节点缩进，单位px。 行拖拽：开启树形数据时，是否启用行拖拽，拖拽行可改变数据的父子结构。
此处以设计一个出差审批申请流程为例，更多流程设计的介绍，请参见了解流程设计节点。 在页面上方，选择“流程设计”。 图3 选择流程设计 单击，选择“审批”节点，参考审批配置审批信息。 图4 配置审批 单击，选择“抄送”节点，设置抄送人，单击“保存”。 图5 配置抄送 在页面上方，单击“流程
使用工作流让数据流程高效流转 创建流程表单 了解流程设计节点 编辑流程 修改流程名称和图标 设置流程可见性 删除流程 启停流程 分享流程 复制流程
参数 说明 访问密钥 OBS/MINIO的访问密钥ID，需用户提前获取。 密钥 OBS/MINIO的访问密钥，需用户提前获取。 终端节点 终端节点，如obs.***.example.com。对于minio类型，固定使用平台内部minio endpoint，不需要设置endpoint。
模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义函数 开发者自由定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的更多信息请参考3
服务帮助文档入口。 4 呈现出区域2或最左侧目录中，所选择菜单的开发界面。 当用户在区域4打开的界面较多时，为了方便切换界面，可在区域3中单击“...”从下拉选项中选择界面进行切换。当区域4中无打开菜单界面时，区域3中不显示“...”。 5 此处提供如下功能的快速入口： 页面设置：设置高
单、页签的字体、字号及背景色等。 布局选项：勾选是否启用页签栏、是否默认折叠菜单、是否全屏、是否禁用应用切换（禁用后，在运行态Portal中单击左上角应用图标，不会再弹出切换应用的界面）等。 设置完成后，单击“保存”。 保存成功后，单击“预览”，可预览应用，查看设置效果。 父主题：
件，也可以快速切换组件。例如，在上图的组件导航中单击“页面”，可以直接选中页面上的最外层页面组件。 利用组件树，快速选中组件。 在组件数量比较多，位置较为紧密时，您也单击页面右下角的“组件树”，展开组件树，在组件树中，直接单击标签层级，快速选择组件，也可以快速切换组件。 图6 利用组件树快速选中组件
分段上传 对于较大文件上传，可以切分成段上传。用户可以在如下的应用场景内（但不仅限于此），使用分段上传的模式： 上传超过100MB大小的文件。 网络条件较差，和OBS等存储服务端之间的连接经常断开。 上传前无法确定将要上传文件的大小。 分段上传分为如下3个步骤： 初始化分段上传任务，即创建分段上传任务。
表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。
求，可知需要创建如下模型： 表1 模型分析 模型名称 作用 详细定义 transInfo 保存派单的参数。 自定义模型，包含的计算节点如下，这些节点与派单接口的输入参数名称一一对应。 HW__workOrderId__CST：工单ID HW__assignedFme__CST：下一环节处理人
对接MINIO存储功能 对接对象存储代理 对接Redis实现数据存储 对接CSS提供云搜索服务 对接OCR实现图片上文字识别功能 对接IEF实现边缘节点管理功能 对接华为云ModelArts Pro 对接华为云ModelArts 对接SMN实现短信发送功能 对接MSGSMS实现短信发送功能
表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。
工单：我的工单和新建工单入口。当遇到问题时，请提交工单联系华为云客服为您解答。 中文（简体）：单击可切换语言。 用户名：显示当前登录账号的名称，单击账号名称，选择不同的弹出菜单，可以切换环境、查看系统版本信息、退出系统等操作。 ：服务通知公告/升级公告页面入口。在该页面中，可以查看当
表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。
循环Break、决策Decision和等待Wait。 商业对象：将封装好的BO能力作为服务编排中的一个节点。 连接器：将短信发送、支付等第3方连接器作为当前服务编排中的一个节点。 除了图形化编排，AstroZero也支持服务编排的在线测试验证，以及问题跟踪调试，方便您及时发现并解决问题。
对接对象存储代理兼容实例格式 对接Redis实现AstroZero对象数据缓存能力 对接CSS实现在应用中调用分布式搜索 对接OCR识别图片中文字 对接IEF管理边缘节点 对接ModelArts Pro实现在应用中使用文字识别和自然语言处理能力 对接ModelArt识别图像和文字 对接SMN发送短信 对接Message&SMS发送短信
在高级页面上方的工具栏中，单击（Alt+Shift+W）切换至“电脑端”。单击（Alt+Shift+M）切换至“移动端”，通过切换，对电脑端和移动端，分别进行设计与开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
