更新时间:2022-04-27 GMT+08:00
分享

背景与原理

业务应用构建登录页面时,一般情况下是通过使用AppCube的高级页面能力实现。您可以通过本节认识高级页面,并了解登录页面的开发流程。

了解高级页面

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

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

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

图1 页面与widget(组件)的关系

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

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

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

  • 系统预置组件,可以直接使用。
  • 登录组件属于自定义组件。本实例中已经为您提供了开发好的组件包,您只需要上传到站点中即可使用。

自定义登录组件的开发方法,请参考线下开发自定义登录组件应用魔方 用户指南

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

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

登录页面开发流程如图2所示。

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

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

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

图3 应用登录页面
分享:

    相关文档

    相关产品

close