检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
在弹框中查看转换规则组详情。 图1 查看转换规则组 执行框架转换 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 框架转换”。 在框架转换规则组列表中选择对应的转换规则组，单击“操作”列“执行”。 配置转换基本信息。 导入文件：选择本地待转换的文件。
图6 修改main.js文件 开发完成后，执行构建，例如，使用VSCode执行npm run build命令进行构建。 如果执行命令时提示找不到，请先使用“npm install”安装依赖。 构建完成后将在本地生成压缩包，即开发完成的组件物料包。 图7 执行构建 打包的物料包会取根目录package
前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
初始值类型：可选择“JSON类型”和“JS表达式类型” 初始值：数据写法和JS写法一致。 字符串: "string" 数字: 123 布尔值: true/false 对象: {"name": "xxx"} 数组: ["1", "2"] 空值: null JS表达式: （“初始值类型”需要选择“JS表达式类型”）
单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function handleOnClick(event) { this.loadingInstance = this.utils.Loading.service({ text: "加载中",
value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function
一些npm包引用到工具类中，供后续调用，具体操作请参考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态管理插件，可添加页面变量和添加全局变量，供页面及应用使用。 单击插件
- views |_ Index.vue - Page2.vue - TodoFolder |_ Todo.vue 设计器的页面概念就相当于上述工程中的一个页面或者文件夹，每个页
生成业务代码 使用说明 页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。
体内。此方法返回值为boolean型。如果认证或者鉴权的逻辑失败，则返回false，责任链后续节点不再执行，整个请求返回不再执行；如果认证或者鉴权成功，则返回为true，继续执行后续节点。Processor代码如下： public abstract class Processor
使用超时功能 clientcontrol提供了超时功能，当目标业务方法执行超过执行时间后，会终止代码的执行，具体使用方式如下： pom文件添加依赖。 配置文件，参考下面配置样例。 devspore: client-control: biz-pool: prioritized:
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
重新编译服务 使用说明 服务创建编译完成后，支持再次编译服务并生成新的代码压缩包。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，单击已创建服务后的“更多 > 重新生成”，即可重新生成服务的代码。
功能时，在执行目标业务代码时，优先会查询缓存，如果缓存存在则返回缓存结果，如果缓存不存在则执行目标业务代码。 当使用缓存优先时clientcontrol的处理逻辑如下： 读取缓存，判断是否是性能缓存。 如果是性能缓存，直接将性能缓存当结果返回。 如果不是性能缓存，执行原方法。 如果原方法执行成功，更新缓存，返回结果。
引入devspore-auth-starter依赖后，会在SDK内自动注册认证Filter：AuthAuthenticationFilter。 调用业务接口时会自动执行已注册的认证Filter，AuthAuthenticationFilter.doFilterInternal中将通过SPI方式先调用Tok
为了使用的方便，目前在Vue技术栈中，已经预置了一部分npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer
toString(); } 当使用服务优先时clientcontrol的处理逻辑如下： 执行原方法，如果执行成功，更新缓存，返回结果。如果执行方法失败，获取缓存。 如果成功拿到缓存，则将缓存结果返回。如果没有拿到缓存则将原方法的执行失败异常返回。 父主题： 使用熔断降级功能
复制服务 使用说明 AstroPro支持复制服务，减少重复开发，提高交付效率。 前提条件 仅工作空间管理员、项目管理员和架构师，才能执行复制服务的操作。 图1 复制服务角色要求 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
