检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
了高级页面的电脑端和移动端两种终端视图,用户可分别对高级页面的电脑端和移动端进行定制开发。开发完成后发布生成的高级页面为同一URL,当电脑端或移动端加载这一URL时,平台会自动检测用户所用的设备类型并加载相应视图页面。 :保存当前开发页面的修改。 :发布当前开发的页面,页面发布后可以预览该页面的运行态效果。
什么是标准页面 AstroZero提供了三种前端页面:标准页面、高级页面和报表。本章节主要带您了解、学习并使用标准页面。 标准页面 标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。对于一般的业务应用系统,例如请假电子流、出差报销
系统默认每15分钟自动保存一次,如果用户打开的服务编排等没有修改,则不会再自动保存一次而占用15次限额。 图1 查看自动保存的数据 单击“恢复”,提示“恢复操作将会另存一个新的标准页面/新版本,确认执行?”,单击“确定”,可将自动保存的数据另存为新页面或新版本。 图2 将自动保存的数据另存为新页面或新版本 父主题:
注册后,在“已注册服务”列表中可以看到当前账号已注册的所有原生服务。 取消原生服务注册 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“服务中心 > 服务注册”。 在注册服务列表中,单击已注册的原生服务。 在原生服务注册详情页面,单击“取消注册”,即可取消该原生服务的注册。
、查。 基础详情页面:基础的详情页面。 自定义模板(我的模板) 用户自定义的页面模板,开发好页面后,单击上方的另存为,即可创建自定义页面模板。创建后,该开发者用户、注册AstroZero的账号、账号下其他AstroZero用户都可直接使用该页面模板来创建标准页面。 使用预置模板创建标准页面
在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“详情”。 在标准页面的详情页面,可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。例如,A应用中创建的标准页面,在B应用中也会用到,为避免多次重复创
设置AstroZero标准页面视频播放组件属性 在标准页面中,使用视频组件来进行视频播放,支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-mod
基本属性通过数据绑定后,在运行时以数据绑定的值为准。 标签:设置组件的标签名,用于在界面展示。 文本:上传按钮上,显示的文本。 图4 设置后效果 默认已上传的文件列表:默认已上传的文件列表。 存储:上传文件的存储类型,单击该参数后的,可进行配置。 存储:存储器类型。 OBS:通过OBS类型连接器,存储到OBS上。
开发者工具请保持打开状态,关闭后“Disable cache”属性会自动不勾选。同时请确保高级页面已发布,若未发布,单击高级页面上方的,发布页面。 图3 查看性能分析报告 在页面性能报告中,单击各指标后的“展开”,可查看性能指标详情。 图4 查看性能指标详情 父主题: 高级页面
置优先级是最高的。 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:对页面CSS属性进行直接配置,如设置组件的宽度、高度等。您也可以在“高级设置”中,直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮,可以快速
高级页面专项 使用AstroZero自定义组件在页面中的属性 使用AstroZero为组件配置中英文语言属性 使用AstroZero创建高级页面适配多终端显示 使用AstroZero开发高级页面时如何引用第三方库 在AstroZero高级页面中使用花瓣图展示订单数据 在Astro
配置高级页面组件桥接器实例属性时,如何设置下拉框中的选项值? 问题描述 配置组件“数据”页签的桥接器实例属性时,下拉框中的选项来源是哪里设置的? 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时,桥接器实例选项可选到这些桥接器。
RAGEPROXY类型连接器,选择具体的存储桶、连接器实现获取图片功能。 连接器:OBS/MINIO/OBJECTSTORAGEPROXY类型的连接器。 桶:OBS/MINIO类型连接器的存储桶。 SFTP:选择SFTP后,图片将加密上传至nginx服务器的本地文件系统中。 OB
分享统计页面 统计页面创建完成后,可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“分享统计”。
创建一个标准页面 创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作,进入应用设计器。 在对应的文件夹后,单击,选择“标准页面”。 输入标签页面的“标签”和“名称”,单击“添加”。 根据业务需求,设计标准页面。 参考平台标准组件介绍中
线将其与左侧组件对齐。 图7 复制组件 单击页面上方的,保存页面。 单击,预览高级页面,查看当前页面在运行态的效果。 图8 预览高级页面 流式布局高级页面 在流式布局中,拖拽到页面中的组件,将根据从上到下、从左到右的顺序依次排列,组件的高度将根据组件内容大小进行自适应,宽度可按百分比进行配置。
”,选择“编辑”,进入编辑应用页面。 在页面右上角,单击“查看统计”。 图1 查看统计 如果没有创建过统计页面,显示如图2,请单击“点击创建”。 图2 创建统计报表入口 如果之前创建过统计页面,需要重新编辑,则单击已有统计页面后的。 配置统计页面。 在页面左上角,设置统计页面名称。 在页面上方,单击
创建空白AstroZero标准页面 当系统预置的标准页面模板不能满足您的业务需求时,您可以创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 (可选)单击页面后的,为标准页面添加目录。
标准页面 相对于高级页面,标准页面主要用于对前端页面的样式要求相对简单的场景,这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排,以及为组件配置属性、关联事件实现业务功能的,在组装“编辑设备”页面章节,则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
布局模式:设置每一个分栏的布局模式。 流式布局:页面元素的宽度,按照屏幕分辨率进行适配调整,但整体布局不变。 弹性布局:可以简便、完整、响应式的实现各种页面布局,选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。