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