检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择“标准页面”,设置页面标签和名称,即可创建一个全新空白的标准页面。页面创建后,自动进入标准页面开发界面,您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四部分组成,分别是:左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域,具体功能说明如下表所示。
在AstroZero标准页面中,如何实现下拉框选项值的筛选功能? 问题描述 如何实现下拉框选项值中,根据某输入框中值,筛选显示,而不是显示全部选项值。 例如,某商品分为上架、下架和测试三个阶段。当前商品导航条页面下拉框A中,展示的选项是所有状态的商品,会出现很多脏数据,导致用户难以正确选取。
页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式,可选项包含当前浏览器窗口打开或新窗口打开。 显示组件 选择要显示的组件。
如果更新的组件已用于高级页面中,需要在“页面设置 > 插件”页签中,更新组件版本,更新后的组件才可在高级页面中生效。 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“界面”。 单击“更多”中的“页面设置”,进入页面设置。 图7 管理组件版本示例
删除统计页面 删除统计页面会将图表数据永久删除,不可恢复,请谨慎操作。 删除统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“删除”。
> 全局元素 > 页面资产管理 > 页面模板”中,可预览或删除模板,详情请参见管理页面模板。 克隆高级页面 页面创建完成后,支持将高级页面克隆到当前应用中。例如,应用A中存在两个或多个功能类似的高级页面,此时可基于已创建的高级页面克隆出一个新页面,基于克隆后的页面进行修改,减少重复创建的操作。
}) 返回标准页面开发界面,单击页面上方的,保存页面。 设置工具栏区域。 在左侧“设计视图”中,选中“表格”,单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮,只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的,保存页面。 树形数据功能介绍
参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“界面”。 (可选)单击高级页面后的,为高级页面添加目录。 高级页面默认存放在根目录下,在创建高级页面前,您可以先创建高级页面存放的目录,也可以在高级页面创建后将其拖拽到指定目录。 将鼠标放在已创建的高级页面目录上,单击,进入添加高级页面。
导出统计页面 统计页面设计完成后,支持在开发态和运行态导出统计页面(导出图片格式为png)。 导出统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“导出”。
克隆统计页面 当业务场景相似时,可以通过克隆统计页面后进行修改,完成统计页面的快速开发。 克隆统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。
数据绑定配置面板 值绑定 值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 为了方便演示说明,新建一个标准页面,向页面中拖动一个“按钮”组件和一个“模态框”组件。
高级布局设置:针对有丰富前端开发经验的用户,通过“样式”面板对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局(Flow Layout)和弹性布局(Flex Layout),标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念
同页面内组件的交互 组件中自定义事件、动作 若低代码平台预置的事件与动作不能满足您的开发需求,还可以在组件中对其进行自定义,以实现业务逻辑。 低代码平台提供的组件模板中,包含了事件和动作的模板组件(widgetEventTemplate、widgetActionTemplate)。在经典版管理中心的“应用管理
PROXY类型连接器,选择具体的存储桶、连接器实现获取图片功能。 连接器:OBS/MINIO/OBJECTSTORAGEPROXY类型的连接器。 桶:OBS/MINIO类型连接器的存储桶。 SFTP:选择SFTP后,图片将加密上传至nginx服务器的本地文件系统中。 OBS/MI
使用桥接器为AstroZero高级页面组件绑定数据 在应用开发过程中,经常需要在高级页面组件中调用后台接口来完成整个业务场景(例如获取购物车中用户的ID,订单编号,商品信息等)。为方便用户调用可配置的API,平台提供了桥接器功能,桥接器封装了平台的一些逻辑,如csrftoken验证、数据共享、数据周期调用功能等。
控件名称:设置容器组件在页面的显示名称。 隐藏:预览标准页面时,是否隐藏容器组件。 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:对页面CSS属性进行直接配置,如设置组件的宽度、高度等。您也可以在“高级设置”中,直接编写CSS代码进行更深度的个性化布局定制。
修改统计页面 统计页面创建完成后,支持对已创建的统计图表进行二次开发。 修改统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,例如“
否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时,会出现视图选项
设置AstroZero高级页面文本编辑组件属性 文本编辑是文本组件的一种,用于显示多行文本。 图1 属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。