[发明专利]一种页面换肤方法、装置、设备及计算机可读存储介质

说明书

本发明公开了一种页面换肤方法、装置、设备及存储介质，该方法包括：确定页面中需要实现换肤的范围，该范围包含至少一个换肤元素；在鲁班系统中为每个换肤元素设置相应的换肤属性，并生成多个所用语言与鲁班系统所用语言相同的信息文件；其中，每个信息文件均包含分别与每个换肤元素对应的皮肤信息；将每个信息文件均上传至指定服务器中，并将每个信息文件分别对应的皮肤标识均写入到鲁班系统中；在鲁班系统搭建页面时，获取外界选取的皮肤标识，由指定服务器读取与外界选取的皮肤标识对应的信息文件，将该信息文件中的皮肤信息分别赋值给对应换肤元素的换肤属性，使每个换肤元素具有对应皮肤。能够在鲁班系统中有效实现页面换肤。

技术领域

本发明涉及鲁班系统技术领域，更具体地说，涉及一种页面换肤方法、装置、设备及计算机可读存储介质。

背景技术

现有的方案在实现页面换肤时，通常是选择使用less/sass等css预处理器语言实现的，具体来说，基于视觉规范定义全局统一的less/sass变量并引入，针对需要换肤的样式使用对应的less/sass变量，通过变量赋值覆盖全局默认变量值实现一键换肤。但是这种方式并不适用鲁班系统，具体来说，由于鲁班系统是直接从git仓库拉取组件，这里拉取的是组件编译后的代码，对于less/sass等预处理器变量已经被编译成了css，无法在鲁班系统中通过页面向组件传入less/sass变量，也就无法重新编译整个页面，因此，现有技术中缺少一种在鲁班系统中实现页面换肤的技术方案。

发明内容

本发明的目的是提供一种页面换肤方法、装置、设备及计算机可读存储介质，能够在鲁班系统中有效实现页面换肤。

为了实现上述目的，本发明提供如下技术方案：

一种页面换肤方法，包括：

确定页面中需要实现换肤的范围，该范围包含至少一个换肤元素；

在鲁班系统中为每个所述换肤元素设置相应的换肤属性，并生成多个所用语言与所述鲁班系统所用语言相同的信息文件；其中，每个所述信息文件均包含分别与每个所述换肤元素对应的皮肤信息；

将每个所述信息文件均上传至指定服务器中，并将每个所述信息文件分别对应的皮肤标识均写入到所述鲁班系统中；

在所述鲁班系统搭建页面时，获取外界选取的皮肤标识，由所述指定服务器读取与外界选取的皮肤标识对应的信息文件，将该信息文件中的皮肤信息分别赋值给对应换肤元素的换肤属性，使每个所述换肤元素具有对应皮肤。

优选的，将每个所述信息文件均上传至指定服务器中之后，还包括：

如果需要对任意信息文件进行更新，则在外界指示下直接对所述指定服务器上该信息文件包含的皮肤信息进行相应的修改。

优选的，还包括：

如果需要进行更新的信息文件为其皮肤信息分别赋值给对应换肤元素的换肤属性的信息文件，则对所述鲁班系统当前的页面进行刷新，以重新执行由所述指定服务器读取与外界选取的皮肤标识对应的信息文件的步骤。

优选的，还包括：

如果所述鲁班系统搭建页面完成后，获取外界选取的皮肤标识，则重新执行由所述指定服务器读取与外界选取的皮肤标识对应的信息文件的步骤。

优选的，获取外界选取的皮肤标识之后，还包括：

判断外界选取的皮肤标识与所述鲁班系统当前的页面的主题是否匹配，如果是，则执行由所述指定服务器读取与外界选取的皮肤标识对应的信息文件的步骤，如果否，则输出提示外界确认是否继续换肤的信息，并在外界基于该信息进行应答后，基于该应答确定执行由所述指定服务器读取与外界选取的皮肤标识对应的信息文件的步骤或者停止换肤。

优选的，获取外界选取的皮肤标识，包括：