检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1
如何定义脱敏规则 使用说明 当对象字段中存在某些敏感信息时，可通过定义脱敏规则来进行脱敏处理。 定义脱敏规则 在业务设计页面，单击“脱敏规则”。 图1 选择脱敏规则 单击“新增”，添加一个脱敏规则。 例如，将移动电话的第2位到第5位数字进行脱敏处理。 图2 自定义脱敏规则 在对象的字段中，使用脱敏规则。
使用swagger进行在线API文档配置 文档配置 spring-boot-starter-huawei添加了swagger2和swagger3包的依赖，API在线文档使用springdoc-openapi-ui。springdoc基本配置较为简单，如下所示： springdoc:
右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否
AstroPro-SDK版本变更与下载 AstroPro-SDK版本变更记录及下载地址如下。您可以按需下载所需的AstroPro-SDK，也可以直接通过表1中链接，一次性下载所有的AstroPro-SDK。 如果您能访问外网并下线maven依赖，则可通过修改maven settings
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
到达到某个条件才会离开这个位置。粘性定位可以让页面在滚动时保持某些组件的可见性。 图4 设置定位 文本：设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景：设置组件背景，背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框：设置边框的位置、颜色、位置宽度以及是否为圆角。
整至11px，在右侧属性设置面板选择“属性”，文本输入“使用Astro，轻巧便捷的与您的业务一起发展、壮大”。 输入框组件1：在右侧属性设置面板选择“样式”，设置尺寸宽为100%，高度为30px；在右侧属性设置面板选择“属性”，文本输入“请输入邮箱或手机号”。 输入框组件2：在右
步骤1：基本配置 基本信息中配置的内容会呈现在代码中，需用户根据实际情况进行勾选配置。 在服务列表中，单击新增一个服务中已创建服务后的“编辑”。 在基本配置中，按需进行设置。 图1 基本配置 基本配置：若本地已有配置好的服务元数据，可通过单击“导入元数据”，直接导入。 微服务名称
日志配置 spring-boot-starter-huawei中默认使用slf4j作为日志门面，log4j2作为日志实现框架。 当项目中的依赖可能存在有关logback日志框架的时候需要将其排除，否则可能会有spring-boot-starter-huawei中配置的slf4j（
cols - - content[0].rules 属性值的校验规则。 Array content[0].labelPosition 配置面板文本定位。 string content[0].hidden 是否展示该属性配置。 boolean content[0].required 是否必须配置该属性项。
国际化资源管理 使用说明 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。
生成业务代码 使用说明 页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
权限管理 如果您需要针对Astro企业应用服务，为企业中的员工设置不同的访问权限，以达到不同员工之间的权限隔离，可以使用统一身份认证服务（Identity and Access Management，简称IAM）进行精细的权限管理。该服务提供了用户身份认证、权限分配、访问控制等功
计费模式 AstroPro仅提供了包年/包月的计费模式。包年/包月是一种先付费再使用的计费模式，适用于对资源需求稳定且希望降低成本的用户。通过选择包年/包月的计费模式，您可以预先购买AstroPro套餐并获得一定程度的价格优惠（以实际价格为准）。 使用场景 包年/包月计费模式需要
配置架构模板 使用说明 项目遵循相同的结构和模式时，可以创建架构模板，并使用该模板创建应用，减少设计和实现的时间。 约束与限制 架构模板为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 创建架构模板 参考登录AstroPro界面中操作，登录AstroPro界面。
步骤3：生成策略 生成策略和基本配置、框架配置一样，需要您根据实际情况进行勾选配置，不同的配置会呈现不同的效果。 API设置。 图1 API设置 Json序列化 小驼峰：序列化后的json属性名，采用驼峰格式。 下划线：序列化后的json属性名，采用下划线连接单词。 标准响应体：返回的响应体是否使用标准样式。
使用指南 基础开发环境准备 安装的工具包括JDK、Maven、Eclipse和IDEA ，配置对应的环境变量，确保本地开发环境可用。 使用说明 配置文件里的密钥，建议自行加密存储并实现解密逻辑。 输入的密钥，建议按全随机数生成，长度32字节以上。 敏感数据加密 DevSporeS
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
