检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function xxxHandler(value) {
如何使用自定义认证插件 开启自定义认证功能 开发自定义认证插件 父主题： AstroPro学堂
x-imports（当定义在dto的字段中时，只会在该dto类中引入import） definitions.model.x-imports（当定义在dto上时，只会在该dto类中引入import） paths.path.operation.x-imports（当定义在api中时，只会在该api中引入import）
使用组件 概述 组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。
views |_ Index.vue - Page2.vue - TodoFolder |_ Todo.vue 设计器的页面概念就相当于上述工程中的一个页面或者文件夹，每个页面有对应的路由，您可以根据路由访问对应的页面。
@vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法
使用状态选择器 使用说明 在样式选择器右侧，还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后，您此时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
string widget.props 属性值组件的props。 Object 使用模板开发样例 本示例中的imgbutton组件是使用nodejs开发前端的组件。以下若无特殊说明，均基于VSCode工具，按照imgbutton组件的功能点来介绍自定义组件的开发过程。 下载自定义组件模板，将自定义组件模板包解压。
如何使用自定义鉴权插件 开启自定义鉴权功能 开发自定义鉴权插件 父主题： AstroPro学堂
COMMENT = 'alias("workspace10")'; 标签使用效果： 表名别名效果： 字段别名效果： 字段数据类型标签 在comment中使用函数形式标识字段的数据类型，标识作用于表中字段，可使标识字段数据类型在模型中修改为标识类型。 参数说明： 标签名称：type。 数据类型：string类型。
使用模板创建服务 使用说明 您可以在“资产库”中自定义模板。当您的业务与模板中的场景相似度较高时，可以通过模板创建新的服务，减少重复开发，提高交付效率。 前提条件 已完成模板创建，具体操作请参考创建架构模板和创建业务对象模板。 已新建项目。 已创建服务组。 使用模板创建服务 参考
使用数据源 使用说明 设计器提供数据源来配合画布上的组件渲染。 本章节以应用于表格组件的表格列为例，为您介绍如何使用数据源。 创建数据源 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
false token是否在header中，默认true。 devspore.auth.token-name false token在header中的参数名，inHeader设置为true时生效，默认“X-Auth-Token”。 父主题： 如何使用自定义认证插件
描述 tenantId String 根据用户所在的租户传值： 对于非多租应用（MetaService中tenantModel为空），允许为空。 如果为多租应用（MetaService中tenantModel值为TENANT或者TENANT_PROJECT），则传入tenantId。
stroPro实例。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择对应服务，单击“操作”列“编辑”，进入服务编辑页面。 在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“身份认证”为“自定义认证”。
stroPro实例。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择对应服务，单击“操作”列“编辑”，进入服务编辑页面。 在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“服务鉴权”为“自定义插件”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
