检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
父主题： 如何适配多终端
如何适配多终端 什么是适配多终端 适配多终端样例 父主题： 高级页面
图7 多个终端视图效果 父主题： 如何适配多终端
为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。另外，为确保自定义组件能够自适应不同分辨率设备，在组件开发中用户需要遵从响应式布局设计规范。组件的响应式设计，是高级页面适配多终端的重要前提。
对接华为云ModelArts 背景信息 ModelArts是面向AI开发者的一站式开发平台，提供海量数据预处理及半自动化标注、大规模分布式训练、自动化模型生成及端-边-云模型按需部署能力，帮助用户快速创建和部署AI智能模型，管理全周期AI工作流。更多ModelArts的介绍，请参见
对接华为云ModelArts Pro 背景信息 ModelArts Pro是为企业级AI应用打造的专业开发套件。基于华为云的先进算法和快速训练能力，提供预置工作流和模型，提升企业AI应用的开发效率，降低开发难度。同时，支持客户自主进行工作流编排，快速实现应用的开发、共享和发布，共建开放生态
对接华为云ROMA Connect 背景信息 应用与数据集成平台（ROMA Connect）是一个全栈式的服务平台，聚焦应用和数据连接，提供数据（跨机房、跨数据中心、跨云的数据）、服务API（将数据和后端服务以API形式开放）、消息（为企业提供跨网络访问的安全、标准化消息通道）和设备信息
对接华为云API Explorer 通过对接华为云API Explorer，集成华为云服务的所开放的API，为开发者提供丰富的连接器。 背景信息 API Explorer是华为云为开发者提供的一站式API解决方案的统一平台，集成华为云云服务开放API，支持全量快速检索、可视化调试、
降低应用构建门槛 全云化线上开发，零代码/低代码开发模式，多终端适配，所见即所得的大屏构建，图形化业务编排，具备极低的学习成本，让业务人员可直接构建应用，人人都是开发者。
站点设置 合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。
选择终端视图类型，支持电脑端和移动端。 参考统计页面组件介绍，从左侧选择合适的组件类型拖入到中间区域，并设置组件属性。 如图3所示，使用了饼图、柱状图、汇总值组件，并根据表单填报数据配置组件属性。
高级页面 什么是高级页面 高级页面布局 全局高级组件 开发高级组件 如何实现组件交互 如何调用后台接口 如何自定义组件属性 如何配置组件多语言 如何引入第三方库 如何适配多终端 如何使用WebSocket 管理页面级数据源、全局状态 如何检查页面性能 如何调测前台页面 如何设置页面水印
高级页面专项 使用AstroZero自定义组件在页面中的属性 使用AstroZero为组件配置中英文语言属性 使用AstroZero创建高级页面适配多终端显示 使用AstroZero开发高级页面时如何引用第三方库 在AstroZero高级页面中使用花瓣图展示订单数据 在AstroZero
终端节点 终端节点即调用API的请求地址，AstroZero当前仅支持在华北-北京四的环境使用，AstroZero服务的终端节点开发态默认域名为“appcube.cn-north-4.huaweicloud.com”。
终端节点 终端节点，如obs.***.example.com。对于minio类型，固定使用平台内部minio endpoint，不需要设置endpoint。 桶名 设置存储桶的名称，名称只能包括小写字母、数字、连字符（-）或英文点（.）
组件的响应式设计，是高级页面适配多终端的重要前提。在高级页面中如何实现多终端适配，请参见使用AstroZero创建高级页面适配多终端显示。
图4 代码行断点示例 多终端测试 在进行页面自适应测试时，可采用Chrome开发者工具提供的模拟移动设备的功能。借助此功能，可无实物快速对网页进行多个终端测试。
图4 代码行断点示例 多终端测试 在进行页面自适应测试时，可采用Chrome开发者工具提供的模拟移动设备的功能。借助此功能，可无实物快速对网页进行多个终端测试。
图2 设置视图页面名称 在中间区域上方，选择终端视图类型，当前支持电脑端或移动端。 根据需要从左侧选择组件拖拽到中间区域，并设置组件属性，组件属性配置说明可参考零码组件介绍。 图3 拖拽组件 在右侧单击“数据范围”，设置数据过滤条件、排序或者隐藏字段。
设置表单终端显示方式，支持PC端和手机端。 3 表单组件区，分为数据组件和通用组件。各组件详细介绍，请参见零码组件介绍。 4 表单设计区。 5 组件的属性面板。 6 表单属性设置，请参见设置表单和设置表单可见权限。 设计表单。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
