检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
视频播放 视频播放组件用于播放视频,支持MP4、OGV和WebM格式。 在标准页面设计界面,从“基本组件 > 高级”中,拖拽“视频播放”组件至页面工作区域,如图1。 图1 视频播放 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后,支持检查标准页面性能,生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
保存的信息进行预处理。 标准页面执行后台逻辑一般是通过调用标准页面服务和调用第三方接口两种方式实现。本章节主要介绍调用标准页面服务,关于标准页面调用第三方接口的内容请参见如何调用第三方接口。 标准页面的服务主要分为服务编排(Flow)、脚本(Script)和公共接口(API)三种,对应的页面模型为“服务”。
期望实现效果 调查问卷页面中的问卷项由对象模型定义,如果需要添加或修改调查项,需要先修改对象模型“问卷记录表”。例如,在Astro轻应用开发者调查问卷应用中,新增调查项“您最常使用的功能或者您最感兴趣功能有哪些?”(效果如图1),需要在问卷记录表对象模型中添加自定义字段。 图1 预览配置效果
由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购
板来创建标准页面。 使用预置模板创建标准页面 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 单击“页面”后的“+”,在添加标准页面中选中“基于模板”。 设置页面的标签和名称,单击“下一步”。 图1 设置标准页面基本信息
ds”数据记录页,新增图8所示的数据。 在标准页面中,选中表格组件,新增模型,设置为对象模型,选中1中的对象,设置表格数据源。 图10 设置数据绑定 图11 新增模型 图12 设置对象模型 图13 设置关联字段 图14 选中模型 在标准页面中选中表格组件,开启“树形数据”开关,参考属性设置如下参数。
标准页面中预置的API 在开发标准页面时,可以通过编写JS代码,来实现页面组件与后台接口之间的交互。如图1所示,在编写JS代码时,可直接使用系统预置的API。 系统预置的API代码结构样例如下,提供事件上下文context,用于封装常用的对象及API。 context ├──$app
表格(新)相对于表格(新)中的表格组件来说,更适用于移动端,但是不支持展示树形结构。当表格中的数据有父子关系,需要展示出树形结构时,还是需要选用表格(新)中介绍的表格组件。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“表格(新)”组件至页面工作区域,如图1。 图1 表格(新) 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
流程图:流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。在设计标准页面时,可以直接从左侧“组件”区域,将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题: 标准页面
返回库页面,在“租户”页签,可查看到已上传的库文件。“全局”页签中的,为系统预置库,不可编辑和禁用系统预置库,只可下载。 在标准页面组件中,引用库。 新建一个标准页面,页面标签和名称为“page01”,如图4。 图4 新建标准页面 在“基本组件 > 基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图5所示。
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法
查看页面性能 使用说明 低代码平台支持检查标准页面性能,生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告,单击图2中各指标后的“展开”,可查看性能指标具体详情。
由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的更多信息请参考3.1 了解对象模型。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。