检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用组件 概述 组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function xxxHandler(value) {
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
使用数据源 使用说明 设计器提供数据源来配合画布上的组件渲染。 本章节以应用于表格组件的表格列为例，为您介绍如何使用数据源。 创建数据源 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。
使用模板创建服务 使用说明 您可以在“资产库”中自定义模板。当您的业务与模板中的场景相似度较高时，可以通过模板创建新的服务，减少重复开发，提高交付效率。 前提条件 已完成模板创建，具体操作请参考创建架构模板和创建业务对象模板。 已新建项目。 已创建服务组。 使用模板创建服务 参考
参考表1配置连接器基本信息。 表1 基本信息参数说明 参数 说明 连接器名称 输入连接器名称，即最终生成客户端服务名称。 连接器名称只能包含字母（大小写）、数字、连字符（-）、下划线（_）和句点（.）。 描述 输入连接器补充描述信息。 图1 新建连接器 单击“确定”，完成连接器创建。
PRIMARY KEY (`id`) ) COMMENT = 'primaryKeyType("SNOWFLAKE")'; 标签使用效果： 主键标签 在comment中使用函数形式表示主键类型。可选值为：UUID、SNOWFLAKE、AUTO_INCREASE_INT32、AUTO_INC
使用状态选择器 使用说明 在样式选择器右侧，还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后，您此时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
应的包，需要使用 x-imports标签手动导入相应的包 - "@Transactional" # 此处会将 @Transactional识别为一个字符串添加到api接口类上，并不会导入相应的包，需要使用 x-imports标签手动导入相应的包 使用效果： 使用前： package
如何使用自定义认证插件 开启自定义认证功能 开发自定义认证插件 父主题： AstroPro学堂
如何使用自定义鉴权插件 开启自定义鉴权功能 开发自定义鉴权插件 父主题： AstroPro学堂
引入，所以，如果添加了npm工具类，在预览失败时，请确保已添加cdn链接。 预置cdn链接说明 为了使用的方便，目前在Vue技术栈中，已经预置了一部分npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios
开发自定义认证插件 TokenParser实现类与UserStore实现类，均需注册成bean，并完成bean扫描，确保Spring容器中可获取到对应bean。 实现TokenParser接口 import com.huawei.devspore.plugin.spi.authentication
devspore提供鉴权插件接口，您只需实现对应鉴权接口即可。 自定义鉴权插件 继承抽象类Processor，实现doProcess接口，可定义多个插件。 插件均需注册为bean。 import com.huawei.devspore.plugin.spi.authorization.AuthObject;
在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“身份认证”为“自定义认证”。 图1 开启自定义认证 父主题： 如何使用自定义认证插件
在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“服务鉴权”为“自定义插件”。 图2 开启自定义鉴权 父主题： 如何使用自定义鉴权插件
编辑子域 使用说明 子域创建成功后，支持再次编辑。 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 编辑子域 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 应用管理 > 子域”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
