检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。
在服务编排列表中，单击待删除服务编排后的。 图1 删除服务编排 在弹出的确认对话框中，单击“确定”，即可彻底删除该服务编排。 删除对象的布局页面 标准页面对应对象的layout布局页，需要进入对象详情内的“布局”页签进行删除。 登录AstroZero服务控制台。 在页面上方单击“回到旧版”，进入AstroZero旧版服务控制台。
通过内置动作实现AstroZero标准页面组件交互 AstroZero预置了多种常用的事件交互动作，您可以根据需要直接使用，来实现页面或组件之间的交互。下面以编排一个重置功能的按钮为例，介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能，即重置表单数据。
方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。 基本属性 弹性布局：是否开启弹性布局。开启后，可以简便、完整、响应式的实现各种页面布局。 列数：设置表单的列数。开启弹性布局时，才显示该配置。 标签对齐方式：设置标签对齐方式，如左对齐、右对齐和上侧对齐。 动态
”或“取消”按钮等将该对话框关闭。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-m
在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“编辑”。 在标准页面开发界面，选中按钮组件。 在右侧“事件”页签中，单击“点击”后的，进入“添加动作”页面。 选择“自定义动作”，在右侧事件定义区域，输入实现事件逻辑的JavaScript代
率来查看不同的效果。 图4 自定义行布局 布局模式：设置PC或Phone屏幕，每一个分栏的栏布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。
图6 利用组件树快速选中组件 标准页面与高级页面的区别 标准页面提供了流式布局（Flow Layout）和弹性布局（Flex Layout），高级页面提供了流式布局与绝对布局，适用于对样式个性化布局需求更高的业务场景。 标准页面提供了基础组件，高级页面具有更复杂的展示组件，如水滴图、折线图等。
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。
对页面进行更深度的个性化布局定制。 表格宽高：设置表格的宽度和高度。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“in
了解应用列表 在应用列表中，可以查看当前用户已安装的应用，并配置导航条和布局。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 应用导航”，可查看到当前用户已安装的应用程序。 ：预览该应用。 /：运行环境才会显示该图标，表示
如何实现页面转跳 使用说明 常用的业务页面与页面之间经常为了实现某种业务逻辑，需要在页面间进行转跳与传参。当应用需要在页面间进行转跳并传递参数时，例如图1中，在“调查问卷”页面单击“提交”按钮，由填写页面转跳到提交成功页面，并向提交成功页面传递此次“调查问卷”的记录id和页面名称
吸机信息并修改系统中相应呼吸机的医院信息和状态。 实现方案：使用服务编排实现上述功能，实现逻辑如下： 通过调用查询对象数据中创建的服务编排，获取系统中空闲状态下的呼吸机信息。 通过调用如何使用服务编排开发业务的基本逻辑中创建的服务编排，进行资源是否充足的判断，返回被申请的呼吸机信息。
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。
进入锁定模式。 保持A用户对X流程的编辑设计权限。A用户编辑完成后，关闭编辑界面即可自动解锁，也可以单击启用按钮，进行自动解锁。 图1 单击启动按钮 关闭元素的编辑界面包括多种场景，如退出元素的编辑界面、退出应用设计器和关闭应用设计器浏览器页面等。 当A用户锁定X流程后，系统会只
图”选项。 高级页面支持在如下两种布局模式下，使用组件搭建页面（具体说明请参见高级页面布局）。 绝对布局：在绝对布局中，每个组件可在页面下任意位置进行拖拽放置，组件的宽高可自定义设置。该布局模式常用于IOC大屏页面开发场景。 流式布局：在流式布局下，拖拽到页面中的组件将根据从上到
样能更好的自适应电脑端和移动端设备。 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整
图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
