CN109032584A - 一种层叠样式表的生成方法、装置、设备及介质 - Google Patents

Abstract

本发明公开了一种层叠样式表的生成方法、装置、设备及介质，该方法的步骤包括：获取预设的层叠样式表模板以及可替换代码集合；其中，层叠样式表模板中包含有固定样式代码以及待编辑区域，可替换代码集合中预设有可替换样式代码；当加载页面的数据内容时，获取数据内容的数据类型，并根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码；将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表，以将层叠样式表加载于页面。本方法降低了人工成本，并且利用后期维护，确保层叠样式表在使用上的可靠性。此外，本发明还提供一种层叠样式表的生成装置、设备及介质，有益效果同上所述。

Description

一种层叠样式表的生成方法、装置、设备及介质

技术领域

本发明涉及前端开发领域，特别是涉及一种层叠样式表的生成方法、装置、设备及介质。

背景技术

层叠样式表(Cascading Style Sheets，CSS)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。层叠样式表不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

以存储管理系统为例，存储管理系统下不同的页面会根据当前页面所显示数据内容的类型而呈现不同风格的样式，如用户通过存储管理系统查看数据池的剩余容量时，首先可以在数据池的页面中看到池容量的容量条，当剩余容量较大时，用户看到的容量条是绿色的，当容量空间即将用尽时，用户看到的容量条是红色的，用户通过颜色来区分当前数据池的使用情况，而页面能够呈现的不同风格样式，是由于页面源码中加载有层叠样式表，层叠样式表能够达到用户正常、高效、直观使用页面功能的目的。当前情况下，开发人员往往需要根据各个页面所承载的数据内容的类型，分别编写完整的层叠样式表，进而各个页面通过调用相应的层叠样式表以进行相应风格的内容呈现。但是在实际应用中，由于同一系统下的各页面基础的风格一致，因此各层叠样式表之间往往有大量内容相同的代码，仅在部分代码上存在差异，对于每个页面编写完整的层叠样式表，无疑会增加开发人员的工作量，产生较高的人工成本，并且还会导致各层叠样式表之间代码的冗余度较高，不利于后期的维护，进而难以保证各层叠样式表在使用上的可靠性。

由此可见，提供一种层叠样式表的生成方法，以在降低开发人员编写层叠样式表的工作量，从而在减少人工成本的同时，确保层叠样式表在使用上的可靠性，是本领域技术人员亟待解决的问题。

发明内容

本发明的目的是提供一种层叠样式表的生成方法、装置、设备及介质，以在降低开发人员编写层叠样式表的工作量，从而在减少人工成本的同时，确保层叠样式表在使用上的可靠性。

为解决上述技术问题，本发明提供一种层叠样式表的生成方法，包括：

获取预设的层叠样式表模板以及可替换代码集合；其中，层叠样式表模板中包含有固定样式代码以及待编辑区域，可替换代码集合中预设有可替换样式代码；

当加载页面的数据内容时，获取数据内容的数据类型，并根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码；

将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表，以将层叠样式表加载于页面。

优选的，可替换样式代码中标记有唯一表征可替换样式代码的身份标识；

相应的，预设对应关系具体为数据类型与身份标识之间的对应关系。

优选的，页面具体为存储管理系统页面；

相应的，数据内容的数据类型具体为数据内容的数据来源类型。

优选的，数据来源类型具体包括数据池数据类型、卷数据类型以及主机数据类型。

优选的，在根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码后，该方法进一步包括：

判断是否查得数据类型对应的目标可替换样式代码；

如所是，则执行将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表的步骤；

否则，将层叠样式表模板作为层叠样式表以将层叠样式表加载于页面。

此外，本发明还提供一种层叠样式表的生成装置，包括：

获取模块，用于获取预设的层叠样式表模板以及可替换代码集合；其中，层叠样式表模板中包含有固定样式代码以及待编辑区域，可替换代码集合中预设有可替换样式代码；

选取模块，用于当加载页面的数据内容时，获取数据内容的数据类型，并根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码；

第一生成模块，用于将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表，以将层叠样式表加载于页面。

优选的，该装置进一步包括：

判断模块，用于判断是否查得数据类型对应的目标可替换样式代码，如果是，则调用组合生成模块；否则，调用第二生成模块；

第二生成模块，用于将层叠样式表模板作为层叠样式表以将层叠样式表加载于页面。

