(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210330315.7 (22)申请日 2022.03.28 (71)申请人 国网智能电网研究院有限公司 地址 102209 北京市昌平区未来科技城 滨 河大道18号 申请人 国网山东省电力公司营销服 务中心 （计量中心） 　 国家电网有限公司 (72)发明人 杨訸　林龙　王岳　史存存　 李琮琮　朱红霞　 (74)专利代理 机构 北京安博达知识产权代理有 限公司 1 1271 专利代理师 徐国文 (51)Int.Cl. G06F 8/38(2018.01)G06F 9/451(2018.01) G06F 3/0482(2013.01) G06F 3/0484(2022.01) G06F 16/957(2019.01) (54)发明名称 一种电力UI自动化构建系统、 页面生成方 法、 设备及 介质 (57)摘要 本发明提供一种电力UI自动化构建系统、 页 面生成方法、 设备及介质， 包括： 对最小信息集所 需信息的定义、 UI解析器和UI构建器； 首先根据 定义补全最小信息集所需信息， UI解析器基于最 小信息集， 对信息进行推理映射， 获得全量信息 集， 最后U I构建器根据全 量信息， 生成U I文件； 最 小信息集包括： 页面的布局、 样式和交互功能； U I 文件为css、 js、 html文件。 利用本发明提供的方 案可以自动生 成大部分的U I界面， 提高了开发的 效率； 同时由于前后端用到的信息只存储于最小 信息集中， 因此只要保证最小信息集的质量， 便 可以保证生成U I的质量； 并且利用本发 明提供的 方案还可以降低UI开发人员的学习成本， 缩短开 发的学习周期。 权利要求书2页 说明书9页 附图4页 CN 115016787 A 2022.09.06 CN 115016787 A 1.一种电力UI自动化构建系统， 其特 征在于， 包括： UI 解析器和UI构建器； 所述UI解析器用于： 基于补全的最小信息集， 对UI页面中的各组件类对应的预定义组 件类进行处 理， 获得所述UI页面所需的全量信息； 所述UI构建器用于： 基于所述全量信息和组件类实例， 生成UI文件； 其中， 所述最小信息集基于预先定义的最小信息集模型补全， 所述最小信息集模型用 于： 以最小的信息量， 表达UI页面所需的全部信息； 所述最小信息集模 型的定义通过对通用 UI页面进 行页面抽象出最小信息集的定义得到； 所述最小信息集包括： 布局、 样式和交互功 能； 所述组件类 基于对通用UI页面进行页面抽象得到 。 2.如权利要求1所述的系统， 其特征在于， 所述最小信 息集存储于后台数据库或指定文 件中； 所述 最小信息集基于预 先设计的数据库数据模型和文件语法进行表述。 3.如权利要求1所述的系统， 其特征在于， 在所述组件类预定义 时将各组件中的固定格 式部分按默认布局、 样 式和交互功能封装进入所述组件类， 对组件中需要变化的部分提供 类实例相应的构造方法和操纵方法。 4.如权利要求3所述的系统， 其特征在于， 在所述组件类预定义 时还包括为变更固定格 式部分提供的类实例 相应的构造方法和操纵方法。 5.如权利要求3所述的系统， 其特征在于， 所述UI解析器具体用于： 基于最小信息集模 型获取各组件对应的最小信息集， 对最小信息集进行推理映射， 并利用预先定义的构造方 法产生组件类实例， 再通过操纵方法使用所述最小信息集对组件类实例的样式、 布局、 交互 进行变更 得到全量信息 。 6.如权利要求3所述的系统， 其特 征在于， 所述构造方法抽象化 为如下公式： UI： ＝Page+ Page： ＝[Compo nent(Type， Positi on， Style， DataToBi nd)]+ Type： ＝Menu |Navigator|Table|Form … 式中： UI表示一个界面设计； Page表示一个界面设计中包含的某个页面； Component表 示构成一个页面的各组件； Type表示： 组件类型； Position表示： 组件位置； Style表 示： 组件 样式； DataT oBind表示： 组件绑 定的数据； 其中Menu、 Navigator、 Table和Form均为该组件类 型； Menu为菜单组件； Navig ator为数据导 航组件； Table为表格组件和Form为表单组件。 7.如权利要求5所述的系统， 其特征在于， 所述组件包括： 组件类型、 组件位置、 组件样 式以及绑定的数据； 所述组件位置和组件样式由全量信息集中的布局和样 式确定， 所述组 件绑定的数据的格式和交 互模式在实例化类时由对应全量信息集中交 互功能确定 。 8.如权利要求6所述的系统， 其特征在于， 所述UI页面中的组件包括至少一个表格组 件； 各表格组件均对应后台数据库表， 表格组件对应的数据库表间还包括下述任意一种关 联关系： 一对一、 一对多、 多对一或多对多； 所述关联关系由数据库中的外键约束确定， 并通 过页面导航组件体现。 9.如权利要求8所述的系统， 其特 征在于， 所述UI页面中的组件 还包括： 跳转按 钮； 当所述关联关系为一对一或一对多时： 所述跳转按钮用于： 当在所述表格组件中有选 中记录， 且该表格对应一个外键表， 则从表格组件对应的数据库表跳转到所述表格组件中 选中记录外键对应的主表， 所述页面导航组件打开新的页面， 并生成查询条件给新页面的 表格组件， 并在其中展示所选择记录中的外键值对应的主表的记录； 当在所述表格组件中权　利　要　求　书 1/2 页 2 CN 115016787 A 2未选中记录， 则给 出拒绝提示， 告知先选择一条记录； 所述外 键表和主表均对应数据库表； 当所述关联关系为多对一时： 将所述多对一关系中的 “一”方作为主表， 将关联关系表 作为展示表， 并将所述主表和关联关系表的关联查询jo in结果放在一个表格组件中展示； 当所述关联关系为多对多时： 将所述多对多关系中的两方分别作为主表， 将关联关系 表作为展示表， 展示表中包含所述两个主表的信息， 并将所述两个主表和一个展示表的关 联查询jo in结果放在一个表格组件中展示。 10.如权利要求9所述的系统， 其特征在于， 所述表格组件和表单组件中对应的后台数 据库中各 数据表的操作由SMART 套件确定； 所述操作至少包括下述中的一种或多种： 查询、 增加、 删除、 修改， 以及在这些操作间的 切换。 11.如权利要求10所述的系统， 其特征在于， 所述SMART套件包括下述中至少一种或多 种状态： 数据展示、 增加、 删除和修改； 基于每种状态均由相应的跳转按钮触发， 各个状态所 需的信息均从全量信息集中获取。 12.如权利要求9所述的系统， 其特 征在于， 所述页面 导航组件采用面包屑导 航实现。 13.如权利要求6所述的系统， 其特征在于， 所述系统根据用户的不同权限确定不同的 菜单信息， 所述菜单组件请求 这个信息并以树状结构展示菜单， 对整个系统进行导 航。 14.如权利 要求2所述的系统， 其特征在于， 所述UI文件包括： css文件、 js文件和html文 件。 15.如权利要求14所述的系统， 其特征在于， 所述组件类支持类间的嵌套关系， 所述嵌 套关系对应html文件中标签的嵌套。 16.一种页面生成方法， 其特征在于， 利用权利要求1至15任意项所述的一种电力UI自 动化构建系统执 行下述步骤： 基于最小信息集模型， 补全最小信息集； 基于最小信息集， 对UI页面中的各组件对应的预定义组件类进行处理， 获得所述UI页 面所需的全量信息； 基于所述全量信息和组件类实例， 生成UI文件； 其中， 所述最小信息集的定义通过通用UI页面进行页面抽象出最小信息集的定义得 到； 所述最小信息集包括： 布局、 样 式和交互功能； 所述组件类基于对通用UI页面进行页面 抽象得到 。 17.一种计算机设备， 其特 征在于， 包括： 一个或多个处 理器； 所述处理器， 用于存 储一个或多个程序； 当所述一个或多个程序为如权利要求1至15中任一项所述的页面生成系统所对应的功 能。 18.一种计算机可读存储介质， 其特征在于， 其上存有计算机程序， 所述计算机程序被 执行时， 实现如权利要求1至15中任一项所述的页面 生成系统所对应的功能。权　利　要　求　书 2/2 页 3 CN 115016787 A 3