检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板，直接对当前选中组件进行样式设置，实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
配置变量 添加页面变量 添加全局变量 父主题： 前端应用管理
同时可配置服务调用时延和读取数据不一致最大容忍时间。 前提条件 仅当服务满足以下两个场景时，才可在“服务SLA”页面查看并配置服务SLA信息。 在“应用管理”中已创建应用服务，同步应用至“服务管理”，并为同步的服务添加依赖服务。 在“服务管理”中已新增一个服务并添加依赖服务，关联服务使服务信息同步到“应用服务”中。
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个
properties 组件暴露的配置属性。 Array <Object> events 组件暴露的事件。 Object 组件暴露配置属性项结构（properties[0]）。 表3 配置属性项结构 字段 说明 类型 label 配置分类名。 Object description 配置分类描述。 Object
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
步骤1：基本配置 基本信息中配置的内容会呈现在代码中，需用户根据实际情况进行勾选配置。 在服务列表中，单击新增一个服务中已创建服务后的“编辑”。 在基本配置中，按需进行设置。 图1 基本配置 基本配置：若本地已有配置好的服务元数据，可通过单击“导入元数据”，直接导入。 微服务名称
步骤2：框架配置 框架配置和基本配置一样，需要您根据实际情况进行勾选配置，不同的配置会呈现不同的效果。 是否启用模板，默认不启用，如需启用，在下拉框中选择已创建的模板。创建模板具体操作请参考创建架构模板。 选择模板后，模板配置将自动带入包括“框架配置”和“生成策略”。 选择参考框架。
3)：生成JDK17+SpringBoot3的代码框架。 注册发现/配置中心 注册发现/配置中心。 不启用：不对接配置管理服务。 CSE：使用微服务引擎服务CSE作为配置管理服务。CSE是微服务应用的云中间件，为用户提供了注册发现、服务治理、配置管理等高性能和高韧性的企业级云服务能力，可无缝兼容Spring
查看实例状态 购买扩容包 扩容包仅适用于在购买专业版或企业版的基础上使用，不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。 参考购买实例中操作，购买AstroPro企业版实例。 在已购买的实例中，单击“操作”，选择“扩容”。 图4 选择扩容 在购买扩容包页面，设置购买数量，单击“立即购买”。
查看实例状态 购买扩容包 扩容包仅适用于在购买专业版的基础上使用，不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。 参考购买实例中操作，购买AstroPro专业版实例。 在已购买的实例中，单击“操作”，选择“扩容”。 图4 选择扩容 在购买扩容包页面，设置购买数量，单击“立即购买”。
注意：使用JS表达式定义state变量的时候无法调用state其他变量定义，另由于JS函数定义在变量之后，也无法调用JS面板定义的函数。 图1 添加变量 （可选）设置变量高级配置。 getter：用于获取（读取）类的私有属性的值。Getter方法通常没有参数，并且返回属性的值。 示例： function getter()
图10 工程目录不同类型设置效果 module添加服务名前缀：配置为“是”时，模块名称前会添加服务名前缀。 图11 开启前后效果 设置部署信息。 图12 设置部署信息 服务部署脚本 对接CCE部署和ServiceStage部署时，生成的代码中会包含如下内容： 根目录中会增加“ .cam”文件夹，包含“cam
)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
<span>{{ item.title }} <!---列表细节---> </div> </template> 父主题： 配置高级设置
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
*/ } 查看CSS编辑页面，可见已存在 .test和 .test:hover两条样式记录。 鼠标悬浮在组件上查看样式切换效果。 父主题： 配置样式设置
getters：是store中的方法，用于提交mutations或执行异步操作。 图1 添加全局变量 单击“保存”，完成变量添加。 父主题： 配置变量
isLogin的值，查看渲染效果。 图3 state.isLogin为false时 图4 state.isLogin为ture时 父主题： 配置高级设置
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
