CN100444163C - 一种网页显示页面的配置方法 - Google Patents

Abstract

本发明公开一种网页显示页面的配置方法，包括步骤：接收用户对网页显示效果的设置信息；根据前述设置信息生成显示页面的效果配置方案并保存。在本发明的优选方案中，还包括在用户登陆时提取所述配置方案，根据该配置方案生成网页的显示效果。本发明的一个优选例具体包括：接收用户启动页面设置的请求；显示多个类别的项目样式图；接收用户选定项目图片的指令；获取该图片的信息并加载到网页中；根据该图片的信息生成显示页面的效果配置方案并保存在本地；将当前的效果配置方案保存在数据库中。

Description

一种网页显示页面的配置方法

技术领域

本发明涉及图像数据处理技术，特别是涉及一种网页显示页面的配置方法。

背景技术

随着信息技术的发展，用户对网页的要求越来越高，不仅对于内容而且对页面效果也有需求。因此满足大部分用户的需求，如满足他们的个性、喜好、以及他们随时变化的心情就显得尤为重要。

现有技术中，对于页面效果的处理，使用得最广泛的就是JavaScript(简称js)代码和Css样式控制。具体地说，就是为了达到一定的效果，设计人员事先将js代码以及Css样式定义嵌入网页；从而在用户浏览的网页达到预计的效果，如动态图片、漂浮物、鼠标方案。

该现有技术的缺陷在于：页面效果都是网页设计人员事先定义好一套方案，每个用户浏览的时候都是按照一定模式去变化，对用户来说没有新意，用户不能控制只能一味接受，这样就产生了局限性。

有鉴于此，需要提供一种可配制网页方式的技术。

发明内容

本发明解决的技术问题在于提供一种网页显示页面的配置方法，可以根据用户的需求实现特定的网页显示效果。

为此，本发明解决技术问题的技术方案是：提供一种网页显示页面的配置方法，包括步骤：

1)用户设置网页的显示效果；

2)根据所设置网页的显示效果通过调用js函数获取相应图片信息，根据所获取图片信息中的类别信息判断当前是否存在对应的层，如果存在，则改变层的属性，替换原先加载的图片；如果不存在，则增加新的层加载该图片；

3)根据所获取的图片信息生成显示页面的效果配置方案，将所生成的效果配置方案保存在本地和数据库中。

优选地，还包括在用户登陆时提取所述配置方案，根据该配置方案生成网页的显示效果。

优选地，所述步骤1)具体包括：

11)接收用户启动页面设置的请求；

12)显示多个类别的项目样式图；

13)接收用户选定项目图片的指令；

优选地，在将效果配置方案保存到数据库之前，步骤2)还包括：判断是否结束方案的配置；如果是，则将效果配置方案保存到数据库；如果否，则返回步骤13)。

优选地，所述将效果配置方案保存到数据库是从本地获取配置方案并写入数据库；或者是在用户退出设置时比较本地的配置方案和当前的配置方案，如果不一致则提示用户进行保存。

优选地，还包括：当用户登陆时向服务器请求该用户的配置方案；根据服务器返回的配置方案的信息生成对应的页面效果。

优选地，还包括：从服务器返回的配置方案的信息中获取用户级别，根据该用户级别显示对应的图片。

优选地，还包括：接收用户设置自定义图标的信息；根据该设置信息增加层并加载相应的自定义图标。

优选地，所述步骤13)在接收指令时生成点击事件，采用该点击事件触发js文件中的js函数。

相对于现有技术，本发明的有益效果是：由于本发明为用户提供设置接口，接收用户对网页显示效果的设置信息；根据前述设置信息生成显示页面的效果配置方案并保存；因此，可以根据用户的自己选择，以及用户的心情，在页面上做出相应的变化，达到用户展示自己的效果。

此外，本发明的优选方案中，向用户显示多个项目样式图，在用户指定项目图片后获取图片的信息并根据所述信息来加载图片，生成页面的配置方案并保存。还可以将用户的自定义图标在网页上显示，让访问者不仅感受到用户的个性，还能及时感受到用户的变化。

本方明将应用层、页面特效和数据库技术结合给用户提供了配置自己网页的接口，以展现个性，满足广大用户的需求。同时该技术中配置网页大部分操作是通过js函数加载到客户端的计算机上去执行，将操作由服务器转交给个人计算机来执行，达到一个很好的效率分工。给用户提供便捷的同时对服务器不造成过大的压力。

附图说明

图1是本发明方法中配制网页的流程图；

图2是本发明方法中用户登录加载网页方案的流程图。

具体实施方式

本发明的主要构思在于：可配制网页要实现个人网页中不需要网页设计人员预先设置网页效果，而是给用户提供配制自己网页效果的接口，用户设置自己的心情，组合多种效果方式来设计自己的网页方式，并且在以后登陆的时候能自动按照设计显示效果，从而达到展现个性的效果。

请参阅图1，是本发明方法的流程图。

步骤S11，用户进入设置窗口，设置窗口显示所有显示出后台中包含的所有类别的项目(item)样式图(仅供用户预览的图片)。用户点击item的小图片。

所述item样式图可以是上传在后台的成千上万个item图片，将这些item图片按照一定规律存储在某个路径中；并且在数据库中保存item图片的属性(例如：item编号，item类别等)。

步骤S12，利用图片的点击事件(onclick)触发调用js函数addItem(type，itemno，......)。