此外，本发明还提供一种层叠样式表的生成设备，包括：

存储器，用于存储计算机程序；

处理器，用于执行计算机程序时实现如上述的层叠样式表的生成方法的步骤。

此外，本发明还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现如上述的层叠样式表的生成方法的步骤。

本发明所提供的层叠样式表的生成方法，首先获取层叠样式表模板以及可替换代码集合，其中，层叠样式表中包含有固定内容的代码以及待编辑代码内容的区域，可替换代码集合中包含有可替换样式代码，进而，当加载页面时的数据内容时，根据预设的对应关系在可替换代码集合中查找该数据内容的数据类型所对应的目标可替换样式代码，并在层叠样式表模板的待编辑区域中嵌入目标可替换样式代码，最终生成用于加载至页面中的层叠样式表。本方法预先对各层叠样式表中均有的固定内容代码进行提取，并设置为层叠样式表模板，进而用户仅需要在层叠样式表模板的基础上，根据页面显示数据内容的实际需求，嵌套相应的目标可替换样式代码至层叠样式表模板的待编辑区域即可生成对应的层叠样式表，因此开发人员无需针对每一个页面均编写完整的层叠样式表，减少了开发人员的工作量，降低了人工成本，并且，由于层叠样式表模板中的固定样式代码与可替换代码集合中的可替换样式代码之间相互独立，因此降低了层叠样式表的代码冗余度，能够利用后期维护，进而确保层叠样式表在使用上的可靠性。此外，本发明还提供一种层叠样式表的生成装置、设备及介质，有益效果同上所述。

附图说明

为了更清楚地说明本发明实施例，下面将对实施例中所需要使用的附图做简单的介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种层叠样式表的生成方法的流程图；

图2为本发明实施例提供的一种层叠样式表的生成装置的结构图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下，所获得的所有其他实施例，都属于本发明保护范围。

本发明的核心是提供一种层叠样式表的生成方法，以在降低开发人员编写层叠样式表的工作量，从而在减少人工成本的同时，确保层叠样式表在使用上的可靠性。本发明的另一核心是提供一种层叠样式表的生成装置、设备及介质。

为了使本技术领域的人员更好地理解本发明方案，下面结合附图和具体实施方式对本发明作进一步的详细说明。

实施利一

图1为本发明实施例提供的一种层叠样式表的生成方法的流程图。请参考图1，层叠样式表的生成方法的具体步骤包括：

步骤S10：获取预设的层叠样式表模板以及可替换代码集合。

其中，层叠样式表模板中包含有固定样式代码以及待编辑区域，可替换代码集合中预设有可替换样式代码。

需要说明的是，层叠样式表模板相当于尚未编写完整的层叠样式表，可以根据实际情况对各层叠样式表均包含的固定内容代码进行提取，生成层叠样式表模板，并且层叠样式表模板中包含有可根据不同页面之间的样式差异而编写相应代码内容的待编辑区域，进而能够通过对层叠样式表模板中待编辑区域的编辑，使层叠样式表模板通用于各个不同显示风格的页面。另外，本步骤中的可替换样式代码是决定不同层叠样式表所呈现的样式差异的代码，因此基于层叠样式表模板而言，可替换样式代码的差异是导致各页面风格不同的根本原因。由于在不同的网站中，各页面之间的显示风格差异大小有所不同，因此层叠样式表模板中固定样式代码的代码量应根据实际情况下各页面显示风格之间的差异规模而定，在此不做具体限定。

步骤S11：当加载页面的数据内容时，获取数据内容的数据类型，并根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码。

需要说明的是，本方法生成层叠样式表这一操作是在加载页面的数据内容时进行的。可以理解的是，在加载页面的数据内容时，需要先获取到数据内容，进而将数据内容以层叠样式表所规定的样式进行呈现，因此层叠样式表与数据内容存在直接的对应关系，进而在本步骤中，当加载页面的数据内容时，获取数据内容的数据类型，并根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码，本步骤中所查找到的目标可替换样式代码对应呈现数据内容所需的网页样式。另外，本步骤中的数据类型可以具体为数据内容的实际内容类型，如图片类型、音频类型以及文字类型等，也可以是数据内容的来源类型或根据用户预设的各数据类型的划分标准而界定的数据类型，应根据实际情况而定，在此不做限定。

