[发明专利]多UI组件库数据处理方法及装置

说明书

本申请实施例提供一种多UI组件库数据处理方法及装置，也可用于金融领域，方法包括：接收用户基于初始UI组件库的页面编辑指令，并生成相应的页面配置文件；根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码；本申请能够通过一次对UI组件库的开发，转译得到多种不同的UI组件库代码，在多组件库的项目中开发同类页面时节约大量人力。

技术领域

本申请涉及网页前端领域，也可用于金融领域，具体涉及一种多UI组件库数据处理方法及装置。

背景技术

在大型应用中，往往由于历史原因，存在不同子系统使用不同UI组件库的情况，而不同的UI组件库在默认情况下视觉风格是不一致的。

为保证UI效果一致，现有技术中需要由开发人员在不同子系统内使用不同的UI组件还原设计稿，由此会导致为还原同一种设计效果，需要开发多次的重复开发的情况。

发明内容

针对现有技术中的问题，本申请提供一种多UI组件库数据处理方法及装置，能够通过一次对UI组件库的开发，转译得到多种不同的UI组件库代码，在多组件库的项目中开发同类页面时节约大量人力。

为了解决上述问题中的至少一个，本申请提供以下技术方案：

第一方面，本申请提供一种多UI组件库数据处理方法，包括：

接收用户基于初始UI组件库的页面编辑指令，并生成相应的页面配置文件；

根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码。

进一步地，所述根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码，包括：

根据目标UI组件库的标签字典确定所述页面配置文件与所述目标UI组件库的组件关联关系；

根据所述组件关联关系和所述目标UI组件库的组件属性转换规则确定所述目标UI组件库中各组件的描述属性；

根据所述组件关联关系和所述各组件的描述属性生成各组件的HTML文本，并根据所述各组件的HTML文本集成得到所述目标UI组件库的UI组件库代码。

进一步地，在所述根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码之前，还包括：

根据深度优先规则遍历所述页面配置文件，确定所述页面配置文件中的各布局组件以及所述各布局组件的子组件。

进一步地，在所述得到与目标UI组件库对应的UI组件库代码之后，包括：

根据所述目标UI组件库对应的UI组件库代码进行页面渲染，得到对应的预览页面并向所述用户展示；

接收用户针对所述预览页面的预览确认指令并导出所述目标UI组件库对应的UI组件库代码进行存储。

第二方面，本申请提供一种多UI组件库数据处理装置，包括：

页面配置模块，用于接收用户基于初始UI组件库的页面编辑指令，并生成相应的页面配置文件；

代码转译模块，用于根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码。

进一步地，所述代码转译模块包括：

标签识别单元，用于根据目标UI组件库的标签字典确定所述页面配置文件与所述目标UI组件库的组件关联关系；

属性生成单元，用于根据所述组件关联关系和所述目标UI组件库的组件属性转换规则确定所述目标UI组件库中各组件的描述属性；