[发明专利]一种电力UI自动化构建系统、页面生成方法、设备及介质

说明书

本发明提供一种电力UI自动化构建系统、页面生成方法、设备及介质，包括：对最小信息集所需信息的定义、UI解析器和UI构建器；首先根据定义补全最小信息集所需信息，UI解析器基于最小信息集，对信息进行推理映射，获得全量信息集，最后UI构建器根据全量信息，生成UI文件；最小信息集包括：页面的布局、样式和交互功能；UI文件为css、js、html文件。利用本发明提供的方案可以自动生成大部分的UI界面，提高了开发的效率；同时由于前后端用到的信息只存储于最小信息集中，因此只要保证最小信息集的质量，便可以保证生成UI的质量；并且利用本发明提供的方案还可以降低UI开发人员的学习成本，缩短开发的学习周期。

技术领域

本发明涉及UI开发领域，具体涉及一种电力UI自动化构建系统、页面生成方法、设备及介质。

背景技术

作为系统的重要组成部分，UI是所有系统都不可或缺的一部分，UI直接与用户交互，UI的好坏直接影响这用户对系统的使用感受和评价，在B/S架构中，UI指的是用户看到的web界面，由于UI是在客户机上展示，而服务端在服务器上运行，并且UI与服务端使用不同的语言，往往UI与服务端相互分离，没有考虑到UI与服务端代码的逻辑互通性，实际上很多服务端的信息可以用于UI的开发，同时UI中存在这着很多重复的结构与行为，每次都需要重新编码。因此在在电力领域中UI的开发存在下述问题：系统前后端接口信息是一致的，但是却分别开发，多处定义，增加了工作量，导致可能存在信息的不一致问题；开发人员往往采用后端驱动的方式进行开发，认为前端是后端的附庸，这与实际不符，事实上流程是前端驱动的；开发人员往往没有提取出界面常见的交互模式来减少工作量；前后端信息的定义分散，没有集中存储，不利于前后端定义信息的核对与统一分析。

发明内容

为了解决现有技术中所存在的问题，本发明提供一种电力UI自动化构建系统，包括：UI解析器和UI构建器；

所述UI解析器用于：基于补全的最小信息集，对UI页面中的各组件类对应的预定义组件类进行处理，获得所述UI页面所需的全量信息；

所述UI构建器用于：基于所述全量信息和组件类实例，生成UI文件；

其中，所述最小信息集基于预先定义的最小信息集模型补全，所述最小信息集模型用于：以最小的信息量，表达UI页面所需的全部信息；所述最小信息集模型的定义通过对通用UI页面进行页面抽象出最小信息集的定义得到；所述最小信息集包括：布局、样式和交互功能；所述组件类基于对通用UI页面进行页面抽象得到。

优选的，所述最小信息集存储于后台数据库或指定文件中；所述最小信息集基于预先设计的数据库数据模型和文件语法进行表述。

优选的，在所述组件类预定义时将各组件中的固定格式部分按默认布局、样式和交互功能封装进入所述组件类，对组件中需要变化的部分提供类实例相应的构造方法和操纵方法。

优选的，在所述组件类预定义时还包括为变更固定格式部分提供的类实例相应的构造方法和操纵方法。

优选的，所述UI解析器具体用于：基于最小信息集模型获取各组件对应的最小信息集，对最小信息集进行推理映射，并利用预先定义的构造方法产生组件类实例，再通过操纵方法使用所述最小信息集对组件类实例的样式、布局、交互进行变更得到全量信息。

优选的，所述构造方法抽象化为如下公式：

UI：＝Page+

Page：＝[Component(Type，Position，Style，DataToBind)]+

Type：＝Menu|Navigator|Table|Form…