
# 背景与原理
业务应用构建登录页面时，一般情况下是通过使用华为云Astro轻应用的高级页面能力实现。您可以通过本节认识高级页面，并了解登录页面的开发流程。
#### 了解高级页面
华为云Astro轻应用前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。
- 标准页面：对于一般的业务应用系统，其功能主要是针对业务数据的增、删、改、查，前端界面的样式相对简单的页面场景，此时，推荐您使用平台提供的"标准页面"。您可以通过拖、拉、拽页面组件，再加上少量事件代码，即可拼装出所需页面，具体介绍请参见[标准页面](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_07_1023.html)。
- 高级页面：对于一些样式比较复杂的页面，例如网站、电商、园区大屏等，您可以使用平台提供的"高级页面"。
高级页面是由一个或者多个Widget（即组件）拼装而成。如[图1]所示，组件是可复用的页面组成元素，一个页面由一个或多个组件拼装而成。如果将一个页面看成拼图游戏的完整图案，那么组件就相当于拼图的每一小块。
图1页面与widget（组件）的关系   
![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001483072025.png)
Widget的运行依赖Library（库），如果缺少相应的Library（库），则Widget不能正常运行。因此在加载widget前，需要先加载必要的Library。
在操作前端页面时，经常会需要调用后台数据，例如即将开发的登录页面，需要获取业务用户信息。这时需要通过桥接器调用后台的服务编排、Script等获取后台数据。因此，在引用widget时，经常需要配置桥接器。
华为云Astro轻应用高级页面中的组件分为系统预置组件和自定义组件：
- 系统预置组件，可以直接使用。
- 登录组件属于自定义组件。本示例中已经为您提供了开发好的组件包，您只需要上传到站点中即可使用。自定义登录组件的开发方法，请参考[（可选）开发自定义登录组件](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_07_1101.html)。
 
#### "业务用户登录"页面开发流程
本示例中，主要通过线下开发一个自定义登录组件，然后上传到高级页面，再进行组件配置，实现应用登录页面功能。登录页面开发流程，如[图2]所示。
图2应用登录页面开发流程   
![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001432675266.png "点击放大")
业务用户登录页面即是设备维修管理系统的应用登录界面，大致设想如[图3]所示。
图3应用登录页面   
![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001432835222.png "点击放大")
