检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
如何获取后台数据 使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。
什么是原生服务 原生服务(Native Service)是指用户自主选择编程语言和开发工具开发的软件系统,该软件系统运行于AstroZero平台之外,并面向AstroZero中的应用提供API编程接口,开发者可以基于这些接口进行二次开发,从而构建复杂的行业应用。 AstroZer
为AstroZero高级页面添加组件 高级页面组件分类 高级页面支持的组件类型,以及每个类型下所包含的具体组件,如表1所示。通过该表,可帮助您快速了解各组件的位置分类,更加高效的开发高级页面。当预置组件不满足需求时,还可以自定义组件并上传到高级页面中使用,详情请参见为AstroZero高级页面添加自定义组件。
如何引入第三方库 使用说明 在高级页面组件开发过程中,低代码平台支持开发者直接引用第三方库,在降低组件开发复杂度的同时,丰富了组件的功能。库是支撑高级页面组件运行的第三方依赖,若缺少相应的库,则高级页面组件不能正常运行。 低代码平台提供了一些系统预置库,若不满足现有需求,支持开发者制作并上传新的库。
开发报表 前提条件 报表关联的对象需要提前设置为“允许报表使用”,设置方法如下: 参考登录经典应用设计器中操作,登录经典版应用设计器。 单击报表关联的对象,进入对象详情页面。 在“基本信息”页签中,勾选“允许报表使用”。 图1 设置“允许报表使用” 创建报表 新建一个报表,并设定要显示的对象以及数据范围。
设置AstroZero标准页面视频播放组件属性 在标准页面中,使用视频组件来进行视频播放,支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vu
如何配置数据接入 使用说明 低代码平台支持从外部数据源获取数据,并按照需求对数据进行一系列处理后,转化成内部事件,输出给Kafka或ROMA Connect。此时,可通过配置数据接入,来实现整个流程。 场景描述 从物联网OneNET中获取数据源数据,经过数据处理后转化成内部事件,然后输出给Kafka。
组装“派单”对话框 “派单”对话框负责指定下一环节的工单状态和处理责任人,用标准页面功能实现。 派单界面的大致构想如图1所示,其中“工单ID”是为了传递维修工单信息。 图1 派单员派单对话框 页面模型负责与页面组件交互,传递派单需要的工单ID、工单状态、下一环节处理人等信息。结合页面需求,可知需要创建如下模型:
设置AstroZero标准页面分页组件属性 当数据量较多时,可以使用分页组件,快速进行数据切换。分页组件一般与表格组合使用时,分页组件可以对表格数据进行分页显示、数据切换,系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和
设置AstroZero高级页面预置组件属性 设置AstroZero高级页面轮播组件属性 设置AstroZero高级页面图片组件属性 设置AstroZero高级页面文本编辑组件属性 设置AstroZero高级页面自定义背景框组件属性 设置AstroZero高级页面基本柱图组件属性
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。
背景及原理(服务编排) AstroZero的服务编排,支持对逻辑判断组件、数据处理组件,以及脚本、子服务编排、商业对象等进行可视化组合编排,实现丰富的业务功能。 了解服务编排 在传统的开发中程序员一般是基于代码进行开发,程序员需要学习内容较多,开发效率相对低一些,开发门槛也高。A
查看AstroZero系统日志 查看操作日志 在操作日志中,可查看同一账号下,所有用户操作AstroZero的日志记录,用来进行系统运营分析。 账号登录AstroZero服务控制台,单击“进入首页”,进入应用开发页面。 在页面左上方单击,选择“环境管理 > 环境配置”,进入环境配置。
如何配置组件多语言 使用说明 通过配置Widget多语言,实现Widget在不同语种环境下都可正常显示。单击下载链接,获取样例包“widget_demo_i18n.zip”。 操作步骤 参考1中操作,模板选择“widgetVueTemplate”新建Widget(示例开发包为“widget_demo_i18n
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-m
管理组件模板 查看组件模板详情 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 租户:展示用户自定义的组件模板,AstroZero支持增加、删除和修改自定义的组件模板。
管理组件模板 查看组件模板详情 在AstroZero服务控制台,单击“进入首页”,进入应用开发页面。 在页面左上方单击,选择“环境管理 > 环境配置”,进入环境配置。 在顶部主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 页面资产管理 > 组件模板”。 在“全部”页签中,单击对应的组件模板。
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构,告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性,如隐藏、样式、跳转等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。
查看运行日志 使用说明 在AstroZero管理中心,可查看程序的运行日志,便于问题定位。同时,AstroZero支持将日志采集到云日志服务(Log Tank Service,简称LTS),提供更强大的日志收集、分析、存储等服务。用户通过云日志服务,可快速高效地进行用户业务趋势分析、安全监控审计等操作。