检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在高级页面设计器中，单击，从“图表 > 饼图”中，拖拽“基本饼图”组件到画布中，如图1所示。 图1 基本饼图 属性 在属性中，设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
给队列成员发送邮件。 新建队列 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 队列”，单击“新建”。 设置队列基本信息并为队列添加成员。
BPM与页面的交互模式采用了业界“依赖反转”的设计模式。一般情况下，页面之间的跳转应该在页面的事件代码中定义，但在页面上是无法确定下一步应该做什么，因此，又需要依赖BPM进行页面的跳转，即“依赖反转”。这种做法的好处在于，可以复用页面而无需考虑页面的下一步是什么。 在标准页面中与BPM交互
其中，代码modelarts.newClient("testArts")中“testArts”为连接器的名称。如果连接器名称中带有命名空间前缀，代码中也需要携带。 单击脚本编辑器页面上方的，保存脚本。 保存成功后，单击，运行脚本。 在页面底部“输入参数”中，设置输入请求参数，单击测试窗口右上角的。 {
在高级页面设计器中，单击，从“图表 > 线状图”中，拖拽“基本折线图”组件到画布中，如图1所示。 图1 基本折线图 属性 在属性中，设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
zip，获取示例开发包。 下载组件模板widgetVueTemplate。 参考登录经典应用设计器中操作，进入经典应用设计器。 在左侧导航栏中，单击，选择“高级页面 > 组件模板”。 单击组件模板widgetVueTemplate，进入模板详情页。 图12 进入模板详情页 单击“下载”，设
自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。
基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中，单击，从“图表 > 柱状图”中，拖拽“基本柱图”组件到画布中，如图1所示。 图1 基本柱图 属性 在属性中，设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
只可下载。 在标准页面组件中，引用库。 新建一个标准页面，页面标签和名称为“page01”，如图4。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图5所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图6所示。
组装页面 组装“业务用户注册”页面 组装“业务用户管理”页面 验证 父主题： 用户管理功能开发
高级页面 AstroZero高级页面概述 创建AstroZero高级页面 为AstroZero高级页面添加组件 设置AstroZero高级页面预置组件属性 为AstroZero高级页面添加自定义组件 为AstroZero高级页面组件绑定数据 添加事件或宏实现AstroZero高级页面组件交互
图组件至设计页面自定义组件下方。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。 页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由，即实现如图10所示页面效果。需要在第
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
背景与原理 业务应用构建登录页面时，一般情况下是通过使用AstroZero的高级页面能力实现。您可以通过本节认识高级页面，并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面：对于一般的业务应用
设置页面 使用说明 通过本章节的学习，您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“页面设置”。 应用创建后，该应用站点默认处于被解锁状态。
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
设置AstroZero高级页面轮播组件属性 轮播是媒体组件的一种，用于循环播放多张图片，可实现多图片的切换和对应事件。 图1 设置轮播组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
标准页面 相对于高级页面，标准页面主要用于对前端页面的样式要求相对简单的场景，这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排，以及为组件配置属性、关联事件实现业务功能的，在组装“编辑设备”页面章节，则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
