检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何快速创建一个高级页面 以构建包含基本柱图组件的高级页面为例,向您介绍如何快速搭建高级页面。 新建高级页面。 参考登录经典应用设计器中操作,登录经典版应用设计器。 在模块树中,将鼠标放在某个文件夹上,单击加号,选择“高级页面”。 设置标签和名称,单击“添加”。
如果用户开发的高级页面用于多种设备,推荐使用具有响应式布局的流式布局进行高级页面开发。 如果用户仅开发了电脑端高级页面,在移动端也可加载显示,但由于分辨率差别较大,可能会出现效果不佳的情况。
创建一个标准页面 创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作,进入应用设计器。 在对应的文件夹后,单击,选择“标准页面”。 输入标签页面的“标签”和“名称”,单击“添加”。 根据业务需求,设计标准页面。
创建空白AstroZero标准页面 当系统预置的标准页面模板不能满足您的业务需求时,您可以创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。
设置AstroZero标准页面表格组件属性 表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看
如何检查页面性能 使用说明 低代码平台支持检查高级页面性能,生成性能报告页,供开发者查看。 操作步骤 确认高级页面属性开关“合并并压缩资源”已关闭。 参考登录经典应用设计器中操作,登录经典版应用设计器。 在应用设计器下方,选择“页面设置”。
标准页面提供基础组件,高级页面具有更复杂的展示组件,如“地图”、“水滴图”和“折线图”等。 在沙箱环境、运行环境中,标准页面均不支持匿名访问,“高级页面”则支持匿名访问。 更多高级页面的介绍,请参见5.1 什么是高级页面。 父主题: 标准页面
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。
图5 利用组件树快速选中组件 模型视图 标准页面是通过数据模型驱动的,页面所有的逻辑都是围绕数据模型展开的。在将模型与前台页面组件或者后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。
分享统计页面 统计页面创建完成后,可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 单击页面右上角的“查看统计”,进入统计页面。
创建流式布局类型高级页面。 参考登录经典应用设计器中操作,登录经典版应用设计器。 在模块树中,将鼠标放在某个文件夹上,单击加号,选择“高级页面”。 设置高级页面标签和名称,布局类型选择“流式布局”,单击“添加”。
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。
使用AstroZero创建高级页面适配多终端显示 期望实现效果 当用户开发的高级页面应用于多种设备时,如何才能保证在不同大小的设备上,能够呈现同样的网页?
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
标准页面提供了基础组件,高级页面具有更复杂的展示组件,如水滴图、折线图等。 在沙箱环境、运行环境中,标准页面不支持匿名访问,“高级页面”则支持匿名访问。 更多关于高级页面的介绍,请参见5.1 什么是高级页面。 父主题: 标准页面
连接器设置 使用连接器:是否从连接器获取图片。 选择连接器类型:选择有存储功能的连接器,支持OBS、MINIO和对象存储代理。 选择连接器:选择具体的连接器实例。 选择桶:连接器的存储桶。 使用相对地址:使用图片的相对路径。 链接 在链接地址中,输入图片跳转的目标地址。
图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 自定义属性列表 显示组件的自定义属性。
图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置 选中基本饼图组件,单击鼠标右键选择“高级设置”,可对饼图进行多种配置。