检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
可参见使用控制台分析查询SQL。 图3 控制台中查看packageinstall 为什么要用源码包 应用包主要用于租户之间或者环境之间的资产复用，避免重复开发。而源码包主要用于同一租户内，在不同环境之间的资产迁移，以源环境的状态继续开发（类似自己代码仓库），或者用于备份租户自己的代码，以便在需要恢复时使用。
背景和原理 本节主要通过创建一个标准页面，调用一个具有编辑设备功能的脚本，实现编辑设备信息功能。在进行开发前，您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示，通过本章的学习和实践，您将了解“标准页面”的能力，并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口
开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式 如何引入第三方库 父主题： 经典版开发指导
了解脚本相关背景知识，掌握开发、测试脚本的方法。 标准页面： UI组件：了解表单、容器、输入框、下拉框、级联选择框、标题和按钮组件的主要配置属性，为“表格”组件添加操作列。 UI组件：了解“可折叠容器”的主要配置属性，自定义“表格”组件中某字段的显示内容。 事件：动态加载页面内容、组件事件代码的编写。 模型：模型的类型和作用。
在某些订单系统中，通常需要将客户信息和订单数据进行关联，用于处理订单、扣减库存等。本实践主要向您介绍如何将两个对象进行关联，实现对象数据的同步修改功能。 使用AstroZero在前端表格中增删改对象数据 本实践主要向您介绍如何通过增加一个工具栏，在前端页面实现对象数据的增加、删除和修改。 通
成公共接口后被调用。本节中主要是将服务编排包装成一个公共接口后，供页面调用，“管理设备”功能中涉及的业务逻辑，以及服务编排与脚本关系如表1下所示，详细操作方式及说明请参见创建业务逻辑。 表1 “管理设备”功能需要创建的脚本、服务编排详情 脚本名称 主要作用 关联服务编排 关联公共接口
布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时需要渲染的界面和逻辑。“.editor.js”只在Widget编辑状态被加载，主要包含如下两个方法： pro
布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时需要渲染的界面和逻辑。“.editor.js”只在Widget编辑状态被加载，主要包含如下两个方法： pro
自定义：不指定事件的起因，即不需要指定触发条件，主要用于接口调用进行启动。 表单：使用表单或者页面启动BPM。选择该项时，需要配置具体的表单、标准页面或者高级页面。 图2 开始配置页面 其中： ：为图元的基本信息配置界面，包括“标签”、“名称”和“描述”。 ：为全局上下文，主要用于创建BPM中需要使用的变量、公式以及结构体变量等。
自定义：不指定事件的起因，即不需要指定触发条件，主要用于接口调用进行启动。 表单：使用表单或者页面启动工作流。选择该项时，需要配置具体的表单、标准页面或高级页面。 图2 开始配置页面 其中： ：为图元的基本信息配置界面，包括“标签”、“名称”和“描述”。 ：为全局上下文，主要用于创建工作流中需要使用的变量、公式以及结构体变量等。
本章节以模板组件widgetEventTemplate、widgetActionTemplate为例，向您介绍上述关于事件和动作API的使用方法。 在事件和动作的模板组件中，主要实现如下图所示。单击widgetEventTemplate中的“trigger Event”按钮，可将此组件输入框中的文本传递给widge
ary和站点信息等。 CustomAPI.yaml 自定义接口的yaml文件。 packageinfo.json 软件包的元数据描述文件，主要包含应用的软件包名字、描述信息以及作者信息等。 父主题： 工程能力
实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库：在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 流程-历史
执行。主要包含的预置API说明，请参见高级页面组件中预置的API。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时，需要渲染的界面和逻辑。“*.editor.js”只在组件编辑状态被加载，主要包含： propertiesConfig：主要负责组件配置页面中，右侧的属性配置逻辑。
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示，页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 标签切换效果 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组
业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用AstroZero提供的标准页面。 高级页面：高级页面也是由一个或多个组件拼装而成，但是高级页面的组件是一个通用性强、功能丰富、可视化效果好的页面组成元素，因此高级页面主要用于对呈现效果要
作日志。 日志类型 日志类型，取值说明如下： 业务日志：输出业务相关的跟踪日志。 完整日志：输出业务日志，以及数据库、中间件等的详细日志，主要用于AstroZero问题定位。 下载日志文件。 单击下载，可下载日志文件。下载后会自动停止跟踪，日志格式为“时间|操作ID|业务部件|动作描述”。
租户级：打印租户所有会话的日志。 日志类型 日志类型，取值说明如下： 业务日志：输出业务相关的跟踪日志。 完整日志：输出业务日志，以及数据库、中间件等的详细日志，主要用于AstroZero问题定位。 下载日志文件。 单击下载，可下载日志文件。下载后会自动停止跟踪，日志格式为“时间|操作ID|业务部件|动作描述”。
件时，选择“默认”类别中的页面跳转，并通过新增动作参数将事件的参数传给页面宏，在跳转的目标页面中读取页面宏数据。 图2 Page传值原理 主要实现原理如下： widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。
件时，选择“默认”类别中的页面跳转，并通过新增动作参数将事件的参数传给页面宏，在跳转的目标页面中读取页面宏数据。 图2 Page传值原理 主要实现原理如下： widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
