检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本视频通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。 本入门为创建一个简单的订
id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性。 更多参数说明详情请参考vuejs。 父主题： 前端应用管理
步骤1：创建项目 项目是一个功能相对完备的业务系统，通常情况下由一个或多个服务组组成。项目是使用AstroPro核心业务的入口。在AstroPro中会为每个租户提供一个工作空间，您可以在工作空间中新建项目。项目创建后，您可以为其他用户添加项目的访问权限，详情请参见角色管理。 参考
Pro实例版本。 图1 选择参考架构 单数据库DB(参考单表查询QPS < 1w)：只有一个数据源。 读写分离数据库(参考单表查询QPS < 3w)：默认添加两个数据源，一个负责写数据，一个负责查数据。如果数据源使用DevSpore，就使用devspore-datasource的
新建项目 使用说明 项目是一个功能相对完备的业务系统，通常情况下由一个或多个服务组组成。项目是使用AstroPro核心业务的入口。在AstroPro中会为每个租户提供一个工作空间，您可以在工作空间中新建项目。首次进入项目时，请先开通工作空间。 图1 开通工作空间 操作步骤 参考登
Object三种类型的对象，请根据业务需求进行选择。 BO：业务对象，业务对象映射到服务中的一个实体，对应数据库中的一张表。 Abstract BO：抽象对象，不能实例化，没有对应的数据库表，需要和业务对象有个继承的操作。例如，业务对象A继承一个抽象对象B，则B中的字段都会被A继承过来。 Value Obje
添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。 图2 components文件夹 componentBundle
步骤3：添加服务 在AstroPro中，快速添加一个服务，新增服务中的配置均采用默认配置。此处新建服务的操作，相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组，单击“新建服务”。 图1 新建服务
功能介绍 Abstract BO是一个抽象对象，不能单独存在，没有数据库表，需要和业务对象建立继承的关系。建立继承关系后，业务对象会继承抽象对象中的字段。例如，抽象对象Abstract和业务对象Role存在继承关系，在抽象对象Abstract中，新建一个name字段，该字段会被Role自动继承。
在AstroPro中，每个业务对象默认只有一个“id”固定字段。除此之外，您还可以为其添加creator、createTime、modifyTime和description四个固定字段。 添加固定字段 在业务设计页面，选中某个业务对象。 单击BO属性操作中的“编辑字段”，查看对象默认字段。 当前仅添加了一个“id”默认字段。
Value Object 功能介绍 Value Object是一个值对象，不能单独存在，需要和业务对象建立聚合的关系。 图1 和业务对象建立聚合关系 聚合后，Value Object中的主键和BO中的主键，共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明 在
单击“新增”，添加一个自定义DTO。 图2 自定义一个Dto1 在自定义API的参数或返回体中，使用自定义DTO。 从“business”中，拖拽“BO”对象至画布空白区域。 选中BO对象，在对象属性中，单击“自定义API”。 图3 自定义API 单击“新增”，添加一个自定义API。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。 图1 创建应用 步骤一：新建一个应用 参考登录AstroPro界面中操作，登录AstroPro界面。
整体结构介绍 压缩包命名规则 在AstroPro中完成服务的开发后，会生成一个服务代码压缩包，命名为“服务名称+唯一ID”。假设服务名称为Servicedemo，则生成的代码压缩包名称，如图1所示。 图1 代码压缩包名称 了解代码结构 在AstroPro中编辑服务时，可在“生成策略
步骤5：服务依赖 通常情况下，一个应用不是一个单独的服务，可能由多个服务共同组成。这些服务之间可能存在一些跨服务的调用，此时就需要通过添加依赖服务，把这些服务的客户端集成过来。添加依赖服务前，请确保依赖服务的“是否生成客户端”按钮已启用。 图1 开启“是否生成客户端”配置 在服务依赖中，选择当前服务依赖的服务。
已参考购买基础版实例、购买专业版实例或购买企业版实例中操作，购买AstroPro实例。 登录AstroPro界面 使用华为账号，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用 Astro
BO 功能介绍 BO（Business Object）是一个业务对象，业务对象映射到服务中的一个实体，对应数据库中的一张表。 属性说明 在业务设计页面，从“business”中，拖拽“BO”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图1所示。 图1 BO 对象名称：
购买基础版实例 使用说明 在使用AstroPro前，您需要购买一个AstroPro实例。AstroPro实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 基础版实例当前为免费使用，仅能满足个人及创业团队的基础需求。基础版和专业版实例支持的特性差异，
工程目录：设置生成代码的工程目录样式。 单Module：工程目录结构只有一个模块。 base/service：工程目录结构包含base和service两个模块。 DDD：和单Module一样，工程目录结构只有一个模块。 图10 工程目录不同类型设置效果 module添加服务名前缀：
根据配置的业务模型生成该服务的基本代码。代码生成后，会提供一个压缩包，供您使用。关于压缩包中代码的详细介绍，请参见服务开发框架详解。 在服务依赖页面，单击“创建”。 图1 创建服务 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的基本代码。代码生成后，界面会提供一个压缩包，可直接下载使用。压缩包格式为“服务名称+唯一ID”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
