[发明专利]UI样式渲染方法、装置、设备及存储介质

说明书

本申请公开了UI样式渲染方法、装置、设备及存储介质，应用于页面渲染领域，该方法包括：获取目标UI样式；将目标UI样式输入到加载文件模型中，以确定目标UI样式对应的目标主题样式文件，加载文件模型中所有的主题样式文件均经懒加载处理；对目标主题样式文件进行加载，完成渲染。本申请通过懒加载的方式对所有的主题样式进行处理，使得只有目标主题样式被渲染时，对应的样式文件才被加载，避免了所有样式文件都加载的资源浪费问题，本申请不会造成性能浪费，提高了渲染效率，且不需要操作DOM遵守react技术栈的规范。

技术领域

本申请涉及页面渲染领域，特别涉及UI样式渲染方法、装置、设备及存储介质。

背景技术

现阶段，UI(界面设计)样式渲染一般是通过操作DOM(Document Object Model，文档对象模型)的方式在页面元素根节点打上不同的标记，并为不同的标记编写不同的样式文件，在项目运行时会将所有的样式文件加载到系统中，根据标记的不同展示不同的样式文件。该方法操作DOM违背了react(用于构建用户界面的JavaScript库)技术栈的规范，并且将所有的样式文件都交给处理器，但实际只用到了一种UI样式，因而会造成性能浪费。

发明内容

有鉴于此，本申请的目的在于提供了UI样式渲染方法、装置、设备及存储介质，解决了现有技术中性能浪费的问题。

为解决上述技术问题，本申请提供了UI样式渲染方法，包括：

获取目标UI样式；

将所述目标UI样式输入到加载文件模型中，以确定所述目标UI样式对应的目标主题样式文件，所述加载文件模型中所有的主题样式文件均经懒加载处理；

对所述目标主题样式文件进行加载，完成渲染。

可选的，所述获取目标UI样式，包括：

判断用户是否选择U I样式；

若否，则获取默认样式作为所述目标UI样式；

若是，则获取所述用户选择的UI样式作为所述目标UI样式。

可选的，所述判断所述用户是否选择U I样式，包括：

判断所述用户是否为新用户；

若是，则执行判断所述用户是否选择U I样式的步骤；

若否，且所述用户未选择U I样式，则获取用户I D，从数据库中匹配得到所述用户I D对应的U I样式，将所述U I样式作为所述目标U I样式。

可选的，在所述从数据库中匹配得到所述用户I D对应的U I样式之后，还包括：

当接收到所述用户更新的U I样式，则更新所述目标U I样式，将所述更新的U I样式作为所述目标U I样式。

可选的，在所述将所述更新的U I样式作为所述目标U I样式之后，还包括：

将所述更新的U I样式存储在数据库中，以更新所述数据库。

可选的，所述将所述目标U I样式输入到加载文件模型中，以确定所述目标U I样式对应的目标主题样式文件，包括：

所述加载文件模型包括所述加载文件模型的主入口文件和主题样式文件夹，所述主题样式文件夹中包括若干个主题样式文件；

将所述目标U I样式输入到所述加载文件模型的主入口文件中，以进入所述加载文件模型；

在所述若干个主题样式文件中确定得到加载的所述目标主题样式文件。

可选的，所述主题样式文件夹中包括若干个主题样式文件，包括：