检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 编辑页面设置 页面标题:输入页面的标题,长度为1~100个字符。 页面描述:通常设置为页面的功能或使用场景。 父主题: 页面管理
图5 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍,请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思,划分基本布局,并拖拽对应的组件到画布中。如何添加组件到画布中,请参见组件管理。
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。
管理页面 管理组件模板 桥接器模板 查看操作日志
输入页面标题,单击“新建”。 复制成功后,系统自动进入开发页面。 图1 输入页面标题 父主题: 页面管理
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本 如何进行设置页面 如何设置分享码 如何设置Token认证 如何设置内容安全策略 如何进行版本回退 华为云Astro大屏应用分享页Token签名校验使用说明
图3 设置发布页 在页面版本的操作列中,您还可以执行如下操作: :预览该版本页面。 :编辑该版本页面。 :删除该版本页面。当前版本页面设置为发布页后,不支持删除。 关闭页面发布设置,返回设计页面,拖入其他组件,如折线图组件,保存页面。
轮播页面 轮播页面是指通过页面轮播的方式,来实现页面广告的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播页面”组件至画布空白区域,如图1。
单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
发布页面 通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。
使用空白画布新建页面 从零开始,通过拖拽组件、设置页面布局、数据源等,构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。
页面间交互 操作场景 页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。
const [a, b] = dataset; return a.map((item) => ({ ...item, ...b.find((i => i["学号"] === item["学号"])), })) 转换器保存成功后,单击页面右上角的“保存”,返回设计界面
页面删除后,不可恢复,删除前请确认无需再使用该页面。 父主题: 页面管理
下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题: 页面管理
移动页面 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。
后续处理 发布为全局模板后,需要联系管理员进行审批,审批通过后,其他租户下的用户才可以使用该模板新建页面。 模板未审核 本租户下的用户登录华为云Astro大屏应用创建页面时,可在“未上线模板”中使用该模板新建页面。
在目标工作空间中,单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额,单击“确定”。 例如,输入页面数为10,表示在工作空间A中,最多支持创建10个大屏页面。其中,40个表示可分配的页面数,70个为租户页面的总配额。