检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应用服务管理 创建应用服务 编辑应用服务 关联服务 删除应用服务 父主题： 后端应用管理
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr
步骤5：生成服务代码 根据配置的业务模型生成该服务的基本代码。代码生成后，会提供一个压缩包，供您使用。关于压缩包中代码的详细介绍，请参见服务开发框架详解。 在服务依赖页面，单击“创建”。 图1 创建服务 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的基本代
properties 组件暴露的配置属性。 Array <Object> events 组件暴露的事件。 Object 组件暴露配置属性项结构（properties[0]）。 表3 配置属性项结构 字段 说明 类型 label 配置分类名。 Object description 配置分类描述。 Object
在顶部下拉框中，选择子域所属的项目、应用和子域。 单击“关联服务”，在弹框中选择需关联的服务及版本。 当创建子域是开启单元化配置，则关联Rooted服务。当创建子域是关闭单元化配置，则关联Single服务。 图1 关联Single服务 图2 关联Rooted服务 单击“确定”，完成服务关联。
导入swagger文件 在业务设计页面，单击“导入swagger”。 选择已编辑好的swagger文件。 单击“打开”，界面显示“导入swagger成功”，完成swagger文件导入。 界面不会显示对应业务架构图，直接单击“下一步”，进入服务依赖环节。 图1 导入成功 父主题： 导入swagger
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
生成业务代码 使用说明 页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 单击预览按钮，进入物料包详情页面。 图1 查看物料包详情 查看物料包基础信息，包括物料包名称，物料包版本，描述，创建人，及导入时间。
单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上，将显示设置按钮。 单击，进入页面设置页面。 单击，修改页面ID及路由配置。 图6 设置页面基本信息 单击“保存”。 在弹框中输入历史备份信息，单击“确定”，完成页面复制。 还原页面历史记录
图3 勾选隐私协议及服务声明 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击某个项目后的“配置”。 图4 选择配置 在我的申请页签中，单击“新增申请”。 图5 新增申请 选择“工作空间管理员”角色，单击“确定”。 图6 选择工作空间管理员 申
图4 勾选隐私协议及服务声明 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击对应项目后的“配置”。 图5 选择配置 在我的申请页签中，单击“新增申请”。 图6 单击新增申请 在弹出的申请角色页面中，选择“项目管理员”、“架构师”或“开发者”角色，单击“确定”。
SpringBoot全局配置文件 banner.txt # 应用程序的banner文件 log4j2.xml # log4j2日志配置文件 metadata
置会呈现不同的效果。 图8 基本配置 框架配置：配置服务使用的中间件或云服务，直接在界面进行勾选配置，不同的配置会呈现不同的效果。 图9 框架配置 生成策略：配置服务的代码风格，直接在界面进行勾选配置，不同的配置会呈现不同的效果。 图10 生成策略 业务设计。 业务设计是Astr
属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否渲染、绑定单击事件、设置组件是否循环渲染等。 图5 高级设置 父主题： 前端应用管理
架。您需要根据自身业务的需求继续编辑服务。 在服务列表中，单击已创建服务后的“编辑”。 设置服务基本配置、详细配置及客户端配置。 基本配置 图3 基本配置 基本配置：若本地已有配置好的服务元数据，可通过单击“导入元数据”，直接导入。 微服务名称：自动关联4中创建的服务名称。 Group
接在界面进行勾选。 业务设计 基本配置、框架配置和生成策略需要用户根据自身业务的实际情况进行配置，配置不同生成的效果有所不同。业务设计是AstroPro的核心能力，是用户设计自己业务的基础。 服务依赖 通常情况下，一个应用不是一个单独的服务，可能由多个服务共同组成。这些服务之间可
此分组下。 添加服务 在新增服务界面，通过简单的配置，完成服务框架的搭建。 编辑服务 添加服务的操作，相当于为服务搭建了一个框架。如果需要服务实现某些特定的功能，还需要您根据业务需求，对服务进行业务模型配置。 生成服务代码 基于配置的业务模型，生成服务的基本代码。代码生成后，会提供一个压缩包，供您直接使用。
√（工作空间中所有项目） √（工作空间中指定项目内） √（工作空间中指定项目内） x x 查看服务SLA √ √ √ √ √ 导入物料包 √ √ √ √ x 更新物料包 √ √ √ √ x 下载物料包 √ √ √ √ x 查看物料包 √ √ √ √ √ 父主题： 角色管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