其中type用于标识点击item的类别(类别中包括皮肤类，漂浮物类，鼠标方案类，挂件类等几个大类。而挂件类中又包含不同的小类别)。每种类别的item实现方式不一致，需要调用不同的js函数来实现。例如：漂浮物就是实现几个小图片在网页上漂浮，而鼠标方案则是将鼠标隐藏，用一个ani格式的图片来替代鼠标。

所述js函数用于实现各种模式特效。这些js函数能根据传入的参数，如itemid(item编号)，itemtype(item类别)来在页面上实现网页效果。

将js函数保存在一个js文件中。并在网页中将js文件包含进来，这样在打开网页的时候只是将js文件加载进来，并不去执行js文件中的js函数。

步骤S13，js函数根据item编号获取实际的item图片并加载。

在本发明的js函数中多次利用了层加载网页配置中需要的图片。层是Css样式中的一种对象，可以加载图片，可以通过js语句控制其显示或隐藏，还可以通过调整层的位移将图片定位在预设的位置上。

步骤S14，用户每次操作，js函数会在本地cookie中获取到当前方案的字符串(形如itemno1_itemtype1_itemleft1_itemright1|itemno2_itemtype2_itemleft2_itemright2|itemno3......的字符串)，通过解析字符串判断当前方案中是否存在同种类别的item。

步骤S15，如果存在(表明存在对应的层加载该类item)，则只需要替换原先加载的图片；即改变层属性。

步骤S16，如果不存在，则新增相应的层用于加载此类别的图片。

步骤S17，同时修改当前方案字符串保存在本地cookie中。

步骤S18，判断是否结束方案配制，如果是，则进入步骤S19；如果否，则返回步骤S11。

也就是说，用户可以点击多个样式图，调用不同的js函数实现多个效果叠加。

步骤S19，当用户退出设置窗口时，触发一个js函数，js脚本程序从cookie中取出用户的原始方案和用户当前方案的字符串进行比较，如果字符串不一致则提醒用户保存方案。

步骤S20，用户点击保存，调用一个cgi，将cookie中当前方案的字符串存储到数据库中。

点击保存方案，判断方案已经修改则获取cookie中的值存储到数据库中，作为用户网页方案，其他用户访问该用户网页的时候，按照此方案显示，可以显示该用户的个性。

请参阅图2，是本发明的方法中用户登录加载网页方案的流程图。

步骤S21，用户登录到服务器。

步骤S22，提示用户选择当日心情。

所述的当日心情可以包括多种类别，如：开心，悲伤，郁闷，愤怒......等。

步骤S23，根据心情图标的类别到服务器中取到相应的图片，增加一个层加载图片，并在网页特定位置显示。

步骤S24，向服务器请求该用户的等级及用户网页方案的字符串。

步骤S25，服务器返回等级以及用户网页方案字符串，js程序解析字符串，调用不同的函数加载网页效果。

步骤S26，根据返回的等级选择不同长势的植物图片用层加载显示在页面上。

当然，所述方法并不限于当日心情的设置，还可以是其他的自定义图标，此不赘述。

综上所述，本发明就是实现这样功能的，提供给用户配置自己网页效果的入口。根据用户的自己选择，以及用户的心情，在页面上做出相应的变化，达到用户展示自己的效果。

以上所述仅仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (9)

1.一种网页显示页面的配置方法，其特征在于，包括步骤：

1)用户进入设置窗口，设置网页的显示效果；

2)根据所设置网页的显示效果通过调用js函数获取相应图片信息，根据所获取图片信息中的类别信息判断当前是否存在对应的层，如果存在，则改变层的属性，替换原先加载的图片；如果不存在，则增加新的层加载该图片；

3)根据所获取的图片信息生成显示页面的效果配置方案，将所生成的效果配置方案保存在本地和数据库中。

2.根据权利要求1所述的网页显示页面的配置方法，其特征在于，所述步骤1)还包括在用户登陆时提取配置方案，根据该配置方案生成网页的显示效果。

3.根据权利要求1所述的网页显示页面的配置方法，其特征在于，所述步骤1)之后还包括：

11)接收用户启动页面设置的请求；

12)显示多个类别的项目样式图；

13)接收用户选定项目图片的指令。

4.根据权利要求3所述的网页显示页面的配置方法，其特征在于，在将效果配置方案保存到数据库之前，步骤2)还包括：判断是否结束方案的配置；如果是，则将效果配置方案保存到数据库；如果否，则返回步骤13)。

5.根据权利要求1所述的网页显示页面的配置方法，其特征在于，所述将效果配置方案保存到数据库是从本地获取配置方案并写入数据库；或者是在用户退出设置时比较本地的配置方案和当前的配置方案，如果不一致则提示用户进行保存。

6.根据权利要求3所述的网页显示页面的配置方法，其特征在于，还包括：当用户登陆时向服务器请求该用户的配置方案；根据服务器返回的配置方案的信息生成对应的页面效果。

7.根据权利要求6所述的网页显示页面的配置方法，其特征在于，还包括：从服务器返回的配置方案的信息中获取用户级别，根据该用户级别显示对应的图片。

8.根据权利要求6所述的网页显示页面的配置方法，其特征在于，还包括：接收用户设置自定义图标的信息；根据该设置信息增加层并加载相应的自定义图标。

9.根据权利要求1至8任一项所述的网页显示页面的配置方法，其特征在于，所述步骤13)在接收指令时生成点击事件，采用该点击事件触发js文件中的js函数。

Images