一种页面样式显示方法及装置与流程

本发明涉及互联网技术领域，特别涉及一种页面样式显示方法及装置。

背景技术：

随着互联网技术的快速发展，我国网络用户的数量不断增加，浏览网页已经是人们获取信息的重要渠道。同时每天也都会有很多的网站被创建，更有无数的网站页面需要更新、制作或者替换。

而且网络用户中，大部分用户为年轻用户，而年轻用户更加偏爱多变的风格，导致单一的网页样式风格，越来越不能满足年轻用户的需求。

现有技术一般为后端技术控制，需要后端开发人员人为的将各种页面样式写入服务器中，从而使得页面样式得到显示，页面样式不能实现自动更换并显示，而且无法针对不同的用户喜好显示不同类别的页面样式。

技术实现要素：

本发明实施例的目的在于提供了一种页面样式显示方法及装置，使得页面样式能够自动更换并显示，而且能够自动针对不同的用户喜好，显示不同的页面样式。

为达到上述目的，本发明实施例公开一种页面样式显示方法，包括：

服务器获取使用浏览器访问网页页面的用户的喜好类别；

所述服务器根据所述喜好类别确定与所述喜好类别对应的样式模板文件，所述样式模板文件包括所述网页页面中页面元素的显示样式；

所述服务器向所述浏览器发送所述样式模板文件，以使所述浏览器根据所述样式模板文件显示所述网页页面。

优选的，所述服务器获取使用浏览器访问网页页面的用户的喜好类别之前，所述方法还包括：

所述服务器获得所述网页页面的代码文件，所述代码文件至少包括所述网页页面中所有的页面元素，其中所述页面元素至少包括以下元素中的一种：文字、边框、背景、图片和图标；

所述服务器对所述页面元素中的每一个页面元素分配唯一的类名称；

所述服务器根据每一个页面元素的类名称为所述每一个页面元素分配显示样式，所述显示样式至少包括以下信息中的一种：文字字体、边框形状、背景配色、图片样式和图标样式；

所述服务器将所述网页页面中所有页面元素的显示样式,组成所述样式模板文件。

优选的，所述服务器将所述网页页面中所有的页面元素的显示样式组成所述样式模板文件之后，所述方法还包括：

所述服务器根据所述样式模板文件的格式，将所述样式模板文件中的每个页面元素的显示样式替换为其他显示样式，生成其他样式模板文件，其中所述其他样式模板文件用于匹配其他用户不同的喜好类别。

优选的，所述服务器获取使用浏览器访问网页页面的用户的喜好类别包括：

所述服务器获得所述浏览器访问所述网页页面所在的网站的历史浏览记录；

所述服务器将所述历史浏览记录按预设的多种信息类别进行分类，获得浏览次数最多的信息类别；

所述服务器将所述浏览次数最多的信息类别，作为所述使用浏览器访问网页页面的用户的喜好类别。

优选的，所述服务器将所述浏览次数最多的信息类别，作为所述使用浏览器访问网页页面的用户的喜好类别，包括：

所述服务器将所述喜好类别保存至用户浏览器的本地缓存中；

当所述用户浏览器访问所述网页页面时，所述服务器从所述用户浏览器的本地缓存获得所述喜好类别。

优选的，所述服务器根据所述喜好类别确定与所述喜好类别对应的样式模板文件，包括：

所述服务器根据样式模板文件的预设标识，匹配与所述喜好类别相对应的样式模板文件，其中所述预设标识与喜好类别相对应，用于区分不同的样式模板文件。

本发明实施例还公开一种页面样式显示装置，包括：

第一获取模块，用于获取使用浏览器访问网页页面的用户的喜好类别；

匹配模块，用于根据所述喜好类别确定与所述喜好类别对应的样式模板文件，所述样式模板文件包括所述网页页面中页面元素的显示样式；

发送模块，用于向所述浏览器发送所述样式模板文件，以使所述浏览器根据所述样式模板文件显示所述网页页面。

优选的，所述装置还包括：

