检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用组件 概述 组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。
订单支付成功后，单击“返回Astro企业应用控制台”。 在Astro企业应用控制台中，可以查看到Astro企业应用的实例状态。当“实例状态”变为“运行中”时，说明实例已安装好，可以正常使用Astro企业应用。 图3 查看实例状态 父主题： 新手指引
...... return userInfo; } } 认证配置 在配置文件中加入oauth2认证相关配置和devspore相关配置，如下： devspore: auth: exclude-paths: GET:/test #
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板，直接对当前选中组件进行样式设置，实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
配置变量 添加页面变量 添加全局变量 父主题： 前端应用管理
以购买企业版一年为例，若为基础版，此处配置费用为“0”。 图2 确认订单 选择支付方式，单击“确认付款”，完成支付。 订单支付成功后，单击“返回Astro企业应用控制台”。 在Astro企业应用控制台中，可以查看到Astro企业应用的实例状态。当“实例状态”变为“运行中”时，说明实例已安装完成，可以正常使用Astro企业应用。
以购买专业版一年为例，若为基础版，此处配置费用为“0”。 图2 确认订单 选择支付方式，单击“确认付款”，完成支付。 订单支付成功后，单击“返回Astro企业应用控制台”。 在Astro企业应用控制台中，可以查看到Astro企业应用的实例状态。当“实例状态”变为“运行中”时，说明实例已安装完成，可以正常使用Astro企业应用。
同时可配置服务调用时延和读取数据不一致最大容忍时间。 前提条件 仅当服务满足以下两个场景时，才可在“服务SLA”页面查看并配置服务SLA信息。 在“应用管理”中已创建应用服务，同步应用至“服务管理”，并为同步的服务添加依赖服务。 在“服务管理”中已新增一个服务并添加依赖服务，关联服务使服务信息同步到“应用服务”中。
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个
步骤1：基本配置 基本信息中配置的内容会呈现在代码中，需用户根据实际情况进行勾选配置。 在服务列表中，单击新增一个服务中已创建服务后的“编辑”。 在基本配置中，按需进行设置。 图1 基本配置 基本配置：若本地已有配置好的服务元数据，可通过单击“导入元数据”，直接导入。 微服务名称
图10 工程目录不同类型设置效果 module添加服务名前缀：配置为“是”时，模块名称前会添加服务名前缀。 图11 开启前后效果 设置部署信息。 图12 设置部署信息 服务部署脚本 对接CCE部署和ServiceStage部署时，生成的代码中会包含如下内容： 根目录中会增加“ .cam”文件夹，包含“cam
步骤2：框架配置 框架配置和基本配置一样，需要您根据实际情况进行勾选配置，不同的配置会呈现不同的效果。 是否启用模板，默认不启用，如需启用，在下拉框中选择已创建的模板。创建模板具体操作请参考创建架构模板。 选择模板后，模板配置将自动带入包括“框架配置”和“生成策略”。 选择参考框架。
3)：生成JDK17+SpringBoot3的代码框架。 注册发现/配置中心 注册发现/配置中心。 不启用：不对接配置管理服务。 CSE：使用微服务引擎服务CSE作为配置管理服务。CSE是微服务应用的云中间件，为用户提供了注册发现、服务治理、配置管理等高性能和高韧性的企业级云服务能力，可无缝兼容Spring
)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
<span>{{ item.title }} <!---列表细节---> </div> </template> 父主题： 配置高级设置
注意：使用JS表达式定义state变量的时候无法调用state其他变量定义，另由于JS函数定义在变量之后，也无法调用JS面板定义的函数。 图1 添加变量 （可选）设置变量高级配置。 getter：用于获取（读取）类的私有属性的值。Getter方法通常没有参数，并且返回属性的值。 示例： function getter()
stroPro-SDK。 如果您能访问外网并下线maven依赖，则可通过修改maven settings.xml文件来配置华为开源镜像仓库进行依赖管理，具体配置如下： 在profiles节点中添加如下内容： <profile> <id>MyProfile</id>
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
