如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
率来查看不同的效果。 图4 自定义行布局 布局模式：设置PC或Phone屏幕，每一个分栏的栏布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。
了解应用列表 在应用列表中，可以查看当前用户已安装的应用，并配置导航条和布局。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 应用导航”，可查看到当前用户已安装的应用程序。 ：预览该应用。 /：运行环境才会显示该图标，表示
如果之前创建过统计页面，需要重新编辑，则单击已有统计页面后的。 图2 创建统计报表入口 配置统计页面。 在页面左上角，设置统计页面名称。 在页面上方，单击“选择布局”后的箭头图标，选择页面布局。 选择终端视图类型，支持电脑端和移动端。 参考统计页面组件介绍，从左侧选择合适的组件类型拖入到中间区域，并设置组件属性。
快速切换组件。 图6 利用组件树快速选中组件 与高级页面的区别 标准页面提供流式布局（Flow Layout）和弹性布局（Flex Layout），高级页面提供流式布局与绝对布局，适用于对样式个性化布局需求更高的业务场景。 标准页面提供基础组件，高级页面具有更复杂的展示组件，如“地图”、“水滴图”和“折线图”等。
创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。 图3 新建CommodityDisplay高级页面 开发CommodityDisplay电脑端和移动端高级页面。
页面”。 图1 创建高级页面 设置“标签”和“名称”为“Login”，并选择“绝对布局”，单击“添加”。 图2 添加高级页面 高级页面布局有绝对布局和流式布局两种，页面布局详细介绍请参见高级页面布局。在应用中首次添加高级页面时，支持设置视图（电脑端、手机端）。 拖拽自定义组件“userLogin”到页面。
或者画布分辨率来查看不同的效果。 图6 自定义行布局 布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。
数据，使用时需要通过数据绑定数据模型。适用于通过一个表格，完成数据对象的增、删、改、查的操作场景。 容器：基本的布局容器，支持拖拽放置任何组件进去，按照流式布局模式布局（非独占整行组件如按钮组件，从左往右排列，占满整行即换行；独占整行组件如标题组件，则默认独占一行）。 分栏：容器
只有自定义对象才会在对象配置页面展示“布局”页签，开发者可在该页签定制自定义对象的布局页。对于系统预置的对象（标准类型对象），不会显示布局页签。 在对象配置页面，单击“布局”页签，单击“新建”，填写新建对象布局的基本信息，单击“保存”，这里使用Records标准页面。 图1 新建页面布局 在左侧可以选择
“工单列表（客服人员）”和“生成工单”页面开发完成后，需要验证两个页面间的关联跳转事件，以及相关页面布局样式。 操作步骤 在“HW__workOrderList”页面中，单击界面上方预览图标。 系统会弹出预览页面。 查看页面中页面布局、样式是否符合预期。 查看当前表格中的工单记录。当前表格中仅有一条测试数据
针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。
了解业务用户 业务用户为应用的使用者，本章节将带您深入了解业务用户。 业务用户拥有哪些能力 根据权限访问应用、查看导航条菜单。 根据权限查看应用的页面布局。 根据权限查看、创建、编辑和删除应用中的对象。 根据权限查看和编辑应用中的对象字段。 根据权限执行应用中开发的服务编排、脚本、BPM。 根据权限访问在应用中自定义的公共接口。
查看华为云Astro轻应用中已安装的应用 在应用列表中，可以查看当前账号已安装的应用，并配置导航条和布局。 查看已安装的应用 在华为云Astro轻应用服务控制台，单击“进入首页”，进入应用开发页面。 单击页面左上角的，选择“环境管理 > 环境配置”，进入环境配置页面。 在左侧导航栏中，选择“应用管理
外的应用程序进行操作时，必须先对该对话框进行响应，例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明
外的应用程序进行操作时，必须先对该对话框进行响应，例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
vue”，并修改视图文件的布局结构。 打开“src\components\imgButton\”路径下的视图文件“imgButton.vue”，在布局（div标记对）中添加一个“img”和一个“span”，并按示例配置，具体代码如下，如图7布局结构所示。 图7 布局结构 <img src="
禁用：是否禁用该组件。 只读：值是否只读。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 图片宽度：设置图片的宽度和高度，支持的单位有px和%。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：
新建一个标准页面，并进行页面设计。 在应用设计器的界面中，单击页面后的“+”，输入页面标签和名称，新建一个标准页面。 在“基本组件 > 布局”中，拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中，拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件，在“属性
根据object_id新增触发器 根据object_id新增校验规则 根据object_id新增布局 根据field_id查询字段 根据object_id查询对象布局 根据layout_id查询对象布局 根据object_id查询button 根据button_id查询button 根据object_id查询触发器
能够呈现同样的网页？为此，华为云Astro轻应用提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。 本实践以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 使用华为云Astro轻应用开发高级页面时如何引用第三方库
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
您即将访问非华为云网站，请注意账号财产安全