第二获取模块，用于获得所述网页页面的代码文件，所述代码文件至少包括所述网页页面中所有页面元素，其中所述页面元素至少包括以下元素中的一种：文字、边框、背景、图片和图标；

第一分配模块，用于对所述页面元素中的每一个页面元素分配唯一的类名称；

第二分配模块，用于根据每一个页面元素的类名称为所述每一个页面元素分配显示样式，所述显示样式至少包括以下信息中的一种：文字字体、边框形状、背景配色、图片样式和图标样式；

第一模板模块，用于将所述网页页面中所有的页面元素的显示样式,组成所述样式模板文件。

优选的，所述装置还包括：

第二模板模块，用于根据所述样式模板文件的格式，将所述样式模板文件中的每个页面元素的显示样式替换为其他显示样式，生成并获得其他样式模板文件，其中所述其他样式模板文件用于匹配其他用户不同的喜好类别。

优选的，所述第一获取模块包括：

获取单元，用于获得所述浏览器访问所述网页页面所在的网站的历史浏览记录；

分类单元，用于将所述历史浏览记录按预设的多种信息类别进行分类，获得浏览次数最多的信息类别；

选择单元，用于将所述浏览次数最多的信息类别，作为所述使用浏览器访问网页页面的用户的喜好类别。

由上述的技术方案可见，本发明实施例通过获得用户的喜好类别，根据用户喜好类别匹配与喜好类别对应的样式模板文件，并将样式模板文件发给至用户浏览器，使得用户浏览器按该模板文件来显示网页页面。不需要后台操作人员人为的更改网页页面的样式，实现了自动更换并显示网页页面的样式，而且可以针对不同的用户，为不同用户匹配不同样式模板文件，满足了不同用户的不同喜好，提高了用户体验。当然，实施本发明的任一产品或方法必不一定需要同时达到以上所述的所有优点。

附图说明

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

图1为本发明实施列提供的页面样式显示方法的一种流程图；

图2为本发明实施列提供的页面样式显示方法的另一种流程图；

图3为本发明实施列提供的页面样式显示装置的结构图。

具体实施方式

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

参见图1，图1为本发明实施列提供的页面样式显示方法的一种流程图，包括：

步骤101，服务器获取使用浏览器访问网页页面的用户的喜好类别。

网页页面可以是某个网站的特定页面，例如网站的首页或登录页面等等，也可以是该网站的所有页面。

喜好类别是指不同用户偏好的信息类型，比如，星座、明星、卡通或军事等等。可以通过分析用户访问该网站时的浏览记录，得到用户的喜好类别。

服务器可以根据用户访问网页页面时，所使用的账号信息，在服务器存储的各种用户的喜好类别中匹配该用户的喜好类别。

用户的喜好类别也可以存储在用户浏览器的本地缓存中，每次用户使用该浏览器访问网页页面时，都从浏览器的本地缓存中获取用户的喜好类别。

步骤102，服务器根据喜好类别确定与喜好类别对应的样式模板文件，样式模板文件包括网页页面中页面元素的显示样式。

一个网页页面中组成该网页页面的各种元素，称为页面元素，常用的页面元素包括：文字、边框、背景、图片和图标等等。

组成网页页面的每一个页面元素，都具有各自的显示样式，常用的显示样式，对应上边提到的页面元素可以为：文字字体、边框形状、背景配色、图片样式和图标样式。

同一个页面元素可以有很多种显示样式，例如文字这一页面元素，其显示样式可以为多种文字字体，但显然一个文字不能同时显示多种字体，所以一个页面元素每次只能以一种显示样式来进行显示。

页面元素和页面元素的显示样式都通过程序代码来实现，具体过程属于现有技术，不再进行赘述。

在服务器中保存有多种样式模板文件，用于匹配不同用户的不同喜好类别。

每当一个用户访问时，都会根据该用户的喜好类别，匹配一个与该用户的喜好类别相对应的样式模板文件。

