</div> 将开发好的组件代码压缩到后缀为“.zip”的压缩文件中，也可以单击链接，获取组件样例包“widget_demo_property.zip”。 在组件库中上传组件包。 在环境配置的“维护 > 全局元素 > 页面资产管理 > 组件”中，单击“提交新组件”。 在提交新组件页面，设置组

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

开发概述 卡片库简介 卡片是一种新的服务形态，提供一种比页面更细粒度的可复用的原子化服务能力，能直观呈现独立的业务含义，使用户能够精准快速地获取想要的服务。目前卡片定义是狭义定义，不含报表、中大屏、页面、移动屏等由卡片编排的消费产物。 作为一种入口方式。如在一站式应用，以图标/链

查看更多 →

使用JS类库 内置类库列表 断言 chai （v4.2.0）：用于断言BDD/TDD断言。 加密解密库 jsrsasign（10.3.0）：用于RSA加密/解密。 Encode、Decode 库 crypto-js（v3.1.9-1）：编码/解码库，基本包含常用的编码、解码方式，

查看更多 →

plate”，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin

查看更多 →

如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装

查看更多 →

authorName：组件的作者信息。 localFileBasePath：组件本地调测路径。 i18n：指定组件的国际化资源文件。本例模板中未体现。 requires：依赖的库名称和版本号。 width：在绝对布局高级页面中添加该组件时的默认宽度，单位为px，不填写默认为200px。本例模板中未体现。

查看更多 →

authorName：组件的作者信息。 localFileBasePath：组件本地调测路径。 i18n：指定组件的国际化资源文件。本例模板中未体现。 requires：依赖的库名称和版本号。 width：在绝对布局高级页面中添加该组件时的默认宽度，单位为px，不填写默认为200px。本例模板中未体现。

查看更多 →

使用JS类库 内置类库列表 断言 chai （v4.2.0）：用于断言BDD/TDD断言。 加密解密库 jsrsasign（10.3.0）：用于RSA加密/解密。 Encode、Decode 库 crypto-js（v3.1.9-1）：编码/解码库，基本包含常用的编码、解码方式，

查看更多 →

其它 业务验证 在不影响线上流量的情况下，由测试人员完成新集群的功能验证。 配置测试 域名 测试业务功能 测试监控日志告警等运维功能 业务流量切换 由运维人员做DNS切换，将流量引到新集群。 DNS流量切换：调整DNS配置实现流量切换 客户端流量切换：升级客户端代码或更新配置实现流量切换

查看更多 →

其它 Iframe布局框 全屏 步骤条 按钮组件 父主题： 组件介绍

查看更多 →

“Vue3Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue Router的代码开发规范，修改组件包中的文件。 本示例场景中，增加如下加粗代码。

查看更多 →

引用 引用组件用于从关联的记录中引用某个字段数据显示在当前页面中。选用该组件需要在页面中已使用关联记录。 在表单开发页面，从“数据组件”中，拖拽“引用”组件至表单设计区域，如图1。 图1 引用 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 关联字段：选择当前页面中的关联记录。

查看更多 →

步骤二：上传自定义登录组件 自定义组件开发完成后，需要上传到AstroZero组件库中，供高级页面使用。 在AstroZero环境配置页面，单击主菜单中的“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件”。 单击“提交新组件”，进入提交新组件页面。 单击“上传”，上传自定义组件包“userLogin

查看更多 →

callFlowConn 根据组件配置的数据类型（数据集、桥接器、数据源和静态数据），获取数据。 beforeDestroy 组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下：

查看更多 →

绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例：

查看更多 →

HTTP请求的响应码。 Selected count 上一个数据库节点执行查询操作的数据条数。 仅支持MySQL，Gauss200，PostgreSQL，Oracle，SQL Server或DB2数据库。 Updated count 上一个数据库节点执行插入、更新和删除操作的数据条数。 仅支持M

查看更多 →

校验错误信息：当“自定义校验”中，JS代码返回值类型为布尔类型时，会取该参数的值为错误提示信息。当“自定义校验”中JS代码返回值类型为对象类型时，直接取返回值中的message值为错误提示信息。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐

查看更多 →

source_database_id String 源数据库id destination_database_id String 引用到项目后的数据库id destination_database_name String 引用到项目后的数据库名称 failed_reason String 失败原因

查看更多 →

变量引用 在编写模板时，通常会使用到变量引用的特性，像写函数一样，引用一个已定义好的变量或引用其他对象的成员变量。在AOS模板中也是一样的，您也可以引用其他已有的值。 为了使模板写作更加通顺，根据被引用的对象，将引用方法分为： 引用输入：使用get_input方式。 引用元素属性

查看更多 →

在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表1。 表1 组件名.js中预置API说明

查看更多 →