检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr
据源。 ：资源管理插件，将一些可复用的公共函数编写到工具类中，也可以将一些npm包引用到工具类中，供后续调用，具体操作请参考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状
行于Web容器中。 性能测试。 注意：性能测试配置为Astro Pro专业版/企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 图6 性能测试 CodeArts性能测试：是否使用CodeArts PerfTest进行性能测试。性能测试CodeArts Perf
json：用于定义一组组件的元数据，包括组件的配置、依赖关系、版本信息等。 index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（CSS）。 组件协议结构规范 组件协议结构规范用于描述组件的关键信息和配置项，对应组件的components字段。
的代码，从而达到代码复用的目的。 同样，在低代码开发中，不可避免地需要编写一些高代码进行组合开发，这里同样存在存储一些公共函数以供各处调用需求。工具类就是在这样的背景之下诞生，您可以将一些可复用的公共函数编写到工具类中，也可以将一些npm包引用到工具类中，供后续调用。 工具类是应
utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类
选择生命周期函数，例如onMounted、setUp、onUpdated等。 周期函数详细说明可参考生命周期选项。 图3 添加页面生命周期 编写生命周期函数，单击“确定”。 图4 编写生命周期函数 单击“保存”。 在弹框中输入历史备份信息，单击“确定”，完成页面创建。 创建完成后，可在模板的基础上继续设计改造页面。
自动续费 规则介绍 自动续费可以减少手动续费的管理成本，避免因忘记手动续费而导致AstroPro无法使用。自动续费的规则如下所述： 以AstroPro的到期日计算第一次自动续费日期和计费周期。 AstroPro自动续费周期，以您选择的套餐版本时长为准。 AstroPro到期前均可
devspore-security使用概述 devspore-security安全组件内置了明文加密、参数校验等安全功能，相比原有组件自动化程度更高，集成方式更简单。 表1 安全功能 名称 描述 配置自动加解密 自动对配置文件的字段加解密，通过(NeedEnc)(NeedDec)标注。
Plugin.java”示例文件。 使用插件时，用户需要在配置文件中添加devspore.horizon.processors，即配置自己编写的扩展插件注入到spirng中的名称，多个插件之间使用英文逗号隔开，扩展插件需要继承com.huawei.devspore.horizon
)。 图1 设置绑定事件 单击“确定”，弹出JS面板，刚创建的onClickNew事件已存在JS面板中。 在JS面板中编写绑定方法的具体逻辑。 图2 实现逻辑编写 单击“保存”，绑定事件完成。 创建普通方法在生命周期中使用 参考登录AstroPro界面中操作，登录AstroPro界面。
在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function handleOnClick(event) { this.loadingInstance = this
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
框架配置 设置服务的架构、数据库、缓存和安全认证等信息，请根据实际业务直接在界面进行勾选。 生成策略 设置服务的API、代码风格、部署和性能测试等信息，请根据实际业务直接在界面进行勾选。 业务设计 基本配置、框架配置和生成策略需要用户根据自身业务的实际情况进行配置，配置不同生成的效
这些客户端库以统一和简化的方式调用已有服务的接口，无需关心服务的具体实现细节。生成的客户端库可以作为服务间通信的标准工具，减少了重复的代码编写，提高了开发效率和代码的可重用性。 约束与限制 配置连接器为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。
module添加服务名前缀：配置为“是”时，模块名称前会添加服务名前缀。 图11 开启前后效果 设置部署信息。 图12 设置部署信息 服务部署脚本 对接CCE部署和ServiceStage部署时，生成的代码中会包含如下内容： 根目录中会增加“ .cam”文件夹，包含“cam.yml”和“variables
生成策略 业务设计 对象及关系介绍 前端应用管理 创建前端应用 新建页面 使用组件设计页面 生成前台业务代码 样式管理 通过样式面板配置样式 直接编写样式代码 使用状态选择器 行内绑定状态变量 高级配置管理 条件渲染 循环渲染 绑定事件 使用数据源 添加工具类 国际化资源管理 使用JS面板
选择生命周期函数，例如onMounted、setUp、onUpdated等。 周期函数详细说明可参考生命周期选项。 图4 添加页面生命周期 编写生命周期函数，单击“确定”。 图5 编写生命周期函数 单击“保存”。 在弹框中输入历史备份信息，单击“确定”，完成页面创建。 复制页面 参考登录AstroPr
(InterruptedException e) { throw new RuntimeException(e); } return "测试超时"; } 注意事项 当使用超时功能时，方法会运行在异步线程中，如在方法中使用了线程变量，会产生无法读取变量的问题。 使用超时功能时必须
version}</version> #版本号，版本号可参考AstroPro-SDK版本变更与下载。 </dependency> 根据业务需求编写配置文件。 devspore: client-control: biz-pool: # 具体可参见 参数配置说明 caches:
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