样式模板文件中包括页面元素的显示样式，显示样式是页面元素的样式信息，例如网页页面中的背景，可以作为一种页面元素，该背景的配色信息，就是该页面元素的样式信息。样式模板文件中包括一个网页页面里需要更改样式的页面元素的样式信息。

步骤103，服务器向浏览器发送样式模板文件，以使浏览器根据样式模板文件显示网页页面。

服务器根据用户的喜好类别，匹配好样式模板文件后，将该样式模板文件发送至用户所使用的浏览器。浏览器根据该样式模板文件中的页面元素的显示样式，显示网页页面。

网页页面存在一套通用样式模板文件，当无法得到该用户的喜好类别时，则不用进行样式模板文件的匹配，直接向服务器发送通用样式模板文件，按通用的样式模板文件显示该网页页面。

在本发明实施例中，通过用户的喜好类别，根据用户喜好类别匹配样式模板文件，从而使得用户所访问的网页页面时，根据用户的喜好更换了网页页面的样式，满足了年轻用户喜好风格多变的个性，并且针对不同的用户，可以自动的不同的风格样式，满足了不同用户的不同需求。同时，整个过程自动完成，不需要后台人员进行操作，减少了后台操作人员的工作量。

优选的，本发明实施例中，服务器获取使用浏览器访问网页页面的用户的喜好类别之前，本发明实施例还包括：

服务器获得网页页面的代码文件，代码文件至少包括网页页面中所有的页面元素，其中页面元素至少包括以下元素中的一种：文字、边框、背景、图片和图标。

网页页面的代码文件相当于页面的源文件，在代码文件中通过程序语言代码，编写网页页面的总体结构和内容，在该代码文件中包含网页页面的所有页面元素，其中一些页面元素的显示样式是固定的，例如页面头部和底部的一些文字。而剩下的页面元素则可以根据不同的用户喜好显示出不同的显示样式，例如页面中主体内容的文字、边框、背景、图片和图标等等。

在该代码文件中，不包括页面元素的显示样式，页面元素的显示样式都是通过样式模板文件得到的。

服务器对页面元素中的每一个页面元素分配唯一的类名称。

类名称，也称为Class名称，使用类名称作为页面元素的标记，每一个页面元素都有自己的类名称，一个类名称对应一个页面元素。

服务器根据每一个页面元素的类名称为每一个页面元素分配显示样式，显示样式至少包括以下信息中的一种：文字字体、边框形状、背景配色、图片样式和图标样式。

每一个需页面元素都被命名了一个类名称，根据该类名称，对每一个页面元素分配显示样式，每一个页面元素的显示样式作为每一个类名称的类对象。

显示样式是针对页面元素而言，不同的页面元素具有不同的显示样式。例如文字这种页面元素，其显示样式可以是不同的文字的字体，边框这种页面元素，其显示样式可以是不同的边框形状等等。

服务器将网页页面中所有页面元素的显示样式,组成样式模板文件。

网页页面中每一个页面元素都被分配了显示样式后，将这些页面元素的显示样式，以及显示样式与类名称的对应关系组合成样式模板文件。

在本发明实施例中，通过类名称，为每一个页面元素分配了显示样式，并构成了样式模板文件。使得各种页面元素的样式信息整合在一起，形成一套完整的网页页面的显示样式，从而可以更加方便的更改网页页面的显示样式。

优选的，本发明实施例中，服务器将网页页面中所有的页面元素的显示样式组成样式模板文件之后，还包括：

服务器根据样式模板文件的格式，将样式模板文件中的每个页面元素的显示样式替换为其他显示样式，生成其他样式模板文件，其中其他样式模板文件用于匹配其他用户不同的喜好类别。

当已经获得样式模板文件后，针对同样的网页页面，可以参照着该样式模板文件的格式，生成其他样式模板文件。

因为是同一个页面的不同样式模板文件，所以样式模板文件的格式及显示信息与类名称的对应关系都不会发生变化，所以仅将样式模板文件中的每个页面元素的显示样式替换为其他显示样式，就可以直接得到其他的样式模板文件。

