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