检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和
方式二：在AstroZero经典版环境配置中，单击页面右下角的，进入数据调试页面。 图2 从环境配置页面进入数据调试页面 方式三：直接在浏览器中，输入“https://AstroZero域名/studio/console.html”，进入控制台页面进行数据调试。 控制台页面如图3所示，界面分为多个区域，展示不同的内容。
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置AstroZero标准页面表格组件属性中的表格组件来说，更适用于移动端，但
创建“删除设备”脚本 当用户操作“删除”图标删除某条设备记录时，需要根据Id在设备对象中删除设备，因此需要创建一个根据Id“删除设备”的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
输入自定义JS代码，调用库中的方法获取git仓库的地址。 关于fetch的使用方法及介绍，请参考Fetch API。 图9 自定义JS代码 fetch('https://api.github.com/users/chriscoyier/repos') .then(function(response){
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-m
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
创建“派单功能”脚本 当派单员选择派单的下一步接单人时，需要修改工单状态及处理人，因此需要创建一个实现“派单功能”的脚本逻辑，该脚本逻辑不是页面直接调用，而是通过后端BPM调用运行的。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录
（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVue3Template”，再单击“下载”。
创建“删除工单”脚本及公共接口 管理员的“工单管理”页面与“工单列表（派单）”页面相比，功能大致相同，仅多了一个创建工单功能、操作列中的删除按钮，因此需要多创建一个实现删除工单功能的后台逻辑。 创建脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrde
管理对象数据 通过管理对象中的数据，可以快速直观的了解对象数据，对象的“布局”页签提供了对象中数据增删改查功能。 如何定义对象编辑页面布局 对于租户创建的自定义对象，系统会自动创建对象的Detail和Records标准页面，Detail页面缺省按字段创建的先后顺序显示该对象的全部
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件，可以灵活组合列表项的内容，并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时，需要在“列表视图（List View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，分页组件需放在最外层“列表视图（List
单击脚本编辑器页面上方的，保存脚本。 保存成功后，单击，运行脚本。 在页面底部“输入参数”中，设置输入请求参数，单击测试窗口右上角的。 { "url": "https://XXXXXXXX/testModelArtsPro.jpg", "isMultiTemplate": true, "modelId":
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
如何获取后台数据 使用说明 标准页面是通过数据模型驱动的，通过绑定数据模型可以快速获取后台数据，并体现到页面组件上。因此，为了获取后台数据，需要先定义页面数据模型，再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后，开发者只需要关注模型数据的实例化和处理，不需要关注页面的渲染和展示。
基本柱图 基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中，单击，从“图表 > 柱状图”中，拖拽“基本柱图”组件到画布中，如图1所示。 图1 基本柱图 属性 在属性中，设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。
com”，该接口勾选了“允许匿名访问”，且“Anonymous User Profile”权限配置了该接口的业务权限凭证，则匿名用户通过“https://test.example.com/service/trq1__MyApp/1.0.0/login”即可访问该接口。 是否已废弃 该接口是否已废弃。
创建“处理工单”脚本 “维修工程师处理工单”功能包含两个页面，一个是工程师查看待处理工单列表页面，一个是处理工单对话框页面。首先需要创建“处理工单”脚本。 操作步骤 在经典版开发环境“首页 > 我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将
组装“业务用户注册”页面 “业务用户注册”页面实际上是一个对话框，是在管理员操作“新增用户”时，弹窗的注册对话框，详细如图1所示。 图1 业务用户注册对话框 结合页面需求，页面需要创建如下模型： 表1 模型分析 模型名称 作用 详细定义 userInfo 保存注册用户信息的参数。
创建“按ID查询设备详情”脚本 修改已存在的设备信息，则需要创建可以根据设备ID查询出设备详情的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”中，将鼠标放在“Script”目录上，单击界面上出现的“+”，选择“脚本”。 在弹窗中，选中“
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