在本发明实施列中，通过样式模板文件，可以快速的得到其他样式模板文件，大大加快了模板文件的创建速度，从而减轻了操作人员及服务器的工作量。

优选的，本发明实施例中，服务器获取使用浏览器访问网页页面的用户的喜好类别，包括：

服务器获得浏览器访问网页页面所在的网站的历史浏览记录。

浏览器访问网页页面所在的网站时，访问网页页面所在的网站的浏览记录可以被该网页页面所在的服务器获取，并可以在服务器或者在浏览器的本地缓存中保存一段时间内访问网页页面所在的网站的历史浏览记录，历史浏览记录中包含有浏览器在该网站上所有浏览过的信息。其中一段时间可以是1星期或1个月等等，可以根据需要进行设定。

服务器将历史浏览记录按预设的多种信息类别进行分类，获得浏览次数最多的信息类别。

网页页面所在的网站中所有的信息，可以根据网站类型分为预设的多种信息类别，例如网页页面所在的网站是一个综合型网站时，可以预先将该网站的信息类型分类为：娱乐明星、军事、动漫和电影等等。

根据历史浏览记录，在该历史浏览记录中包括用户浏览过的各种页面，这些页面代表了不同的信息类别，将这些历史浏览过的页面进行分类，就可以得到浏览次数最多的信息类别。

服务器将浏览次数最多的信息类别，作为使用浏览器访问网页页面的用户的喜好类别。

得到浏览次数最多的信息类别后，因为使用浏览器访问网页页面所在网站的用户，在该信息类别上浏览次数最多，所以可以认为用户对该信息类别更加偏好，所以可以将该信息类别作为用户的喜好类别。

在本发明实施例中，通过历史浏览记录，得到用户浏览次数最多的信息类别，从而得到用户的喜好类别。使得到用户的喜好类别更加准确，针对不同的用户可以获得不同的喜好类别，更加贴近用户的真实喜好，提高了用户体验。

优选的，本发明实施例中，服务器将浏览次数最多的信息类别，作为使用浏览器访问网页页面的用户的喜好类别，包括：

服务器将喜好类别保存至用户浏览器的本地缓存中。

服务器获得用户的喜好类别后，可以将该喜好类别，存储在该用户使用的浏览器的本地缓存中。

当用户浏览器访问网页页面时，服务器从用户浏览器的本地缓存获得喜好类别。

当使用该浏览器访问网页页面时，该网页页面所在的服务器就可以直接从浏览器的本地缓存中获得该喜好类别。

在本发明实施例中，将喜好类别存储在浏览器的本地缓存中，而不存储在服务器中，可以有效减少服务器的存储内容，使服务器性能得到提高，并且不需要每次根据用户的登录账号信息，匹配喜好类别，从而使得不需要用户登录就可以进行按用户的喜好类别，匹配样式模板并按该样式模板显示网页页面。

优选的，本发明实施例中，服务器根据喜好类别确定与喜好类别对应的样式模板文件，包括：

服务器根据样式模板文件的预设标识，匹配与喜好类别相对应的样式模板文件，其中预设标识与喜好类别相对应，用于区分不同的样式模板文件。

在服务器中保存有多种样式模板文件，需要根据用户的喜好类别匹配合适的样式模板文件。由于用户的喜好类别是根据网页页面所在网站的信息类别确定出的，所以用户的喜好类别是预先知道的且有限的几种类别。

从而可以为服务器中保存的多种样式模板文件预先设定与各种喜好类别对应的标识，用来区分不同的样式模板文件。

当获得用户的喜好类别之后，可以通过预先设定的标识，快速的匹配出与该喜好类别匹配的样式模板文件。

在本实施列中，不同的样式模板文件通过不同的标识进行区分，所以可以直接通过标识进行样式模板文件和喜好类别之间的匹配。提高了样式模板文件与用户喜好类别匹配的效率和正确率，提高了服务器效率。

参见图2，图2为本发明实施列提供的页面样式显示方法的另一种流程图，包括：

步骤201，获得网页页面的代码文件。

网页页面为一个综合型网站的首页。

