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

权利要求书

1.一种多UI组件库数据处理方法，其特征在于，所述方法包括：

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

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

2.根据权利要求1所述的多UI组件库数据处理方法，其特征在于，所述根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码，包括：

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

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

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

3.根据权利要求1所述的多UI组件库数据处理方法，其特征在于，在所述根据所述页面配置文件和设定UI组件库转译模型，得到与目标UI组件库对应的UI组件库代码之前，还包括：

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

4.根据权利要求1所述的多UI组件库数据处理方法，其特征在于，在所述得到与目标UI组件库对应的UI组件库代码之后，包括：

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

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

5.一种多UI组件库数据处理装置，其特征在于，包括：

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

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

6.根据权利要求5所述的多UI组件库数据处理装置，其特征在于，所述代码转译模块包括：

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

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

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

7.根据权利要求5所述的多UI组件库数据处理装置，其特征在于，还包括：

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

8.根据权利要求5所述的多UI组件库数据处理装置，其特征在于，还包括：

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

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

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至4任一项所述的多UI组件库数据处理方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至4任一项所述的多UI组件库数据处理方法的步骤。