步骤S12：将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表，以将层叠样式表加载于页面。

需要说明的是，本步骤中，将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，实际上是将目标可替换样式代码编辑至层叠样式模板的待编辑区域，进而形成上述页面呈现数据内容所需的层叠样式表。

本发明所提供的层叠样式表的生成方法，首先获取层叠样式表模板以及可替换代码集合，其中，层叠样式表中包含有固定内容的代码以及待编辑代码内容的区域，可替换代码集合中包含有可替换样式代码，进而，当加载页面时的数据内容时，根据预设的对应关系在可替换代码集合中查找该数据内容的数据类型所对应的目标可替换样式代码，并在层叠样式表模板的待编辑区域中嵌入目标可替换样式代码，最终生成用于加载至页面中的层叠样式表。本方法预先对各层叠样式表中均有的固定内容代码进行提取，并设置为层叠样式表模板，进而用户仅需要在层叠样式表模板的基础上，根据页面显示数据内容的实际需求，嵌套相应的目标可替换样式代码至层叠样式表模板的待编辑区域即可生成对应的层叠样式表，因此开发人员无需针对每一个页面均编写完整的层叠样式表，减少了开发人员的工作量，降低了人工成本，并且，由于层叠样式表模板中的固定样式代码与可替换代码集合中的可替换样式代码之间相互独立，因此降低了层叠样式表的代码冗余度，能够利用后期维护，进而确保层叠样式表在使用上的可靠性。

实施例二

在上述实施例的基础上，本发明还提供以下一系列优选的实施方式。

作为一种优选的实施方式，可替换样式代码中标记有唯一表征可替换样式代码的身份标识；

相应的，预设对应关系具体为数据类型与身份标识之间的对应关系。

可以理解的是，本实施方式预先在可替换样式代码中标记有唯一能够表征该可替换样式代码自身身份的身份标识，相应的，对应关系中对应记录的内容为数据类型与身份标识之间的映射关系，当根据对应关系查找数据类型对应的目标可替换样式代码时，能够以身份标识表征可替换样式代码，在对应关系中根据数据类型查找对应的目标身份标识，并在可替换代码集合中查找并获得标记有该目标身份标识的目标可替换样式代码。由于身份标识相比于可替换样式代码而言具有简洁性，因此本实施方式相对保证了根据数据类型查找对应目标可替换样式代码的高效性。

此外，作为一种优选的实施方式，页面具体为存储管理系统页面；

相应的，数据内容的数据类型具体为数据内容的数据来源类型。

需要说明的是，考虑到当前情况下，存储管理系统的功能逐渐强大，用户能够通过存储管理系统获取到以各存储途径存储的数据内容，为了确保各个存储途径下存储的数据内容能够以适应于该数据内容特点的风格呈现给用户，本实施方式根据数据内容的存储途径，即页面获取数据内容时，数据内容的数据来源选取相应的目标可替换样式代码，以此实现对不同来源的数据内容以相适应的风格呈现在页面中，相对提高了用户对存储管理系统的使用体验。

在上述实施方式的基础上，作为一种优选的实施方式，数据来源类型具体包括数据池数据类型、卷数据类型以及主机数据类型。

由于考虑在存储系统中，数据内容往往依照其相关特性被存储于数据池、数据卷或主机设备中，因此存储管理系统获取数据内容的途径包括数据池、数据卷或主机设备，进而本实施方式中，将数据来源类型具体划分为数据池数据类型、卷数据类型以及主机数据类型，能够相对全面的涵盖存储管理系统中数据内容的获取途径，进而更加全面得针对不同来源的数据内容提供相应的页面呈现风格，进一步提升用户体验。

此外，作为一种优选的实施方式，在根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码后，该方法进一步包括：

判断是否查得数据类型对应的目标可替换样式代码；

如所是，则执行将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表的步骤；

否则，将层叠样式表模板作为层叠样式表以将层叠样式表加载于页面。

