检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时,会出现视图选项
高级页面 AstroZero高级页面概述 创建AstroZero高级页面 为AstroZero高级页面添加组件 设置AstroZero高级页面预置组件属性 为AstroZero高级页面添加自定义组件 为AstroZero高级页面组件绑定数据 添加事件或宏实现AstroZero高级页面组件交互
页面 新创建的页面,默认是一个空白的页面框架,可以通过设置页面属性,优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将
高级页面 什么是高级页面 高级页面布局 全局高级组件 开发高级组件 如何实现组件交互 如何调用后台接口 如何自定义组件属性 如何配置组件多语言 如何引入第三方库 如何适配多终端 如何使用WebSocket 管理页面级数据源、全局状态 如何检查页面性能 如何调测前台页面 如何设置页面水印
设置AstroZero高级页面翻牌器组件属性 翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 图1 设置翻牌器组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置
参考授权用户使用AstroZero并购买实例中操作,申请AstroZero免费试用或购买商业实例。 实例购买后,在AstroZero服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。 在“应用”中,单击“新建低代码应用”或单击,进入新建低代码应用页面。 在新建低代码应用页面,应用类型选择“标准应用”,单击“确定”。
发布当前开发的页面,页面发布后可以预览该页面的运行态效果。 页面修改、保存后,需再次执行发布操作,才能在应用和预览页面中体现修改内容。 :页面发布后,可以预览该页面运行态效果。 :页面开发完成后,可将该页面发布为模板。 /:页面开发过程中如果出现误操作,可执行撤销、复原操作。 :低代码平台支持检查高级页面性能,生成性能报告页供开发者查看。
标准页面 相对于高级页面,标准页面主要用于对前端页面的样式要求相对简单的场景,这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排,以及为组件配置属性、关联事件实现业务功能的,在组装“编辑设备”页面章节,则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作,申
环境配置”,进入环境配置。 在顶部主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 页面资产管理 > 页面模板”,可查看到当前环境该账号下已有的高级页面模板。 在页面模板列表中,单击具体页面模板后的,可预览相应的页面模板。 单击,在弹出的对话框中单击“确认”,即可删除相应的页面模板。 父主题:
设置AstroZero高级页面轮播组件属性 轮播是媒体组件的一种,用于循环播放多张图片,可实现多图片的切换和对应事件。 图1 设置轮播组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式
如何升级BO 使用说明 在行业资产升级中,可升级已订购的BO。 操作步骤 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 行业资产”,进入资产包展示页面。 在行业资产列表中,单击具体的BO资产。 如果版本过低会显示升级图标,请单击该图标进行升级操作。
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
设置页面 使用说明 通过本章节的学习,您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作,进入经典版开发环境。 在“首页 > 项目 > 我的应用”中,单击对应的应用,进入应用开发页面。 在页面左下角,选择“页面设置”。 应用创建后,该应用站点默认处于被解锁状态。
组装页面 组装“业务用户注册”页面 组装“业务用户管理”页面 验证 父主题: 用户管理功能开发
组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 在设计页面左上方单
查看页面性能 使用说明 低代码平台支持检查标准页面性能,生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告,单击图2中各指标后的“展开”,可查看性能指标具体详情。
值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。
型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持