检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击高级页面后的,设置页面的名称和标题为monitor,单击“添加”。 在高级页面左上方,单击,从“全部 > 自定义”中,拖拽alarmDisplayWidget至右侧画布中。 图12 拖拽alarmDisplayWidget至右侧画布中 调节组件位置和大小,单击页面上方的,保存高级页面。 单击
标准页面基于Vue技术栈,平台预置丰富基础组件,也可以支持扩展,多用于表格表单等后端管理页面的快速开发。 标准页面开发界面提供图形化、无码化在线页面开发功能,通过标准页面开发界面能够快速构建各种复杂表单表格页面、以及其他一些灵活布局页面。支持在开发界面中将组件面板上的页面组件拖拽至页面
setCookie("key","value") HttpUtils.getI18n:返回一个Vue18n的实例,配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例:HttpUtils.getI18n({locale: HttpUtils
开发流程 开发Native Service前,请先了解整个Native Service的开发流程。 图1 流程图 创建Native Service AstroZero平台提供了创建原生服务工程的能力,原生服务工程本质上起到一种桥接的作用,用于将原生服务的API集成到AstroZe
流式布局相关操作方法请参见流式布局高级页面。 定位到所需组件后,便可以将其拖动到画布中,用于构建所需的高级页面。 图4 拖拽组件示例 在画布中,可以通过拖拽的方式调整组件的位置、大小。低代码平台还提供了组件对齐提示线,帮助布局组件。 图5 画布中调整组件示例 如上图中所示,在执
图1 表格(新) 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
在设计页面左上方,单击,从“全部 > 自定义”中拖拽commodityDetailsWidget组件到右侧画布中。 图4 在电脑端拖拽CommodityDisplay组件 在页面上方单击,切换到移动端,并拖拽commodityListWidget组件到右侧画布中。 图5 在移动端拖拽CommodityDisplay组件
配置输入输出参数 将“逻辑”中的“赋值”图元,拖拽到画布中。 赋值图元可以实现对全局上下文中变量等参数进行赋值,其他图元的详细介绍,请参见图元配置。 图6 选择赋值图元 配置图元。 选择赋值图元,单击。 在“赋值”页面中,单击“新增行”,参照下图将创建的变量拖拽到相应的位置。 将“"Hello
图1 列表视图 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
下面以绝对布局方式的高级页面为例进行介绍。 定位到所需组件后,便可以将其拖动到画布中,用于构建所需的高级页面。 图4 拖拽组件到画布中 在画布中,可以通过拖拽的方式调整组件的位置、大小。低代码平台还提供了组件对齐提示线,帮助布局组件。 图5 调整组件 组件的右键设置:在画布中选
附件 附件是数据组件的一种,用于上传证件照片等,支持单击或拖拽上传。 在表单开发页面,从“数据组件”中,拖拽“附件”组件至表单设计区域,如图1。 图1 附件 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 文件大小(KB):限制上传文件的大小,最大可设置为204800KB。
在应用设计器的界面中,单击页面后的“+”,输入页面标签和名称,新建一个标准页面。 在“基本组件 > 布局”中,拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中,拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件,在“属性 > 移动端配置”中,将“默认数
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在高级页面设计器中,单击,从“图表 > 雷达图”中,拖拽“雷达图”组件到画布中,如图1所示。 图1 雷达图 属性 在属性中,设置雷达图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。
饼图 饼图组件用于实现饼图样式数据报表统计。在报表编辑页面,拖拽“饼图”组件到中间区域,右侧可设置组件属性。 图1 饼图 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 数据 扇区分区:选择哪些字段,作为饼图扇区分区字段。单击,可设置维度名称相同时是否合并。
进行循环的具体数组,可从全局上下文中拖拽或输入集合变量。 本示例从全局上下文拖拽数组变量“TestList1”,表示对数组“TestList1”进行循环。 元素 将每次循环取出来的元素,赋值给该变量,可从全局上下文中拖拽或者输入变量。 本示例请从全局上下文拖拽普通变量“test_var”
续改造应用。 创建同款/克隆应用:通过创建同款应用或克隆应用,实现秒级无边界克隆,即搭即用、边改边用,让团队效率超级加倍。 创建零码应用流程图 在AstroZero零代码平台中,无需任何编程语言,只需通过拖、拉、拽等操作即可完成应用的创建,创建流程如图1所示。 图1 创建零码应用流程
图2 表单组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在高级页面设计器中,单击,从“媒体 > 通用”中,拖拽“图片”组件到画布中,如图1所示。 图1 图片 属性 在属性中,设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。
在导航设置页签,单击“新建”,选择“新建分组”。 图2 选择新建分组 在弹出的页面,设置分组的名称,单击“确定”。 分组创建后,选中对应的表单,直接拖拽到分组中即可。 父主题: 应用管理(移动端)
基本柱图 基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中,单击,从“图表 > 柱状图”中,拖拽“基本柱图”组件到画布中,如图1所示。 图1 基本柱图 属性 在属性中,设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。