检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
颜色：设置组件的背景颜色。 高级设置 选中雷达图组件，单击鼠标右键选择“高级设置”，可对雷达图进行多种配置。 图2 雷达图配置效果 选择模板：系统预置的雷达图模板，单击即可切换样式。可选择某一模板重置，也可通过设置各配置项得到想要的效果。 数据系列：对数据属性（数据的标记图形、标记的
说明 标签 请输入新建表单的标签，标签用于在页面展示，创建后可修改。 取值范围：1~60个字符。 名称 请输入新建表单的名称。名称是表单在系统中的唯一标识，创建后不支持修改。命名要求如下： 长度范围为1~47个字符。 必须以英文字母开头，只能由英文字母和数字组成。 描述 请根据需要，在输入框中输入表单的描述信息。
开发者自定义方法。 $model.ref("modelName").actionName(); 对象模型 对象模型是直接与Object对象表映射生成的。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 平台自动生成查询、保存、删除和统计4个方法。 $model.ref("modelName")
颜色：设置组件的背景颜色。 高级设置 选中基本折线图组件，单击鼠标右键选择“高级设置”，可对折线图进行多种配置。 图2 基本折线图效果图 参考配色模板：系统提供了三种可选基本折线图模板，单击即可切换样式。可选择某一模板重置，也可通过设置各配置项得到想要的效果。 数据系列：对每个数据系列（折线颜
预置的桥接器不能满足开发需求，还可以自定义开发桥接器进行上传使用。 在经典版应用设计器的“资产 > 高级页面 > 桥接器 ”页面中，可查看系统预置的桥接器或自定义桥接器，如下图所示： 图1 桥接器列表 前提条件 已初步了解服务编排或脚本开发。 已初步了解API接口。 初识桥接器（组件预置桥接器）
约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 instanceLabel 否 String 参数解释： 实例标签，可以内嵌系统变量。 约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 laneSet 否 object 参数解释： 泳道信息。 约束限制：
数字：允许用户输入任何数字，会删除前置零。 百分比：允许用户输入百分比数字（例如"10"），并自动向数字添加百分号。 电话：允许用户输入任何电话号码，系统会自动将其转换为电话号码格式。 币种金额：允许用户输入其他币种金额，并将字段自动转换为币种金额格式。此功能在将数据导出到Excel或其它电子表格时非常有用。
约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 instanceLabel 否 String 参数解释： 实例标签，可以内嵌系统变量。 约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 laneSet 否 object 参数解释： 泳道信息。 约束限制：
默认值：新版本，此处请设置为“新实例”。 标签 自定义新版本工作流的标签，用于在页面展示，创建后可修改。 取值范围：1~80个字符。 名称 自定义工作流的名称。名称是工作流在系统中的唯一标识，创建后不支持修改。命名要求如下： 长度不能超过64个字符，包括前缀命名空间的长度。 说明： 名称前的内容为命名空间，在Ast
ro后，后台会生成一个访问令牌，在响应消息中携带，并存在浏览器中。下次再调用请求后，会带上这个访问令牌，表示这个用户已经被鉴权过。当第三方系统要访问AstroZero的业务接口时，需要提前使用OAuth协议进行接入认证，获取客户端鉴权ID（Client ID）和客户端鉴权密钥（Client
单击“上传”，上传自定义组件包“userLogin.zip”。 图4 上传自定义组件 表1 上传组件参数说明 参数 说明 名字 新提交组件的名称，系统会根据组件包名称自动填充。 示例：userLogin 上传源文件 组件源文件包，单击“请选择源文件(.zip)”，选择步骤一：自定义开发组件中的自定义组件登录包。
在基本中，拖拽“记录查询”图元至画布中。 选中记录查询图元，单击，设置基本信息。 表1 基本信息参数说明 参数 参数说明 标签 图元的标签，用于在页面显示。系统会自动填入该值，格式为RecordSelect序号，序号从“0”开始，表示同类型图元序号。 名称 该图元的标识，请确保在当前服务编排中唯一。
单击这里，可获取免登录开发样例。此样例仅作为参考，实际使用时请根据具体场景进行修改，但必须确保入参和出参是一致的。同时需要将服务的请求地址配置到系统参数“token_url_in_wechat”中，且入参、出参设置如下： 入参为： code：wx.login后获取的code。 appid：当前小程序id。
zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。
在基本中，拖拽“记录查询”图元至画布中。 选中记录查询图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用于在服务编排设计页面展示。系统会自动填入该值，格式为RecordSelect序号，序号从“0”开始，表示同类型图元序号。 名称 设置图元的名称，名称为图元在服务编排中的
参考开发一个简单脚本实例中操作，创建一个空白脚本。 图3 新建一个空白脚本 在脚本编辑器中，输入如下代码。 //导入该脚本所依赖的标准库文件。es是系统预置的标准库。 import * as es from 'es' / ES模块部分脚本接口调用示例 */ let indexName1
添加对象关系参数说明 参数 说明 显示名称 请输入关联关系在界面的展示名称，创建后支持修改。 取值范围：1~80个字符。 唯一标识 关联关系在系统中的唯一标识，创建后不支持修改。命名要求如下： 取值范围：1~64个字符。 必须以英文字母开头，只能由英文字母，数字或下划线组成，且不能以下划线结尾。
参考创建空白AstroZero脚本中操作，创建一个空白脚本。 在脚本编辑器中，输入如下代码，调用一个CSS连接器，并实现索引操作。 //导入该事件所依赖的标准库文件。es是系统预置的标准库。 import * as es from 'es' / ES模块部分事件接口调用示例 */ let indexName1
面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 绑定数据模型、增加查询条件、工具栏 设置组件绑定的数据模型，有自定义对象、对象、服
代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。 自定义组件结构 自定义组件包，目录结构如下。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
