检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“更多”中,选择“模板”,单击“添加模板场景”。 图1 选择添加模板场景 输入模板的标签和名称,单击“确定”。 图2 新建模板场景 表1 新建模板场景参数说明 参数 说明 标签 新建模板场景的标签名,用于在页面展示。 取值范围:1~64个字符。 名称 输入模板场景的名称,名称是模
输入应用的标签和名称,单击“新建”,即可进入应用设计器。 图2 创建一个空白应用 表1 新建空白应用参数说明 参数 说明 示例 标签 新建应用的标签,长度不能超过80个字符。标签是应用在系统中的唯一标识,创建后不支持修改。 我的第一个应用 名称 新建应用的名称,输入标签值后单击该
设置完成后,单击“确定”。 基本属性 基本属性通过数据绑定后,在运行时以数据绑定的值为准。 标签:设置组件的标签名,用于在界面展示。 文本:上传按钮上,显示的文本。 图4 设置后效果 默认已上传的文件列表:默认已上传的文件列表。 存储:上传文件的存储类型,单击该参数后的,可进行配置。
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
的资源(例如脚本、服务编排、对象),不允许跨应用调用资源。 若老版本中创建的服务编排、BPM流程编排调用了不同应用下的资源,不会影响运行态效果,在开发环境的服务编排、BPM流程编排中无法编辑其调用的资源。 问题描述示例中,如果需要编辑“命名空间__FlowB”出参入参,处理思路为
本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。参考消费者业务网站(如图1所示),页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中,通过两个组件(标签页组件、信息展示
左侧显示的文件夹是对报表进行归类管理的文件夹。通过文件夹分类,可以快速找到所需要的报表。 图2 选择报表 设置仪表板标签、名称和文件夹,单击“保存”。 图3 仪表板基本信息 标签:仪表板在界面显示的名称。 名称:仪表板的名称,是仪表板在系统中的唯一标识。 文件夹:选择仪表板所属的分类,通过文件夹可对仪表板进行归类管理。
页面发布成功后,单击,进入预览页面,查看页面效果。 新增了路由页面3,结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由,即实现如图10所示页面效果。需要在第一级路由导航js文件的路由参数中,使用children配置。 图10 嵌套路由页面效果 参考基于预置组件进行自定
图5 编辑组件的关联事件 利用组件导航,快速选中组件。 当选中某个组件时,页面上方会在组件导航上显示组件的html标签层级。当组件数量比较多,位置较为紧密时,可以直接单击标签层级,快速选择组件,也可以快速切换组件。例如,单击图5组件导航中的“页面”,可直接选中页面上的最外层页面组件。
什么是高级页面 高级页面是由一个或者多个组件拼装而成。高级页面可以使用组件进行组装和配置,方便用户达到自己想要的效果。高级页面支持多种框架,支持代码开发,比较自由,多用于对页面效果要求高的场景。 高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您
优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑
thisObj:当前组件实例对象,指为该组件注册事件。 "eventName":事件名称,应该与触发事件API中的第一个参数保持一致。 "Event Label":事件标签名,在事件列表中展示的事件标题。 []:定义该事件触发时传递的参数模型,例如[{"name": "param"}] 。 thisObj.triggerEvent(
统计数据。 外观 大小:设置图表的大小。 样式:选择图表的样式。 横轴标签 标签换行:横轴标签字数过多时是否换行。 单行最多字数:横轴标签字数过多时单行最多字数,没有设置换行多余字数会省略。 标签旋转角度:标签旋转角度设置。 纵轴范围 最小值:设置纵坐标的最小值,默认为自动。 最大值:设置纵坐标的最大值,默认为自动。
件夹上),单击 “+”,选择“对象”。 设置对象的标签和名称为“Respirator”,单击“添加”。 图2 添加Respirator对象 在“自定义字段”页签,单击“新建”。 字段类型选择“文本”,单击“下一步”。 设置字段标签和名称为“status”,“数据长度”设置为“255”,单击“下一步”。
单击画布上方的保存按钮,然后单击预览按钮,预览效果如下所示。 单击关闭搜索,页面上方的搜索栏会隐藏,如图29关闭搜索效果所示。 图31 关闭搜索效果 单击显示搜索,页面上方的搜索栏会重新显示,如图30显示搜索效果所示。 图32 显示搜索效果 父主题: 标准页面
继承创建基础服务编排时配置的类型,不可更改。 展示标签 服务编排实例的展示标签,系统自动填充为“标签值{!$Flow.CurrentDateTime}”。设置后,单击服务编排设计页面的空白处,再单击,在“基本信息”中可查看到设置的标签。 描述 根据实际需求,输入新版本服务编排的描述信息。
roma_topic_prefix}other_roma_topic。 标签 设置订阅消息的标签,可以指定消费某一类型的消息。 默认“*”,表示消费所有类型的消息,可以写多个,用“||”隔开,例如“tag1 || tag2 || tag3”。 通道加密 数据是否加密。若勾选,表示MQS数据传输采用TLS协议。
基本属性:基本属性通过数据绑定后,在运行时以数据绑定的值为准。 文本类型:设置文本类型,如输入框、密码。 标签:输入框在界面的展示标签名,必须是输入框存在于某个表单组件中,该标签设置才生效。 占位符:设置占位符,可辅助元素对齐,让页面更整齐。 可清空:是否可清空输入值。 默认值:输入框默认值。
如果未创建高级页面目录,请直接单击高级页面后的,进入添加高级页面。 设置高级页面的基本信息,单击“添加”。 图1 新建高级页面 表1 高级页面参数说明 参数 说明 标签 输入高级页面的标签名,用于在页面显示,创建后可修改。 取值范围:1~100个字符。 名称 输入高级页面的名称,名称是高级页面在系统中的唯一标识,创建后不可修改。命名要求如下:
弹性布局:是否开启弹性布局。开启后,可以简便、完整、响应式的实现各种页面布局。 列数:设置表单的列数。开启弹性布局时,才显示该配置。 标签对齐方式:设置标签对齐方式,如左对齐、右对齐和上侧对齐。 动态表单数据:请输入JSON格式的选项内容。 公共 控件名称:当前组件的名称。 隐藏:是否