检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加库扩展AstroZero标准页面功能 如果您希望使用第三方库文件,而当前系统中不存在该库,您可以通过上传,新增该JS/CSS库,并在页面中设计并使用该库,实现引入第三方库的功能。 什么是库 库是指在设计页面时,需要依赖的库,如果缺少相应的依赖库,则页面中无法实现某些功能。
添加页面事件代码。 在“设计视图”中,选中最外层的“页面”,也可以直接单击组件导航,快速定位。 在右侧“事件”页签中,单击“加载”后的“+”,为页面添加事件代码。 在“添加动作”弹窗的“自定义动作”中,输入如下事件代码。
标准页面常用操作入门 在进行标准页面设计前,建议您先对开发界面的常用操作进行简单的了解。 在应用设计器的“界面”中,单击页面后的“+”,设置页面标签和名称,单击“添加”,即可创建一个标准页面(空白页面或基于模板创建)。
页面级常见操作 使用说明 低代码平台预置了多种常用的事件交互动作,例如打开页面、弹出页面以及关闭弹出页面。在设计页面时,可以直接使用预置动作,完成页面相关的常见操作。 打开页面 以单击“立即体验”按钮,打开新的产品体验入口页面为例,进行介绍。 在标准页面设计界面,选中按钮组件。
为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时,可通过分类快速定位到所需的组件,并将其拖动到画布中。 图1 为高级页面添加组件 父主题: 高级页面
向页面中拖入一个表单组件,会弹出元数据表单配置向导页面。您可以在此时绑定一个对象模型(如绑定对象模型),或者单击“取消”,再在“数据绑定”下绑定一个模型,还可以在空表单中,设计好表单后,在表单中的某组件(如输入框、下拉框等)上绑定模型字段。
创建高级页面 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“界面”。 (可选)单击高级页面后的,为高级页面添加目录。
在应用设计器中,选择“界面”,单击页面后的“+”。 输入页面的标签和名称,单击“添加”,新建一个标准页面。 在标准页面底部,单击“模型视图”,将页面从设计视图切换到模型视图。 单击“新增模型”,输入模型名称(如productCost)、“来源”选择“对象”,单击“下一步”。
如何快速创建一个高级页面 以构建包含基本柱图组件的高级页面为例,向您介绍如何快速搭建高级页面。 新建高级页面。 参考登录经典应用设计器中操作,登录经典版应用设计器。 在模块树中,将鼠标放在某个文件夹上,单击加号,选择“高级页面”。 设置标签和名称,单击“添加”。
高级页面 AstroZero高级页面概述 创建AstroZero高级页面 为AstroZero高级页面添加组件 设置AstroZero高级页面预置组件属性 为AstroZero高级页面添加自定义组件 为AstroZero高级页面组件绑定数据 添加事件或宏实现AstroZero高级页面组件交互
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式
组装页面 组装“业务用户注册”页面 组装“业务用户管理”页面 验证 父主题: 用户管理功能开发
图1 配置组件属性 若需要了解每个基本组件的详细使用说明,在标准页面设计界面左侧组件区域,将鼠标悬浮在基本组件上。基本组件右上会出现问号图标,单击该图标可查看该基本组件的使用说明。 图2 查看组件说明 父主题: 平台标准组件介绍
设置页面 使用说明 通过本章节的学习,您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作,进入经典版开发环境。 在“首页 > 项目 > 我的应用”中,单击对应的应用,进入应用开发页面。 在页面左下角,选择“页面设置”。
打开使用第二级路由导航的页面“home”,在设计页面左上方单击,从“导航”的自定义组件中拖出刚创建的Widget至设计页面右侧空白处。在“路由”页签,不做任何配置。 图12 “路由”页签 在设计页面“home”左上方单击,从“导航”中拖出路由视图组件至设计页面自定义组件下方。
在左侧“设计视图”中,选中“表格”,单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮,只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的,保存页面。
查看页面性能 使用说明 低代码平台支持检查标准页面性能,生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。
创建后,该开发者用户、注册AstroZero的账号、账号下其他AstroZero用户都可直接使用该页面模板来创建标准页面。 使用预置模板创建标准页面 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。
解惑:当页面组件构成比较简单,组件间不需要频繁的进行信息交互时,不需要设置全局状态。反之,则建议使用全局状态,通过设置并使用全局状态,可以帮助您管理页面所有组件的共享状态。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。
开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。