背景与原理

了解高级页面

AstroZero前端页面有标准页面、高级页面和业务大屏三种。本节主要带您了解、学习并使用高级页面。

• 标准页面：对于一般的业务应用系统，其功能主要是针对业务数据的增、删、改、查，前端界面的样式相对简单的页面场景，此时，推荐您使用平台提供的“标准页面”。您可以通过拖、拉、拽页面组件，再加上少量事件代码，即可拼装出所需页面，具体介绍请参见标准页面。
• 高级页面：对于一些样式比较复杂的页面，例如网站、电商、园区大屏等，您可以使用平台提供的“高级页面”。

高级页面是由一个或者多个Widget（即组件）拼装而成。如图1所示，组件是可复用的页面组成元素，一个页面由一个或多个组件拼装而成。如果将一个页面看成拼图游戏的完整图案，那么组件就相当于拼图的每一小块。

图1 页面与widget（组件）的关系

Widget的运行依赖Library（库），若缺少相应的Library（库），则Widget不能正常运行。因此在加载widget前，需要先加载必要的Library。

在操作前端页面时，经常会需要调用后台数据，例如即将开发的登录页面，需要获取业务用户信息。这时需要通过桥接器调用后台的服务编排、Script等获取后台数据。因此，在引用widget时，经常需要配置桥接器。

AstroZero高级页面中的组件分为系统预置组件和自定义组件：

• 系统预置组件，可以直接使用。
• 登录组件属于自定义组件。本示例中已经为您提供了开发好的组件包，您只需要上传到站点中即可使用。自定义登录组件的开发方法，请参考线下开发自定义登录组件及用户指南（低代码）。

“业务用户登录”页面开发流程

本示例中，主要通过线下开发一个自定义登录组件，然后上传到高级页面，再进行组件配置，实现应用登录页面功能。登录页面开发流程，如图2所示。

图2 应用登录页面开发流程

开发自定义组件：此步骤可以跳过，本示例中提供已经开发好的自定义登录组件；如果想要了解自定义登录组件的开发方法，请参考线下开发自定义登录组件。

业务用户登录页面即是设备维修管理系统的应用登录界面，大致设想如图3所示。

图3 应用登录页面