检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“是否渲染”后的，进行变量绑定。 图2 绑定变量 选项绑定的变量，单击“确定”。 绑定成功后可根据变量state.isLogin的值，查看渲染效果。
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”，完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题： 配置样式设置
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。 从全局样式面板中可以看到，等效于直接编辑样式：
在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 选择项目和服务组，单击“新建服务”。 图1 新增一个服务 设置服务的基本信息。 图2 设置服务基本信息 服务名称：设置待添加服务的名称，由英文字母、数字或“-”组成，且必须以字母开头，一般采用驼峰格式，长度最低为两位。 服务类型
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的输入框，输入类名，例如.test。 类名不能以数字开头。 绑定组件属性元素ID：使用格式 #elementID。
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮，重新输入类名，例如.test123。 单击回车键，类名修改完成。 父主题：
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 父主题： 类名管理
界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名，例如 .test1、.test2、.test3等。 通过下拉框选择切换类名，组件将切换至类名绑定的对应样式。
画布中选中组件，在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”，变量绑定完成。 通过修改变量，查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题： 配置样式设置
il的聚合关系中，Order为首要方，OrderDetail为次要方，即订单存在时，订单详情才会存在。 图5 设置对象间关系 设置完成后，单击“下一步”，进行服务依赖设置。 父主题： 编辑服务
基本信息中配置的内容会呈现在代码中，需用户根据实际情况进行勾选配置。 在服务列表中，单击新增一个服务中已创建服务后的“编辑”。 在基本配置中，按需进行设置。 图1 基本配置 基本配置：若本地已有配置好的服务元数据，可通过单击“导入元数据”，直接导入。 微服务名称：自动关联新增一个服务中创建的服务名称。
删除项目 使用说明 删除项目前，请确保已删除项目中的服务组。如何删除服务组，请参见删除服务组。 单个删除项目 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击待删除项目后的“删除”。
右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否
删除服务组 使用说明 服务组不再使用时，可以删除已创建的服务组。删除服务组前，请确保服务组中的服务已删除。如何删除服务，请参见删除服务。 单个删除服务组 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“服务管理 > 服务组”。 选择服务组所属的项目，单击待删除服务组后的“删除”。
为了方便用户更加快速、便捷的使用micrometer定义自己的监控指标，devspore-probe提供了注解的方式去快速的定义监控指标，避免了定义复杂的监控类。 如何使用 项目中引入devspore-probe依赖，在项目的pom.xml中添加下面的配置。 1 2 3 4 5 <dependency>
通过导入DDL文件实现业务设计 本章节指导您如何通过导入DDL文件来实现业务设计。DDL文件不仅定义了数据库的结构，还确保了数据的完整性和一致性，为业务应用提供了坚实的基础。 DDL文件设计 根据业务模型，完成DDL文件设计，DDL标签使用可参考DDL标签使用指南。 示例： CREATE
AstroPro学堂 如何自定义DTO 如何定义脱敏规则 如何为对象自定义API 如何为对象添加固定字段 如何为对象添加枚举字段 服务开发框架详解
Value Object”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图4所示。 图4 Value Object 对象名称：设置对象的名称，必须使用大驼峰格式，不允许存在连续的大写字母。 中文名：设置对象的中文名称。 软删除策略：开启软删除策略后，数据删除时执行逻辑删
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
