检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
级联框数据绑定 单击页面上方的，保存页面。 定义页面事件 定义页面加载事件。 在“设计视图”中，选中最外层的“页面”，也可以直接单击组件导航，快速定位。 在右侧“事件”页签中，单击“加载”后的“+”，为页面添加事件代码。 图25 添加页面代码 在“添加动作”弹窗的“自定义动作”中，输入如下事件代码。
不会将您在模板代码中编辑后的内容，保存到该事件的模板代码中。 AI代码补全功能 功能描述：开发者在JS代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。 使用方法：开发者在JS代码编辑器中，编写代码过程中敲击字符时，会自动触发代码推荐，选中后按Enter补全。
BPM如何与页面交互 BPM中一个重要的内容就是用户任务，而用户任务所有的交互都通过页面实现的。在BPM中使用页面与普通的页面开发有一定的区别。本节将要讲解的内容需要用户有一定的页面开发基础，如果没有相关的背景知识，可以先从 标准页面 和 高级页面开始学习。 图1 BPM与页面交互 B
参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“编辑”。 在标准页面开发界面，选中按钮组件。 在右侧“事件”页签中，单击“点击”后的，进入“添加动作”页面。 选择“
游客如何访问高级页面/标准页面 在AstroZero开发环境中，应用开发完成后，仅开发者账号可预览高级页面和标准页面。当应用发布到运行环境后，游客可直接访问高级页面，标准页面本身属于管理后台的表单类页面，AstroZero不支持游客直接访问和预览标准页面，但可以通过高级页面跳转到标
单击“创建”，关闭事件编排器，返回到页面。 单击页面上方的，保存页面。 验证 单击界面上方的，进入预览页面，查看页面的展示效果，并验证以下功能： 在界面上单击“新增设备”，查看是否跳转到“编辑设备”页面，如未跳转，请检查事件代码中页面名称前缀是否是实际空间名。 检查“编辑设备”页面的“设备品牌”下拉框，“省市区”级联框的选项是否正确。
事件。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“轮播”组件到画布中，如图1所示。 图1 轮播 属性 在属性中，设置轮播组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
组装“工单管理”页面 管理员的“工单管理”页面与“工单列表（派单员）”页面相比，大致功能一致，仅多了一个创建工单功能，和操作列中的删除按钮。因为两个页面很相似，所以为了快速创建，将通过“工单列表（派单员）”页面另存一个页面，然后再改造这个另存后的页面成为“管理员管理工单”页面。 “工单
参数解释： 标准页面的ID值，可通过调用5.2.8.1-查询标准页面列表接口查看（响应消息中的“id”）。 约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 请求参数 无 响应参数 表2 响应参数 参数 参数类型 描述 resCode String 参数解释： 返回码。 取值范围：
请参考高级页面桥接器中预置的API。在应用开发界面左侧列表单击，选择“高级页面 > 桥接器模板”，下载模板解压后可查看API调用示例。 在本地开发桥接器相关文件，并打成Zip包。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在左侧列表中，单击，选择“高级页面 > 桥接器模板”。
入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 业务用户”。 在业务用户列表中，单击需要编辑业务用户的用户名，例如“test_cs”，进入业务用户详情页面。 当业务用户比较多时，可
文本 文本编辑器组件，用于在页面插入文字。 在高级页面设计器中，单击，从“文本 > 通用”中，拖拽“文本”组件到画布中，如图1所示。 图1 文本 属性 在属性中，设置文本组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距
数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
使用说明 标准页面是通过数据模型驱动的，通过绑定数据模型可以快速获取后台数据，并体现到页面组件上。因此，为了获取后台数据，需要先定义页面数据模型，再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后，开发者只需要关注模型数据的实例化和处理，不需要关注页面的渲染和展示。 定义页面数据模型
如何执行后台逻辑 什么是执行后台逻辑 在标准页面执行后台逻辑，即在标准页面组件的事件中，调用其他服务补充和实现当前事件的行为。 例如，在员工信息录入页面中，在信息“提交”按钮的“点击”事件中，调用API，将表单中的员工信息发送到数据库进行保存。或者调用在标准页面中的服务编排或脚本，并对需要保存的信息进行预处理。
在菜单栏中，选择“高级设置”。 在“兼容性设置”页签中，开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中，提供了Vue2和Vue3两种框架的组件，如果需要使用Vue2框架的组件，需要关闭“页面组件的渲染框架由Vue2升级为Vue3”，否则会提示图2中信息。
实现应用登录页面功能。登录页面开发流程，如图2所示。 图2 应用登录页面开发流程 业务用户登录页面即是设备维修管理系统的应用登录界面，大致设想如图3所示。 图3 应用登录页面 父主题： 创建“业务用户登录”页面
（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVue3Template”，再单击“下载”。
AstroZero预置了很多默认样式，您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时，可以自定义修改标准页面的样式。设置完并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置为准。 例如，在标准页面中添加一个“表单”组件，并绑定数据对象为“Alarm”
管理组件版本 若更新的组件已用于高级页面中，需要在“页面设置 > 插件”页签中，更新组件版本，更新后的组件才可在高级页面中生效。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在页面下方，单击“页面设置”，进入页面设置。 图6 管理组件版本示例 单击页面左上角的，获取锁。 在“插件”页签，单击“检查更新”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
