检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。
在顶部下拉框中，选择子域所属的项目和应用。 在子域列表中选择待操作的子域，单击“操作”列的“编辑”。 重新配置子域的基本信息。 表1 编辑子域参数说明 参数 说明 子域名称 输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大
子域”。 在顶部下拉框中，选择子域所属的项目和应用，单击“新建子域”。 配置子域的基本信息。 表1 创建子域参数说明 参数 说明 子域名称 输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大
约束与限制 AstroPro当前支持的区域，如表1所示。 表1 支持的区域 区域名称 区域 华北-北京四 cn-north-4
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
用户自定义认证使用 工作原理 引入devspore-auth-starter依赖后，会在SDK内自动注册认证Filter：AuthAuthenticationFilter。 调用业务接口时会自动执行已注册的认证Filter，AuthAuthenticationFilter.doFilterI
在左侧插件栏中，单击，展开国际化资源页面。 单击“新增词条”。 编辑key值，及词条中文和英文内容。 创建词条时key值会自动生成，也可以自定义输入。 key值需为唯一值，不可与现有key值重复。 创建后key值不可修改。 图1 新增词条 单击页面空白处，完成国际化词条创建。 编辑国际化词条
Object中的主键和BO中的主键，共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明 在业务设计页面，从“business”中，拖拽“Value Object”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图4所示。 图4 Value Object 对象名称：设置对象的名称，必
才能继续往下操作。 图1 聚合和一对多的差异 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Bo1、Bo2）单击“relations”中的“聚合”，为对象建立聚合关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 聚合 关系名称：设置聚合关系的名称。
生成业务代码 使用说明 页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。
Object）是一个业务对象，业务对象映射到服务中的一个实体，对应数据库中的一张表。 属性说明 在业务设计页面，从“business”中，拖拽“BO”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图1所示。 图1 BO 对象名称：设置对象的名称，必须使用大驼峰格式，不允许存在连续的大写字母。
在左侧大纲树插件中，以树的形式展示了当前页面中所有的组件，单击树节点选中画布中的组件。 图7 单击树节点选中组件 底部节点树展示了从根节点到当前选中组件的层级节点，单击底部的节点树的某一个节点，选中父组件。 图8 展示当前选中组件的层级节点 图9 单击节点树的父点，选中父组件 编辑组件 选中了组
可用。 工作原理 引入devspore-auth-starter依赖后，会在SDK内自动注册认证Filter：AuthAuthenticationFilter。 调用业务接口时会自动执行已注册的认证Filter，AuthAuthenticationFilter.doFilterI
服务管理 > 服务”。 在服务列表中，单击对应服务后的“更多 > 复制服务”。 复制成功后，自动进入服务编辑页面，您可以直接使用服务，也可以进行二次开发。 图2 选择复制服务 父主题： 服务管理
工具类是应用级别的，即引入之后，即可在该应用下任意页面中进行调用。 添加function工具类 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。
入门准备工作 注册华为账号并实名认证 如果您已有一个华为账号，请跳到下一个任务。如果您还没有华为账号，请参考以下步骤创建。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考个人账号如何完成实名认证或企业账号如何完成实名认证中操作，完成个人或企业账号实名认证。
在Abstract BO中新建一个name字段 图3 Role中继承name字段 属性说明 在业务设计页面，从“business”中，拖拽“Abstract BO”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图4所示。 图4 Abstract BO 对象名称：设置对象的名称，必须使
图2 继承Role中字段 关系属性设置 在业务设计页面，拖入一个BO业务对象和一个Abstract BO对象（命名为Role、Abstract），单击“relations”中的“继承”，为对象建立继承关系。选中已创建的关系，在右侧页面即可设置关系属性，如图3所示。 图3 继承关系 关系名称：设置继承关系的名称。
前端开发视频指导 本视频通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。
当使用服务优先时clientcontrol的处理逻辑如下： 执行原方法，如果执行成功，更新缓存，返回结果。如果执行方法失败，获取缓存。 如果成功拿到缓存，则将缓存结果返回。如果没有拿到缓存则将原方法的执行失败异常返回。 父主题： 使用熔断降级功能
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
