检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用，并获取存储路径。上传图片，请参考上传对象。
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。
修改类名 使用说明 已创建的类名支持修改。 类名修改，需注意以下事项： 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 单击“选择模板”，在右侧展开面板中选择模板。
“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state
在下拉框中，分别选择应用服务所属的项目、应用和子域，单击“新增应用服务”。 配置应用服务基本信息。 应用服务名称：输入应用服务名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 描述：输入应用服务补充说明信息。 图1 新建应用服务 单击“确定”，完成应用服务创建。
创建子域 使用说明 子域有助于将复杂的业务领域分解为更小、更易于管理和理解的部分。通过识别和创建子域，组织可以更有效地开发和维护应用，同时确保每个子域都能满足其特定的业务需求。 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 创建子域
在应用服务列表中选择待操作的应用服务，单击“操作”列的“编辑”。 重新配置应用服务的基本信息。 应用服务名称：输入应用服务名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 描述：输入应用服务补充说明信息。 单击“确定”，完成应用服务编辑。 父主题：
可单击“下载自定义组件开发模板”，获取模板，并完成自定义组件开发，具体操作可参考自定义组件开发指南。 单击“点击上传”，上传本地已打包好的物料包。 上传的物料包名称不能与已有的物料包名称重复。 配置物料包基本信息。 表1 基本信息参数说明 参数 说明 物料包名称 自动识别物料包带入信息，无须手动填写。
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 图4 创建页面 单击“保存”。 在弹框中输入历史备份信息，单击“确定”。
设置服务的基本信息，单击“确定”。 图2 设置服务基本信息 服务名称：设置待添加服务的名称，生成的服务代码压缩包和解压后的文件会以此命名。服务名称由英文字母、数字或“-”组成，且必须以字母开头，一般采用驼峰格式，长度最低为两位。 图3 代码压缩包名称 服务类型：当前仅支持创建原子服务。原子服
选择项目和服务组，单击“新建服务”。 图2 新增一个服务 设置服务的基本信息。 图3 设置服务基本信息 服务名称：设置待添加服务的名称，由英文字母、数字或“-”组成，且必须以字母开头，一般采用驼峰格式，长度最低为两位。 服务类型：当前仅支持创建原子服务。原子服务是指对外提供业务对象
选择业务对象模板 单击“下一步”。 添加服务依赖后，单击“创建”。 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的代码。 图8 创建服务并生成代码包 父主题： 服务管理
模板名称：输入模板名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 模板类型：默认为业务对象模板，暂不支持修改。 模板范围：根据3选择的项目，确认模板范围。 图1 配置业务对象模板基本信息 在业务设计页面，拖拽所需的对象到设计区，并修改对象名称。 As
下载所需的AstroPro-SDK，也可以直接通过表1中链接，一次性下载所有的AstroPro-SDK。 如果您能访问外网并下线maven依赖，则可通过修改maven settings.xml文件来配置华为开源镜像仓库进行依赖管理，具体配置如下： 在profiles节点中添加如下内容：
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 图3 创建页面 （可选）页面生命周期配置。
客户端流控策略 必选参数，由英文字母和数字及连字符（-）组成，且只能以英文字母开头，采用驼峰格式。例如，Custom。 长度范围为2~63位。 规则名称 可选参数，仅当勾选了重试、熔断或超时选项后为必填。 规则名称由英文字母和数字及连字符（-）组成，且只能以英文字母开头，采用驼峰格式。 长度范围为2~63位。
API版本”中，修改API的版本号。 图4 修改版本号 单击“下一步”，直至生成服务代码。 在服务列表中，可查看到服务的当前版本已修改为“v2”。生成服务的metadata.json文件中，Service段的apiVersion字段取值也同步修改为“v2”。 图5 查看修改后的版本号 图6
使用说明 服务组创建后，支持再次修改服务组的名称和描述。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务组”。 选择服务组所属的项目，单击已创建服务组后的“编辑”。 修改服务组的名称和描述，单击“确定”。
在架构模板页面，单击“新建架构模板”。 配置模板信息后，单击“下一步”。 模板名称：输入模板名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 模板类型：默认为架构模板，暂不支持修改。 模板范围：根据3选择的项目，确认模板范围。 图2 配置模板基本信息 设置模板基本配置后，单击“下一步”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
