检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用组件 概述 组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
图4 详细配置 服务类型：当前仅支持创建原子服务。原子服务是指对外提供业务对象管理API，有独立数据存储（一般为独立数据库）的服务。原子服务之间可以相互调用。 服务组：选择服务所属的分组。如何创建服务组，请参见新建服务组。 服务单元化策略：服务在子域内的单元化策略。服务单元化策略必须在一个子域内定义，不能跨子域。
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function xxxHandler(value) {
如何使用自定义认证插件 开启自定义认证功能 开发自定义认证插件 父主题： AstroPro学堂
使用数据源 使用说明 设计器提供数据源来配合画布上的组件渲染。 本章节以应用于表格组件的表格列为例，为您介绍如何使用数据源。 创建数据源 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
如何使用自定义鉴权插件 开启自定义鉴权功能 开发自定义鉴权插件 父主题： AstroPro学堂
PRIMARY KEY (`id`) ) COMMENT = 'primaryKeyType("SNOWFLAKE")'; 标签使用效果： 主键标签 在comment中使用函数形式表示主键类型。可选值为：UUID、SNOWFLAKE、AUTO_INCREASE_INT32、AUTO_INC
使用状态选择器 使用说明 在样式选择器右侧，还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后，您此时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
应的包，需要使用 x-imports标签手动导入相应的包 - "@Transactional" # 此处会将 @Transactional识别为一个字符串添加到api接口类上，并不会导入相应的包，需要使用 x-imports标签手动导入相应的包 使用效果： 使用前： package
在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择对应服务，单击“操作”列“编辑”，进入服务编辑页面。 在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“身份认证”为“自定义认证”。 图1 开启自定义认证 父主题： 如何使用自定义认证插件
编辑服务 步骤1：基本配置 步骤2：框架配置 步骤3：生成策略 步骤4：业务设计 步骤5：服务依赖 父主题： 服务管理
引入，所以，如果添加了npm工具类，在预览失败时，请确保已添加cdn链接。 预置cdn链接说明 为了使用的方便，目前在Vue技术栈中，已经预置了一部分npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios
服务管理 了解服务创建流程 新增一个服务 编辑服务 生成服务代码 查看服务详情 使用模板创建服务 升级API版本 重新编译服务 复制服务 删除服务 导出元数据 导入DDL 导入swagger 父主题： 后端应用管理
服务依赖管理 查看服务依赖 删除服务依赖 父主题： 后端应用管理
服务开发框架详解 整体结构介绍 单Module base/service DDD 父主题： AstroPro学堂
导入DDL DDL标签使用指南 通过导入DDL文件实现业务设计 父主题： 服务管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
