检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中，通过
AstroZero平台可以调用的typeScript库，其中包括脚本函数以及函数相关信息，并且可以获取ES5语法的标准库。 AstroZero平台可以调用的脚本函数必须已经映射到go函数中，才可以成为平台可以调用的typeScript库一部分。 URI GET AstroZero
按照应用ID“000f000000g3Yhaz5ipE”查询该应用详细信息。 GET https://AstroZero域名/u-route/baas/metadata/v1.0/Application/000f000000g3Yhaz5ipE 响应示例 { "resCode": "0"
事件：由后台事件的字段映射创建，并且支持websocket刷新模型数据。 属性值绑定，用于对该组件所有属性的动态设置。当某一属性被动态绑定时，以绑定值为准。更多介绍，请参见属性绑定。 基本属性：基本属性通过数据绑定后，在运行时以数据绑定的值为准。 文本类型：设置文本类型，如输入框、密码。 标签：输
图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，拖拽轮播组件到右侧画布中。
通过自定义动作实现AstroZero标准页面组件交互 操作场景 如果您擅长编写JavaScript代码，可以不使用事件编排器中的内置动作，直接通过手动编写JavaScript代码实现事件的逻辑功能。低代码平台支持在手动编写JavaScript代码时，进行代码联想提示，并封装了一些常用功能的接口，并将其中典型接口做成模板，供您直接使用。
在这个例子中，导入circle 的时候需要在其名称上添加命名空间的字段才可以正确导入。 import语法 Typescript模块import语法，请参考typescrip官方网站。 标准库模块 低代码平台中有些模块会被编译成二进制，预先加载到内存中。例如，decimal、context都是系统预置的标准库模块。
let equipment = $model.ref("basicInfo").getData(); let equipmentId = equipment.HW__equipmentId__CST; let queryEquipParam = {"id" : equipmentId};
eryEquipments”（绑定“queryEquipmentes”接口），执行接口绑定的“HW__queryEquipments”脚本，从“HW__Equipment__CST”对象中获取设备信息列表。 将服务模型“queryEquipments”返回的参数值绑定在自定义模型
表格（新） 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
在右侧“属性”页签中单击，为“设备名称”输入框绑定“equipmentForm”自定义模型中的“name”参数，如图20所示。 数据绑定后，当在前台界面输入内容时，系统就会把输入框中的内容，赋值给“name”。 图20 输入框数据绑定 重复上一步，为“设备编码”、“设备型号”、“详细地址”文本输入框绑定“equip
开发平台，通过拖拉拽的方式即可完成一般应用的开发，不单独依靠哪一种编程语言。其中，支持的脚本功能使用的是TypeScript，页面事件使用的是JavaScript，底层使用GO语言。 父主题： 产品咨询类
路径参数 参数 是否必选 参数类型 描述 filename 是 String 参数解释： 上传的文件名称，需要为zip包，包中可包含多个元数据文件。 约束限制： 需要为zip包。 取值范围： 不涉及。 默认取值： 不涉及。 请求参数 上传的文件应转换为流传入，无其他参数。 响应参数 表2
这些节点名称需要与设备对象的字段名保持一致。 equipmentList 查询系统中的设备，设备名称下拉框的属性值绑定模型 自定义模型 与“设备名称”下拉框绑定，将从下拉框的值赋给当前下拉框值。 equipmentOptions 查询系统中的设备，设备下拉框的可选项 服务模型 与公共接口equipmentSelectListQuery关联。
oZero管理中心，绑定WeLink并同步WeLink信息。 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“系统管理 > 统一身份认证”，单击“WeLink”。 在绑定WeLink中，单击“绑定WeLink”。 图5 进入绑定WeLink页面 在
的场景，您可以通过在线开发TypeScript脚本实现。本章节以创建一个全新的脚本为例，向您介绍如何在低代码平台中新建一个脚本。本脚本实例不涉及对象及调用接口等内容，脚本只实现请求“http://www.example.com”，返回网站请求的消息头功能。 创建空白脚本 参考登录
、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 开发高级页面。 下面以开发一个绝对布局的高级页面为例，向您如何使用AstroZero快速开发一个高级页面。 图2 绝对布局类型高级页面组件布局示例
管理应用中的脚本 针对业务逻辑比较复杂的场景，AstroZero低代码平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。在AstroZero环境配置中，可管理当前账号下所有的脚本，包括查看、启用、禁用、运行脚本等。 约束与限制
"User" } ], "total": "2" } 资源 根据类型选择需要绑定的资源，如脚本，服务编排或操作的对象名称。 须知： 如果找不到需要绑定的服务编排或脚本，请检查服务编排或脚本是否启用。如果没有启用，请进入服务编排排或脚本设计页面，单击页面左上角的图标，启用服务编排或脚本。
列表视图：用于灵活组合列表项的内容，并且根据实例化数据动态展示。使用时需要在List View上绑定数据模型。数据类型为数组。如果要使用分页，分页组件需放在List View Container内。 模态框：弹框样式布局，使用数据绑定实现双向绑定，通过控制模型的值true、false来显示、隐藏对话框。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
