检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
侧属性设置面板选择“属性”，文本输入“使用Astro，轻巧便捷的与您的业务一起发展、壮大”。 输入框组件1：在右侧属性设置面板选择“样式”，设置尺寸宽为100%，高度为30px；在右侧属性设置面板选择“属性”，文本输入“请输入邮箱或手机号”。 输入框组件2：在右侧属性设置面板选择
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1
画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名，例如 .test1、.test2、.test3等。 通过下拉框选择切换类名，组件将切换至类名绑定的对应样式。 父主题： 类名管理
右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否
horizon: processors: customRequestPlugin Exit插件 实现Observer接口中observer接口，可定义多个插件。 插件均需注册为bean。 import com.huawei.devspore.horizon.DataEvent;
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的输入框，输入类名，例如.test。 类名不能以数字开头。 绑定组件属性元素ID：使用格式 #elementID。 绑定组件样式类：使用格式 .className。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。 图1 创建应用 步骤一：新建一个应用 参考登录AstroPro界面中操作，登录AstroPro界面。
配置自定义字段类型 使用说明 标准化的字段类型有时无法完全满足特定应用场景下的个性化需求，因此，需要创建自定义字段类型，从而提供更加精准和高效的数据处理能力。 约束与限制 自定义字段类型为Astro Pro专业版/企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。
到达到某个条件才会离开这个位置。粘性定位可以让页面在滚动时保持某些组件的可见性。 图4 设置定位 文本：设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景：设置组件背景，背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框：设置边框的位置、颜色、位置宽度以及是否为圆角。
cols - - content[0].rules 属性值的校验规则。 Array content[0].labelPosition 配置面板文本定位。 string content[0].hidden 是否展示该属性配置。 boolean content[0].required 是否必须配置该属性项。
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
用户自定义鉴权使用 devspore提供鉴权插件接口，用户只需实现对应鉴权接口即可。 自定义鉴权插件 继承抽象类Processor，实现doProcess接口，可定义多个插件。 插件均需注册为bean。 import com.huawei.devspore.plugin.spi.authorization
配置业务对象模板 使用说明 创建业务对象模板时，定义了业务流程、数据模型和用户界面的基本结构。您可以使用业务模板创建应用，确保其业务架构与战略目标保持一致，并能够灵活应对变化。 本章节以一个简单的继承组件为例，为您介绍创建业务对象模板的流程。 约束与限制 业务对象模板为Astro
获取数据源远程字段 使用说明 您可以通过已有的远程Http接口，快速地生成数据源的字段。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮，重新输入类名，例如.test123。 单击回车键，类名修改完成。 父主题： 类名管理
配置连接器 应用场景 通过连接器生成客户端，可以将已有服务的接口抽象和封装为一套标准化的客户端库。这样，其他服务可以通过这些客户端库以统一和简化的方式调用已有服务的接口，无需关心服务的具体实现细节。生成的客户端库可以作为服务间通信的标准工具，减少了重复的代码编写，提高了开发效率和代码的可重用性。
编辑应用 使用说明 应用创建后，支持再次编辑应用的基本信息。 约束与限制 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 编辑应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台
页面管理 页面管理插件可以管理该应用下的全部页面，可以新增页面，可以新增文件夹，以及对页面或者文件的增删改操作。 假如有一个前端工程： - project - views |_ Index.vue - Page2.vue
编辑应用服务 使用说明 应用服务创建成功后，支持再次编辑。 约束与限制 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 编辑子域 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 >
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
