检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择已有类名 使用说明 除了自动生成和手动新增类名之外，您也可以通过输入框的下拉框来选择已有的类名。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
内置业界优秀开发规范实践，内置编码规范、API规范和数据规范，提升企业研发质量。 平台预置云服务中间件接入、服务治理、通用基础能力提供 提供框架级内置组件，可结合建模业务使用和单独使用。 中间件&高可用增强 内置中间件增强能力，如容灾切换、消息高可靠等，兼容开源解决方案。 云服务接入 内置云服务对接能力，零码完成云
</script> 如上代码所示：在设计器中编辑的方法，为组件添加的单击事件等都有生成，并且会默认暴露出t函数（国际化，具体可参考如何使用国际化词条）和全局stores(pinia)状态。 父主题： 前端应用管理
在依赖强弱中，选择strong（强）或weak（弱），单击“添加”，完成依赖服务的添加。 图3 完成依赖服务的添加 选择客户端的依赖类型，支持“SDK”和“METHOD”两种类型，可按需选择。 （可选）添加客户端流控策略。 选择SDK类型时，无须配置流控策略。 选择“METHOD”类型后，单击
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发
代码目录结构分为“base/service”、“单Module”和“DDD”三种，在编辑元数据的“生成策略 > 代码风格 > 工程目录”中可进行定义，生成效果差异如图5所示。本示例采用默认配置即“base/service”样式，关于“单Module”和“DDD”样式的代码目录结构说明，请参见服务开发框架详解。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。 图1 创建应用 步骤一：新建一个应用 参考登录AstroPro界面中操作，登录AstroPro界面。
页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 单击“选择模板”，在右侧展开面板中选择模板。 图1 选择模板 单击“确定”，完成模板选择。 鼠标悬浮在页面
# 承接API直接调用，基本的业务判断逻辑和分发。service层目录，包含接口层和实现层 (必须) |-- impl #
服务管理 了解服务创建流程 新增一个服务 编辑服务 生成服务代码 查看服务详情 使用模板创建服务 升级API版本 重新编译服务 复制服务 删除服务 导出元数据 导入DDL 导入swagger 父主题： 后端应用管理
base/service 工程目录结构 “代码风格 > 工程目录”设置为“base/service”时，会生成base、service和client（如servicedemo-client）三个模块。其中，client为客户端模块，在AstroPro中添加服务时，开启“是否生成客户端”配置后才会生成。
基本概念 业务建模 业务建模是以软件模型方式描述项目或业务所涉及的对象及对象的属性、行为和对象之间彼此的关系。业务建模强调以业务领域分层的方式来理解、设计和构架业务应用系统。 工作空间 工作空间是为了方便用户全面管理资源而提供的通用空间。工作空间之间的资源是相互隔离的，默认情况下
工程目录：设置生成代码的工程目录样式，默认为DDD。 单Module：工程目录结构只有一个模块。 base/service：工程目录结构包含base和service两个模块。 DDD：和单Module一样，工程目录结构只有一个模块。 图3 工程目录不同类型设置效果 module添加服务名前缀：配置为“是”时，模块名称前会添加服务名前缀。
（可选）步骤2：创建服务组 服务组用于对项目中的服务进行分组，一般一个分组对应一个研发团队。创建项目后，默认会创建一个和项目同名的服务组，所有新建服务默认在此分组下。您也可以不使用默认的服务组，直接新建一个服务组。 参考步骤1：创建项目中操作，创建一个项目。 项目创建后，在左侧导航栏中，选择“后端开发平台
此阶段为有效期。资源到期而未续费时，将陆续进入宽限期和保留期。 图1 包年/包月AstroPro套餐生命周期 到期预警 AstroPro套餐在包年/包月的到期前第7天内，系统将向用户推送到期预警消息。预警消息将通过邮件、短信和站内信的方式通知到华为账号的创建者。 到期后影响 当您
通过阅读本文，您可以快速了解Astro企业应用 AstroPro的计费模式、计费项、续费、费用账单等主要计费信息。 计费模式 AstroPro当前提供了基础版和专业版两种规格套餐供您使用。两种规格均为包年/包月购买方式，包年/包月是一种预付费模式，即先付费再使用，按照订单的购买周期进行结算。关于计费模式的详细介绍，请参见计费模式。
相对于基础版实例，专业版实例提供了更多的应用及实体功能，可满足中大型企业的复杂管理需求。除此之外，购买专业版实例时或购买实例后，支持对资源进行扩容。专业版和基础版实例支持的特性差异，请参见产品规格差异。为了便于您更好的了解AstroPro，本指南中操作及截图均以专业版实例为例进行介绍。 前提条件
componentA和componentB，可直接在模板基础上进行开发，如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle
创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义代码的版权信息，请以“//”开头或者以“/*”开头并以“*/”结尾。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
