[发明专利]一种layui框架封装的兼容方法、系统、设备及存储介质

权利要求书

1.一种layui框架封装的兼容方法，其特征在于，所述方法包括：

搭建layui前端框架；

对所述layui前端框架的底层功能进行重新封装，并对所述layui前端框架中的列表和栏目进行配置；

调用封装后的所述layui前端框架，并匹配多种设备的样式对所述layui前端框架进行页面渲染。

2.根据权利要求1所述的一种layui框架封装的兼容方法，其特征在于，在所述对所述layui前端框架中的列表和栏目进行配置之后，所述方法还包括：

监听导航中的事件；

对所述导航中的事件进行重新封装和改写；

监测新的点击事件，执行对应的重新封装和改写后的导航事件。

3.根据权利要求1所述的一种layui框架封装的兼容方法，其特征在于，所述对所述layui前端框架中的列表和栏目进行配置，具体包括：

确定所述layui前端框架中的列表和栏目中的各种基础功能；

在导航和/或对应页面引用相应的封装配置；

基于所述封装配置完成所述layui前端框架中的列表和栏目中基础功能的编写和封装。

4.根据权利要求1所述的一种layui框架封装的兼容方法，其特征在于，所述进行页面渲染，具体包括：

获取HTML源码，并创建DOM树；所述DOM树根节点对应HTML标签；

解析CSS代码，并计算最终样式，继而构建CSSOM树；

基于所述DOM树以及所述CSSOM树，生成渲染树；

根据所述渲染树绘制前端页面。

5.根据权利要求1所述的一种layui框架封装的兼容方法，其特征在于，所述layui前端框架的底层功能包括：编辑、刷新、添加、排序、批量操作。

6.一种layui框架封装的兼容系统，其特征在于，所述系统包括：

前端框架搭建模块，用于搭建layui前端框架；

封装模块，用于对所述layui前端框架的底层功能进行重新封装，并对所述layui前端框架中的列表和栏目进行配置；

渲染模块，用于调用封装后的所述layui前端框架，并匹配多种设备的样式对所述layui前端框架进行页面渲染。

7.根据权利要求6所述的一种layui框架封装的兼容系统，其特征在于，所述渲染模块中，解析CSS代码时的优先级由低至高为：浏览器默认设置、用户设置、外联样式、内联样式、HTML中的样式。

8.根据权利要求6所述的一种layui框架封装的兼容系统，其特征在于，所述渲染模块中，DOM树和HTML标签一一对应。

9.一种layui框架封装的兼容设备，其特征在于，所述设备包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

搭建layui前端框架；

对所述layui前端框架的底层功能进行重新封装，并对所述layui前端框架中的列表和栏目进行配置；

调用封装后的所述layui前端框架，并匹配多种设备的样式对所述layui前端框架进行页面渲染。

10.一种layui框架封装的兼容的非易失性计算机存储介质，存储有计算机可执行指令，其特征在于，所述计算机可执行指令设置为：搭建layui前端框架；

对所述layui前端框架的底层功能进行重新封装，并对所述layui前端框架中的列表和栏目进行配置；

调用封装后的所述layui前端框架，并匹配多种设备的样式对所述layui前端框架进行页面渲染。