可以理解的是，在实际情况下，可能存在页面加载的数据内容无需以相应样式进行呈现的情况，因此可能存在数据内容的数据类型无对应的目标样式代码的情况，本实施方式考虑到上述情况，在根据预设对应关系在可替换代码集合中查找数据内容的数据类型所对应的目标可替换样式代码后，通过判断是否能够查找到目标可替换样式代码，以确定该数据类型的数据内容是否需要以相应的样式进行呈现，如果无法查得目标可替换样式代码，则说明该数据内容无需特殊的呈现样式，仅需要通过层叠样式表模板提供的页面样式进行呈现即可，因此应直接将层叠样式表模板作为层叠样式表以将层叠样式表加载于页面。本实施方式考虑到的数据内容的类型更加全面，更加适用于实际的层叠样式表生成场景。

实施例三

在上文中对于层叠样式表的生成方法的实施例进行了详细的描述，本发明还提供一种与该方法对应的层叠样式表的生成装置，由于装置部分的实施例与方法部分的实施例相互对应，因此装置部分的实施例请参见方法部分的实施例的描述，这里暂不赘述。

图2为本发明实施例提供的一种层叠样式表的生成装置的结构图。本发明实施例提供的层叠样式表的生成装置，包括：

获取模块10，用于获取预设的层叠样式表模板以及可替换代码集合；其中，层叠样式表模板中包含有固定样式代码以及待编辑区域，可替换代码集合中预设有可替换样式代码。

选取模块11，用于当加载页面的数据内容时，获取数据内容的数据类型，并根据预设对应关系在可替换代码集合中查找数据类型对应的目标可替换样式代码。

第一生成模块12，用于将目标可替换样式代码嵌入层叠样式表模板的待编辑区域，生成层叠样式表，以将层叠样式表加载于页面。

本发明所提供的层叠样式表的生成装置，首先获取层叠样式表模板以及可替换代码集合，其中，层叠样式表中包含有固定内容的代码以及待编辑代码内容的区域，可替换代码集合中包含有可替换样式代码，进而，当加载页面时的数据内容时，根据预设的对应关系在可替换代码集合中查找该数据内容的数据类型所对应的目标可替换样式代码，并在层叠样式表模板的待编辑区域中嵌入目标可替换样式代码，最终生成用于加载至页面中的层叠样式表。本装置预先对各层叠样式表中均有的固定内容代码进行提取，并设置为层叠样式表模板，进而用户仅需要在层叠样式表模板的基础上，根据页面显示数据内容的实际需求，嵌套相应的目标可替换样式代码至层叠样式表模板的待编辑区域即可生成对应的层叠样式表，因此开发人员无需针对每一个页面均编写完整的层叠样式表，减少了开发人员的工作量，降低了人工成本，并且，由于层叠样式表模板中的固定样式代码与可替换代码集合中的可替换样式代码之间相互独立，因此降低了层叠样式表的代码冗余度，能够利用后期维护，进而确保层叠样式表在使用上的可靠性。

在实施例三的基础上，该装置还包括：

判断模块，用于判断是否查得数据类型对应的目标可替换样式代码，如果是，则调用组合生成模块；否则，调用第二生成模块。

第二生成模块，用于将层叠样式表模板作为层叠样式表以将层叠样式表加载于页面。

实施例四

本发明还提供一种层叠样式表的生成设备，包括：

存储器，用于存储计算机程序；

处理器，用于执行计算机程序时实现如上述的层叠样式表的生成方法的步骤。

本发明所提供的层叠样式表的生成设备，首先获取层叠样式表模板以及可替换代码集合，其中，层叠样式表中包含有固定内容的代码以及待编辑代码内容的区域，可替换代码集合中包含有可替换样式代码，进而，当加载页面时的数据内容时，根据预设的对应关系在可替换代码集合中查找该数据内容的数据类型所对应的目标可替换样式代码，并在层叠样式表模板的待编辑区域中嵌入目标可替换样式代码，最终生成用于加载至页面中的层叠样式表。本设备预先对各层叠样式表中均有的固定内容代码进行提取，并设置为层叠样式表模板，进而用户仅需要在层叠样式表模板的基础上，根据页面显示数据内容的实际需求，嵌套相应的目标可替换样式代码至层叠样式表模板的待编辑区域即可生成对应的层叠样式表，因此开发人员无需针对每一个页面均编写完整的层叠样式表，减少了开发人员的工作量，降低了人工成本，并且，由于层叠样式表模板中的固定样式代码与可替换代码集合中的可替换样式代码之间相互独立，因此降低了层叠样式表的代码冗余度，能够利用后期维护，进而确保层叠样式表在使用上的可靠性。

此外，本发明还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现如上述的层叠样式表的生成方法的步骤。

