检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。
页面模板管理 集中管理页面模板，支持查看和删除操作，保持模板库的整洁与有序。 约束与限制 模板管理为Astro Pro专业版及企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 查看页面模板 参考登录AstroPro界面中操作，登录AstroPro界面。
页面管理 页面管理插件可以管理该应用下的全部页面，可以新增页面，可以新增文件夹，以及对页面或者文件的增删改操作。
步骤二：新建一个页面 单击“开发应用”，进入前端设计器。 在左侧插件栏，单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：选择“静态页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，例如LoginPage。 选择文件夹：本示例无须选择。
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
登录AstroPro界面 使用华为账号，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用 Astro Pro”。
这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
图2 通过用户组为用户授权 图3 自定义用户组必须具备权限 用户申请角色 IAM用户2，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用 Astro Pro”。
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性，如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”，完成文件夹创建。 步骤三：新建一个页面 单击“页面管理”的新增页面按钮。 设置页面基本属性。
前端开发视频指导 本视频通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。
在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发 操作视频 父主题： 后端应用管理
保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。 ：刷新当前页面数据，如果页面未保存，页面配置将恢复到上一次保存的状态。 ：单击后可展开左侧插件栏的设置插件，设置当前页面属性。 ：单击可进行画布中英文切换。 ：多终端工具切换，可切换画布宽度。
图1 通过用户组为用户授权 图2 自定义用户组必须具备权限 用户申请角色 IAM用户1，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用 Astro Pro”。
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。
在左侧插件栏中，单击，展开JS页面。 在JS页面中添加getA方法。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮到当前页面名称上，将显示操作按钮，单击，进入页面设置页面。 单击“添加页面生命周期”，选择setup。 在setup函数使用getA()，单击“保存”。
在左侧导航栏中，选择“服务管理 > 项目”，进入项目页面。 首次进入时，请单击“确认”，开通工作空间。工作空间是为了方便用户全面管理资源而提供的通用空间。工作空间之间的资源是相互隔离的，默认情况下，每个账号仅能看到自己工作空间下的资源，且每个账号只能拥有一个工作空间。
图1 聚合和一对多的差异 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Bo1、Bo2）单击“relations”中的“聚合”，为对象建立聚合关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 聚合 关系名称：设置聚合关系的名称。
function utils使用示例 添加function utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。
图2 BO中的字段 图3 联合主键 属性说明 在业务设计页面，从“business”中，拖拽“Value Object”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图4所示。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
