检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
侧单击“控制台”，进入华为云控制台。 图1 进入华为云控制台 在左侧导航栏上方，单击，选择服务所在的区域。 单击，在查找框中搜索“华为云Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 图2 华为云Astro轻应用服务控制台 在页面上方，单击“旧版入口”，即可进入经典版开发环境。
开发“生成工单”功能 创建“生成工单”脚本及公共接口 组装“生成工单”页面 添加页面事件 父主题： 开发“客服人员创建工单”功能
然后上传到高级页面，再进行组件配置，实现应用登录页面功能。登录页面开发流程，如图2所示。 图2 应用登录页面开发流程 业务用户登录页面即是设备维修管理系统的应用登录界面，大致设想如图3所示。 图3 应用登录页面 父主题： 创建“业务用户登录”页面
了解应用目录及菜单 一个业务系统通常包括前端页面、后台逻辑和数据库表。因此，华为云Astro轻应用采用类似的结构管理应用程序。 如图1所示，应用管理页面包含三部分（红框1、红框2和红框3）： 红框1中是当前应用的页面、模型和逻辑。在后续章节中，开发的页面、对象及后台逻辑，推荐按以
“工单列表（客服人员）”页面与查询设备列表页面类似，包含工单查询条件、工单列表，以及创建工单的入口，用标准页面功能实现。 如图1所示，工单列表（客服人员）页面主要是一个表格、“创建工单”按钮及表格查询区域构成。 图1 工单列表（客服人员） 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。
equipmentList 查询系统中的设备，设备名称下拉框的属性值绑定模型 自定义模型 与“设备名称”下拉框绑定，将从下拉框的值赋给当前下拉框值。 equipmentOptions 查询系统中的设备，设备下拉框的可选项 服务模型 与公共接口equipmentSelectListQuery关联。
创建“判断下一步状态”脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。 在弹窗中，选中“创建一个新脚本”，在“名称”文本框中输入“judgeNextStatus”，单击“添加”。
因为两个页面很相似，所以为了快速创建，可以将“工单列表（客服人员）”页面保持为一个模板，再引用这个模板创建新的页面。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 使用“工单列表（客服人员）”页面创建新页面。 打开“HW__workOrderList”，单击锁定页面。 单击页面上方的，另存为页面。
查看页面性能 使用说明 低代码平台支持检查标准页面性能，生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告，单击图2中各指标后的“展开”，可查看性能指标具体详情。
创建业务凭证 业务权限凭证是业务用户在登录华为云Astro轻应用开发的应用后，所拥有的访问后端业务接口的凭证，后端业务接口以CustomAPI的形式进行开放时，可指定归属业务权限凭证。根据本示例的业务场景，创建4个业务凭证，即“cs”客服人员、“ds”派单人员、“ms”维修人员、“Login”业务用户登录专用。
创建“查询工单”脚本及公共接口 本节中的后台逻辑主要是通过脚本的形式，实现对工单记录的查询，然后将查询脚本封装成一个公共接口，供页面调用。 工单列表（客服人员）页面中，为了实现查询并显示已有工单信息功能，需要开发“查询工单”脚本和对应公共接口。 创建“查询工单”脚本 在“我的应用
据）、服务API（将数据和后端服务以API形式开放）、消息（为企业提供跨网络访问的安全、标准化消息通道）和设备信息（使用MQTT标准协议连接设备，帮助企业快速、简单地实现设备云端管理）集成能力，帮助企业快速联接云上云下，消除数字鸿沟，实现数字化转型。 AstroZero通过连接器和ROMA
使用华为账号，参考进入经典版开发环境中操作，进入华为云Astro轻应用经典版开发环境。 在经典版开发环境首页“项目”页签的“我的应用”中，单击“设备维修管理系统”，进入应用。 在左侧列表中，单击，选择“高级页面 > 组件”，单击“提交新组件”。 单击“请选择源文件(.zip)”，选择之前下载的组件包“userLogin
自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVue3Template”，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。
背景与原理（BPM） 工单管理模块中的工单场景业务编排是通过华为云Astro轻应用的流程编排BPM（Business Process Management）功能实现的，通过在前端页面调用BPM完成工单流转，即客服人员创单，派单员派发工单，维修工程师处理工单的全过程。 开发BPM即
单击“创建”，退出事件编排窗口。 实现“显示设备详细信息” 通过定义“基本信息”区域“设备名称”下拉框的“数据改变”事件，可以实现根据所选设备，在“设备详情”区域显示设备信息。 在“HW__createWorkOrder”页面中，选中“设备名称”下拉框。 图1 添加“数据改变”事件代码
查看运行日志 使用说明 在AstroZero管理中心，可查看程序的运行日志，便于问题定位。同时，AstroZero支持将日志采集到云日志服务（Log Tank Service，简称LTS），提供更强大的日志收集、分析、存储等服务。用户通过云日志服务，可快速高效地进行用户业务趋势分析、安全监控审计等操作。
查看部署日志 使用说明 在AstroZero管理中心，可根据条件查询程序关键资产的部署日志。 查看部署日志 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“系统管理 > 日志 > 部署日志”。 在部署日志页面，支持按日期范围、关键字进行分页查询。 表1
x、1024px），针对不同设备进行设计，形成流动布局。 针对复杂情况，可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。 CSS语法如下：
当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？为此，华为云Astro轻应用提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。另外，为确保自定义组件能够自适应不同分辨率设备，在组件开发中用户需
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