本发明所提供的计算机可读存储介质，首先获取层叠样式表模板以及可替换代码集合，其中，层叠样式表中包含有固定内容的代码以及待编辑代码内容的区域，可替换代码集合中包含有可替换样式代码，进而，当加载页面时的数据内容时，根据预设的对应关系在可替换代码集合中查找该数据内容的数据类型所对应的目标可替换样式代码，并在层叠样式表模板的待编辑区域中嵌入目标可替换样式代码，最终生成用于加载至页面中的层叠样式表。本计算机可读存储介质预先对各层叠样式表中均有的固定内容代码进行提取，并设置为层叠样式表模板，进而用户仅需要在层叠样式表模板的基础上，根据页面显示数据内容的实际需求，嵌套相应的目标可替换样式代码至层叠样式表模板的待编辑区域即可生成对应的层叠样式表，因此开发人员无需针对每一个页面均编写完整的层叠样式表，减少了开发人员的工作量，降低了人工成本，并且，由于层叠样式表模板中的固定样式代码与可替换代码集合中的可替换样式代码之间相互独立，因此降低了层叠样式表的代码冗余度，能够利用后期维护，进而确保层叠样式表在使用上的可靠性。

以上对本发明所提供的一种层叠样式表的生成方法、装置、设备及介质进行了详细介绍。说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置、设备及介质而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以对本发明进行若干改进和修饰，这些改进和修饰也落入本发明权利要求的保护范围内。

还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

Claims (9)

1.一种层叠样式表的生成方法，其特征在于，包括：

获取预设的层叠样式表模板以及可替换代码集合；其中，所述层叠样式表模板中包含有固定样式代码以及待编辑区域，所述可替换代码集合中预设有可替换样式代码；

当加载页面的数据内容时，获取所述数据内容的数据类型，并根据预设对应关系在所述可替换代码集合中查找所述数据类型对应的目标可替换样式代码；

将所述目标可替换样式代码嵌入所述层叠样式表模板的待编辑区域，生成层叠样式表，以将所述层叠样式表加载于所述页面。

2.根据权利要求1所述的方法，其特征在于，所述可替换样式代码中标记有唯一表征所述可替换样式代码的身份标识；

相应的，所述预设对应关系具体为所述数据类型与所述身份标识之间的对应关系。

3.根据权利要求1所述的方法，其特征在于，所述页面具体为存储管理系统页面；

相应的，所述数据内容的数据类型具体为所述数据内容的数据来源类型。

4.根据权利要求3所述的方法，其特征在于，所述数据来源类型具体包括数据池数据类型、卷数据类型以及主机数据类型。

5.根据权利要求1-4任意一项所述的方法，其特征在于，在所述根据预设对应关系在所述可替换代码集合中查找所述数据类型对应的目标可替换样式代码后，该方法进一步包括：

判断是否查得所述数据类型对应的目标可替换样式代码；

如所是，则执行所述将所述目标可替换样式代码嵌入所述层叠样式表模板的待编辑区域，生成层叠样式表的步骤；

否则，将所述层叠样式表模板作为所述层叠样式表以将所述层叠样式表加载于所述页面。

6.一种层叠样式表的生成装置，其特征在于，包括：

获取模块，用于获取预设的层叠样式表模板以及可替换代码集合；其中，所述层叠样式表模板中包含有固定样式代码以及待编辑区域，所述可替换代码集合中预设有可替换样式代码；

选取模块，用于当加载页面的数据内容时，获取所述数据内容的数据类型，并根据预设对应关系在所述可替换代码集合中查找所述数据类型对应的目标可替换样式代码；

第一生成模块，用于将所述目标可替换样式代码嵌入所述层叠样式表模板的待编辑区域，生成层叠样式表，以将所述层叠样式表加载于所述页面。

7.根据权利要求6所述的装置，其特征在于，该装置进一步包括：

判断模块，用于判断是否查得所述数据类型对应的目标可替换样式代码，如果是，则调用所述组合生成模块；否则，调用第二生成模块；

所述第二生成模块，用于将所述层叠样式表模板作为所述层叠样式表以将所述层叠样式表加载于所述页面。

8.一种层叠样式表的生成设备，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如权利要求1至5任一项所述的层叠样式表的生成方法的步骤。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述的层叠样式表的生成方法的步骤。