步骤202，对代码文件中需要进行样式更改的页面元素分配唯一的类名称。

步骤203，获得样式模板文件。

根据预设的一种信息类别，为需要进行样式更改每一个页面元素分配显示样式。将需要进行样式更改每一个页面元素的显示样式组成样式模板文件。并对所述样式模板文件进行标记。

该综合型网站的信息类别为：综合、军事、星座、明星、游戏及卡通。按其中“综合”这一信息类别，为需要进行样式更改每一个页面元素分配显示样式。并组成综合样式模板文件。将综合样式模板文件标记为综合。

步骤204，根据样式模板文件，获得其他样式模板文件。并对其他样式模板文件进行标记。

根据综合样式模板文件，将该文件中的显示样式替换为其他显示样式。得到军事样式模板文件、星座样式模板文件等。并将军事样式模板文件，标记为军事，将星座样式模板文件标记为星座。

步骤205，获得用户使用浏览器浏览该综合型网站的历史浏览记录，并将历史浏览记录中的信息类别进行分类，得到用户的喜好类别。

将历史浏览记录中的信息类别进行分别后，得到用户浏览次数最多的信息类别为军事，将军事作为用户的喜好类别。

步骤206，根据用户的喜好类别，匹配服务器中与该喜好类别对应的样式模板文件。

用户的喜好类别为军事，根据样式模板文件的标记，为该用户匹配军事样式模板文件。

步骤207，向用户浏览器发送样式模板文件，以使浏览器根据样式模板文件显示网页页面。

向用户浏览器发送军事样式模板文件，用户浏览器根据军事样式模板文件中的显示信息，显示该综合型网站首页。

参见图3，图3为本发明实施列提供的页面样式显示装置的结构图，包括：

第一获取模块301，用于获取使用浏览器访问网页页面的用户的喜好类别；

匹配模块302，用于根据喜好类别确定与喜好类别对应的样式模板文件，样式模板文件包括网页页面中页面元素的显示样式；

发送模块303，用于向浏览器发送样式模板文件，以使浏览器根据样式模板文件显示网页页面。

在本发明实施例中，通过用户的喜好类别，根据用户喜好类别匹配样式模板文件，从而使得用户所访问的网页页面时，根据用户的喜好改变了网页页面的样式，满足了年轻用户喜好风格多变的个性，并且针对不同的用户，可以自动的不同的风格样式，满足了不同用户的不同需求。同时，整个过程自动完成，不需要后台人员进行操作，减少了后台操作人员的工作量。

本发明实施例的装置是应用上述页面样式显示方法的装置，则上述页面样式显示方法的所有实施例均适用于该装置，且均能达到相同或相似的有益效果。

优选的，本发明实施列中，页面样式显示装置还包括：

第二获取模块，用于获得网页页面的代码文件，代码文件至少包括网页页面中所有页面元素，其中页面元素至少包括以下元素中的一种：文字、边框、背景、图片和图标；

第一分配模块，用于对页面元素中的每一个页面元素分配唯一的类名称；

第二分配模块，用于根据每一个页面元素的类名称为每一个页面元素分配显示样式，显示样式至少包括以下信息中的一种：文字字体、边框形状、背景配色、图片样式和图标样式；

第一模板模块，用于将网页页面中所有的页面元素的显示样式,组成样式模板文件。

优选的，本发明实施列中，页面样式显示装置还包括：

第二模板模块，用于根据样式模板文件的格式，将样式模板文件中的每个页面元素的显示样式替换为其他显示样式，生成并获得其他样式模板文件，其中其他样式模板文件用于匹配其他用户不同的喜好类别。

优选的，本发明实施列中，第一获取模块301包括：

获取单元，用于获得浏览器访问网页页面所在的网站的历史浏览记录；

分类单元，用于将历史浏览记录按预设的多种信息类别进行分类，获得浏览次数最多的信息类别；

选择单元，用于将浏览次数最多的信息类别，作为使用浏览器访问网页页面的用户的喜好类别。

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

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。