检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero高级页面路由导航和路由视图组件属性 路由导航和路由视图组合使用,可实现路由导航以及展示当前生效路由对应的页面内容(如图1)。一个页面只支持放置一个路由导航和一个路由视图组件。路由导航和路由视图组件的属性和其他组件类似,可参考其他组件进行配置。 图1 页面预览效果 使用预置的路由导航和路由视图组件
_form = _component.getForm()\\r\\n\\r\\n_form.formSave()\\r\\n\"}}],\"graph\":\"\",\"serviceList\":[]}},\"elements\":[]},{\"key\":1535946611880037
行水平位置调整,如图3、图4所示。 图3 居中水平对齐 图4 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后,布局由流式布局切换到弹性布局,弹性布局的相关配置属性在下方出现如“排列方向”、“水平对齐方式”和“垂直对齐方式”,如图5所示。 图5 弹性布局 为了
单击,拖拽轮播组件到右侧画布中。 图3 拖入轮播组件 在轮播组件上,单击右键选择“高级设置”。 单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。 图4 选择轮播设置 图5 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。 图6 选择图片管理
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。
级页面的基本框架。 图7 组件、库、桥接器关系图 组件 组件是可复用的高级页面组成元素,一个高级页面由一个或多个组件搭建而成,可以通过拖拽组件快速搭建高级页面。如果将一个高级页面看成拼图游戏的完整图案,那么组件相当于拼图的每一小块。高级页面与组件的关系,如图8所示,其中Page为高级页面,Widget为高级组件。
移动端视图分别进行设计与开发,这样能更好的自适应电脑端和移动端设备。 下面将为您介绍,如何设置高级页面的电脑端和移动端视图以及如何进行视图切换。 在进行首个高级页面创建时,会进行视图选择。 默认为选择电脑端和手机端两种视图,您也可以根据实际应用场景选择是否取消手机端视图,电脑端视图为必选项,不可取消选择勾选。
单击页面上方的,运行报表。 单击右上角“显示图表”,可以设置报表的展示样式。 您需要在创建报表时设置分组字段(参考6.b),该界面才会有“显示图表”。 图1 设置报表的展示样式 式样与类型:可以为数据选择合适的图表类型,如柱状图、堆叠图、折线图、饼图、仪表图、漏斗图、散点图等,不同的图表有不同的选项,可以在“设置”页签中配置。
应用导航”,单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。 图标:鼠标放在“图标”下的图片上,选择“更改”,上传新图片,可更改应用Logo,同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局:选择“布局”中的样式(“菜单显示为左侧
在页面左下角,选择“配置”,进入应用配置页面。 在“布局与颜色”页签,设置应用布局样式。 主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,
选择终端视图类型,支持电脑端和移动端。 参考统计页面组件介绍,从左侧选择合适的组件类型拖入到中间区域,并设置组件属性。 如图3所示,使用了饼图、柱状图、汇总值组件,并根据表单填报数据配置组件属性。 图3 配置组件 鼠标悬浮在组件上,出现复制组件图标,当页面组件数大于一个时,还会出现删除组件图标。
”。 图1 选择服务编排 设置服务编排的标签和名称,单击“添加”。 图2 添加一个服务编排 在服务编排设计页面左侧,选择“连接器 > Soap服务 > 服务名 ”,拖拽具体的SOAP服务图标至画布中。 图3 拖拽SOAP服务至画布中 设置SOAP Action基本信息。 图4 设置基本信息
> 布局”中,拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中,拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件,在“属性 > 移动端配置”中,将“默认数据条数”设置为“5”,并开启“显示加载文字”和“异步加载”。 图3 移动端设置 为组件绑定数据。
captcha},"login") 拖拽图元到服务编排画布,并配置图元的基本属性。 从图元区分别拖拽脚本(1个)、决策(3个)、赋值(3个)图元到画布中,排列,如图4所示。 图4 拖拽脚本(1个)、决策(3个)、赋值(3个)图元 选中“Script0”图元,在右侧基本信息中,设置“标签”为“查询用户”。
"login") 拖拽图元到服务编排画布,并配置图元的基本属性。 从图元区分别拖拽脚本(1个)、决策(3个)、赋值(3个)图元到画布中,图元排列如下图所示。 图7 图元排列 选中“Script0”图元,在右侧基本信息中,设置“标签”为“查询用户”。 参考上一步,设置其他图元的“标签”属性,具体值如下表所示。
”和“柱状图和折线图数据桥接器”的“packageinfo.json”文件中model值同样为“SingleRepireDataViewModel”。 图2 组件中model值 图3 桥接器包中model值 父主题: 应用前端开发
迟时间(如图1),在规定的时间内提交表单时,提示“Submission failed: Not PortalUser!”(如图2);超出规定的时间,则提示“Submission failed: Submitted too late”(如图3)。 图1 通过脚本限定 图2 非业务用户无法提交
删除统计页面 删除统计页面会将图表数据永久删除,不可恢复,请谨慎操作。 删除统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“删除”。
加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。 定位标志:设置分页图标样式。 图片管理:对图片进行管理,并支持为图片配置跳转链接。 单击“添加”,在“选择图片/视频”页面,单击目录后的和,可管理图片目录。单击“上传图片/视频”,可上传图片。
入第三方库。 流程图 流程图组件为BPM流程使用的流程图组件,根据当前BPM流程信息显示流程图。 图5 组件效果图 在标准页面设计界面,从“基本组件 > 流程”中,拖拽“流程图”组件至页面工作区域,如图6。 图6 流程图 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和