CN104536649A - 一种页面的显示方法及装置 - Google Patents

Abstract

本发明公开了一种页面的显示方法及装置，用以实现页面的动态显示及页面间的立体切换。所述方法包括：建立页面显示方式模板和页面立体切换方式模板，页面显示方式模板包括预设的页面中的元素各自的显示方式，页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；接收将页面中的元素配置到页面显示方式模板中的配置操作，并接收将页面配置到页面立体切换方式模板中的配置操作；当接收到对页面的显示指令时，按照页面显示方式模板显示页面；当接收到对页面的切换指令时，按照页面立体切换方式模板将当前页面切换至下一张页面。该技术方案实现了页面中元素的动态显示及页面间的立体切换，使用户能够在绚丽的特效中浏览页面，提高了用户的体验度。

Description

一种页面的显示方法及装置

技术领域

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

背景技术

随着互联网的飞速发展，越来越多的商家通过网页或网络应用展示自己的产品或广告，以方便用户浏览及了解产品详情，进而根据需求进行购买。以微信客户端为例，用户关注某公众号，并在关注的公众号页面浏览发布的广告、新闻、娱乐信息等，在发布信息较多的情况下，用户需要通过上下滑动屏幕来浏览下一页信息，页面切换之间没有过渡效果，同时页面中展示的信息过于平淡，仅仅显示信息的具体内容，而无法通过特殊的效果进行显示，从而无法激起用户的浏览欲望，也就使得公众号上产品或广告的发布目的难以达成。

发明内容

本发明提供一种页面的显示方法及装置，用以实现页面的动态显示及页面间的立体切换。

本发明提供一种页面的显示方法，包括：

建立页面显示方式模板和页面立体切换方式模板，所述页面显示方式模板包括预设的所述页面中的元素各自的显示方式，所述页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

接收将所述页面中的元素配置到所述页面显示方式模板中的配置操作，并接收将所述页面配置到所述页面立体切换方式模板中的配置操作；

当接收到对所述页面的显示指令时，按照所述页面显示方式模板显示所述页面；

当接收到对所述页面的切换指令时，按照所述页面立体切换方式模板将当前页面切换至下一张页面。

本发明实施例的一些有益效果可以包括：该技术方案通过建立页面显示方式模板和页面立体切换方式模板，将页面按照页面显示方式模板进行显示，并将页面之间按照页面立体切换方式模板进行切换，使得页面显示效果及页面切换方式不再平淡，实现了页面中元素的动态显示及页面间的立体切换，从而使用户能够在绚丽的特效中浏览页面，且用户无需安装任何客户端，直接打开页面即可浏览动态显示和立体切换的页面，提高了用户的体验度。

在一个实施例中，所述当接收到对所述页面的显示指令时，按照所述页面显示方式模板显示所述页面，包括：

当接收到对所述页面的显示指令时，将配置到所述页面显示方式模板中的元素按照所述预设的所述页面中的元素各自的显示方式进行显示。

该实施例中，将配置到页面显示方式模板中的元素按照预设的页面中的元素各自的显示方式进行显示，使得页面显示效果不再平淡，实现了页面中元素的动态显示，从而使用户能够在绚丽的特效中浏览页面，且用户无需安装任何客户端，直接打开页面即可浏览动态显示和立体切换的页面，提高了用户的体验度。

在一个实施例中，所述当接收到对所述页面的切换指令时，按照所述页面立体切换方式模板将当前页面切换至下一张页面，包括：

当接收到对所述页面的切换指令时，按照所述预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面。

该实施例中，按照页面立体切换方式模板中预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面，使得页面切换方式不再平淡，实现了页面间的立体切换，从而使用户能够在绚丽的特效中浏览页面，且用户无需安装任何客户端，直接打开页面即可浏览动态显示和立体切换的页面，提高了用户的体验度。

在一个实施例中，所述页面中的元素包括所述页面中的图片和/或文字；所述预设的所述页面中的元素各自的显示方式为将所述页面中的图片和/或文字按照预设的大小、颜色、显示顺序和/或显示效果进行显示的方式。

该实施例实现了页面中元素的动态显示，从而使用户能够在绚丽的特效中浏览页面，提高了用户的体验度。

在一个实施例中，所述预设的相邻页面的立体旋转切换方式为立方体式旋转方式或正六棱柱体式旋转方式；

所述当接收到对所述页面的切换指令时，按照所述预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面，包括：

当接收到对所述页面的切换指令时，按照所述立方体式旋转方式或所述正六棱柱体式旋转方式将当前页面切换至下一张页面。

该实施例中，页面之间的切换可以按照立方体式旋转方式，也可以按照正六棱柱体式旋转方式，使得页面切换方式不再平淡，实现了页面之间切换时的多种立体切换方式，从而使用户能够在绚丽的特效中浏览页面，提高了用户的体验度。

本发明提供一种页面的显示装置，包括：

建立模块，用于建立页面显示方式模板和页面立体切换方式模板，所述页面显示方式模板包括预设的所述页面中的元素各自的显示方式，所述页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

接收模块，用于接收将所述页面中的元素配置到所述页面显示方式模板中的配置操作，并接收将所述页面配置到所述页面立体切换方式模板中的配置操作；

显示模块，用于当接收到对所述页面的显示指令时，按照所述页面显示方式模板显示所述页面；

第一切换模块，用于当接收到对所述页面的切换指令时，按照所述页面立体切换方式模板将当前页面切换至下一张页面。

在一个实施例中，所述显示模块包括：

显示子模块，用于当接收到对所述页面的显示指令时，将配置到所述页面显示方式模板中的元素按照所述预设的所述页面中的元素各自的显示方式进行显示。

在一个实施例中，所述第一切换模块包括：

切换子模块，用于当接收到对所述页面的切换指令时，按照所述预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面。

在一个实施例中，所述切换子模块包括：

切换单元，用于当接收到对所述页面的切换指令时，按照所述立方体式旋转方式或所述正六棱柱体式旋转方式将当前页面切换至下一张页面。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明实施例中一种页面的显示方法的流程图。

图2为本发明实施例中一种页面的显示方法中的一种立体旋转切换示意图。

图3为本发明实施例中一种页面的显示方法中的另一种立体旋转切换示意图。

图4为本发明一具体实施例中一种页面的显示方法的流程图。

图5为本发明实施例中一种页面的显示装置的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

本发明提供的一种页面的显示方法中，页面可以是终端设备上安装的具有展示信息功能的应用程序的展示页面，例如微信、微博等；也可以是终端设备上的新闻展示平台等。终端设备可以是智能手机、平板电脑或个人计算机等。

图1为本发明实施例中一种页面的显示方法的流程图。如图1所示，该方法用于位于网络侧的服务器中，包括以下步骤S11-S14：

步骤S11，建立页面显示方式模板和页面立体切换方式模板，页面显示方式模板包括预设的页面中的元素各自的显示方式，页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

其中，页面中的元素包括页面中的图片或文字，或者图片和文字的组合；预设的页面中的元素各自的显示方式为将所述页面中的图片或文字或图片和文字的组合按照预设的大小、颜色、显示顺序以及显示效果进行显示的方式。除大小、颜色、显示顺序以及显示效果之外，在页面显示方式模板中还可对元素的其它属性进行预先设定。例如，页面显示方式模板中预设的文字大小包括大、中、小三种，图片显示风格包括黑白、立体、浮雕、怀旧等，文字出现方式为旋转式出现方式、两侧翻转式出现方式、从上而下式出现方式等，用户可选择相应的文字或者图片按照页面显示方式模板中预设的显示效果进行显示。此外，立体切换方式模板中，相邻页面的立体旋转切换方式也包括多种，例如立方体式旋转方式或正六棱柱体式旋转方式。

步骤S12，接收将页面中的元素配置到页面显示方式模板中的配置操作，并接收将页面配置到页面立体切换方式模板中的配置操作。

步骤S13，当接收到对页面的显示指令时，按照页面显示方式模板显示页面。

步骤S14，当接收到对页面的切换指令时，按照页面立体切换方式模板将当前页面切换至下一张页面。

本发明实施例提供的技术方案，通过建立页面显示方式模板和页面立体切换方式模板，将页面按照页面显示方式模板进行显示，并将页面之间按照页面立体切换方式模板进行切换，使得页面显示效果及页面切换方式不再平淡，实现了页面中元素的动态显示及页面间的立体切换，从而使用户能够在绚丽的特效中浏览页面，且用户无需安装任何客户端，直接打开页面即可浏览动态显示和立体切换的页面，提高了用户的体验度。

在一个实施例中，步骤S13可以实施为以下步骤：当接收到对页面的显示指令时，将配置到页面显示方式模板中的元素按照预设的所述页面中的元素各自的显示方式进行显示。

在一个实施例中，步骤S14可以实施为以下步骤：当接收到对页面的切换指令时，按照预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面。

上述方法中，立体旋转切换方式可以是任意多面体旋转的切换方式，典型的如立方体式旋转方式或六棱柱体式旋转方式。当预设的相邻页面的立体旋转切换方式为立方体式旋转方式时，步骤S14可以实施为以下步骤：当接收到对页面的切换指令时，按照立方体式旋转方式将当前页面切换至下一张页面。当预设的相邻页面的立体旋转切换方式为六棱柱体式旋转方式时，步骤S14可以实施为以下步骤：当接收到对页面的切换指令时，按照六棱柱体式旋转方式将当前页面切换至下一张页面。图2和图3分别为立方体式旋转方式和六棱柱体式旋转方式的立体示意图。如图2所示，当用户打开终端设备浏览页面时，页面通过立方体式旋转方式进行显示，当前页面为图2中所示的“页面1”，当用户需要浏览下一张页面时，只需从右向左滑动终端设备屏幕上显示的立方体，此时立方体随用户的滑动操作向左旋转至相邻侧面，并显示如图2中所示的“页面2”。如图3所示，当用户打开终端设备浏览页面时，页面通过六棱柱体式旋转方式进行显示，当前页面为图3中所示的“页面1”，当用户需要浏览下一张页面时，可以从右向左滑动终端设备屏幕上显示的六棱柱体，此时六棱柱体随用户的滑动操作向左旋转至相邻侧面，并显示如图3中所示的“页面2”，也可以从上之下滑动终端屏幕上显示的刘棱柱体，此时六棱柱体随用户的滑动操作向下旋转，并显示如图3中所示的“页面2”。

在一个实施例中，当页面已切换至最后一张时，上述方法还可按照以下步骤实施：当接收到对页面的切换指令时，判断当前页面是否为最后一张页面；当当前页面为最后一张页面时，按照页面立体切换方式模板将当前页面切换至第一张页面。

该实施例中，当切换到最后一张页面时，可继续切换至第一张页面，从而实现了页面切换的循环效果，尤其在页面数量较多时，用户无需一张张后退即可重复浏览页面，使得用户操作起来更加方便快捷。

图4为本发明一具体实施例中一种页面的显示方法的流程图。在该实施例中，以智能手机上安装的X信为例。如图4所示，该方法用于位于网络侧的服务器中，包括以下步骤S41-S46：

步骤S41，后台人员搭建X信后端管理平台，同时服务器建立页面显示方式模板和页面立体切换方式模板；页面显示方式模板包括预设的页面中的元素各自的显示方式，页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

步骤S42，后台人员选择X信前端要展示的页面中的图片和文字，并将选择的图片和文字配置到页面显示方式模板中，同时选择X信前端要展示的多张页面，并将多张页面配置到页面立体切换方式模板中；

例如，后台人员选择一段文字，并将该段文字配置到页面显示方式模板中预设的文字大小为“中”、文字出现方式为“从上至下”、文字颜色为“红色”、文字字体为“宋体”、文字出现顺序为“每两个文字陆续出现”等；后台人员选择页面之间的切换方式为页面立体切换方式模板中预设的立方体式旋转方式；

步骤S43，服务器接收将页面中的元素配置到页面显示方式模板中的配置操作，并接收将页面配置到页面立体切换方式模板中的配置操作；

步骤S44，服务器将配置后的页面显示方式模板和页面立体切换方式模板进行保存；

步骤S45，当用户打开X信页面时，服务器按照配置后的页面显示方式模板显示页面；

步骤S46，当用户将X信的当前页面切换至下一张页面时，服务器按照配置后的页面立体切换方式模板将当前页面切换至下一张页面。

该技术方案通过建立页面显示方式模板和页面立体切换方式模板，将页面按照页面显示方式模板进行显示，并将页面之间按照页面立体切换方式模板进行切换，使得页面显示效果及页面切换方式不再平淡，实现了页面中元素的动态显示及页面间的立体切换，从而使用户能够在绚丽的特效中浏览页面，且用户无需安装任何客户端，直接打开页面即可浏览动态显示和立体切换的页面，提高了用户的体验度。

图5为本发明实施例中一种页面的显示装置的框图。如图5所示，包括：

建立模块51，用于建立页面显示方式模板和页面立体切换方式模板，页面显示方式模板包括预设的页面中的元素各自的显示方式，页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

接收模块52，用于接收将页面中的元素配置到页面显示方式模板中的配置操作，并接收将页面配置到页面立体切换方式模板中的配置操作；

显示模块53，用于当接收到对页面的显示指令时，按照页面显示方式模板显示页面；

第一切换模块54，用于当接收到对页面的切换指令时，按照页面立体切换方式模板将当前页面切换至下一张页面。

在一个实施例中，显示模块53包括：

显示子模块，用于当接收到对页面的显示指令时，将配置到页面显示方式模板中的元素按照预设的页面中的元素各自的显示方式进行显示。

在一个实施例中，第一切换模块54包括：

切换子模块，用于当接收到对页面的切换指令时，按照预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面。

在一个实施例中，切换子模块包括：

切换单元，用于当接收到对页面的切换指令时，按照立方体式旋转方式或正六棱柱体式旋转方式将当前页面切换至下一张页面。

本发明实施例提供的技术方案，通过建立页面显示方式模板和页面立体切换方式模板，将页面按照页面显示方式模板进行显示，并将页面之间按照页面立体切换方式模板进行切换，使得页面显示效果及页面切换方式不再平淡，实现了页面中元素的动态显示及页面间的立体切换，从而使用户能够在绚丽的特效中浏览页面，且用户无需安装任何客户端，直接打开页面即可浏览动态显示和立体切换的页面，提高了用户的体验度。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (9)

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

建立页面显示方式模板和页面立体切换方式模板，所述页面显示方式模板包括预设的所述页面中的元素各自的显示方式，所述页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

接收将所述页面中的元素配置到所述页面显示方式模板中的配置操作，并接收将所述页面配置到所述页面立体切换方式模板中的配置操作；

当接收到对所述页面的显示指令时，按照所述页面显示方式模板显示所述页面；

当接收到对所述页面的切换指令时，按照所述页面立体切换方式模板将当前页面切换至下一张页面。

2.如权利要求1所述的方法，其特征在于，所述当接收到对所述页面的显示指令时，按照所述页面显示方式模板显示所述页面，包括：

当接收到对所述页面的显示指令时，将配置到所述页面显示方式模板中的元素按照所述预设的所述页面中的元素各自的显示方式进行显示。

3.如权利要求1所述的方法，其特征在于，所述当接收到对所述页面的切换指令时，按照所述页面立体切换方式模板将当前页面切换至下一张页面，包括：

当接收到对所述页面的切换指令时，按照所述预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面。

4.如权利要求1所述的方法，其特征在于，所述页面中的元素包括所述页面中的图片和/或文字；所述预设的所述页面中的元素各自的显示方式为将所述页面中的图片和/或文字按照预设的大小、颜色、显示顺序和/或显示效果进行显示的方式。

5.如权利要求3所述的方法，其特征在于，所述预设的相邻页面的立体旋转切换方式为立方体式旋转方式或正六棱柱体式旋转方式；

所述当接收到对所述页面的切换指令时，按照所述预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面，包括：

当接收到对所述页面的切换指令时，按照所述立方体式旋转方式或所述正六棱柱体式旋转方式将当前页面切换至下一张页面。

6.一种页面的显示装置，其特征在于，包括：

建立模块，用于建立页面显示方式模板和页面立体切换方式模板，所述页面显示方式模板包括预设的所述页面中的元素各自的显示方式，所述页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式；

接收模块，用于接收将所述页面中的元素配置到所述页面显示方式模板中的配置操作，并接收将所述页面配置到所述页面立体切换方式模板中的配置操作；

显示模块，用于当接收到对所述页面的显示指令时，按照所述页面显示方式模板显示所述页面；

第一切换模块，用于当接收到对所述页面的切换指令时，按照所述页面立体切换方式模板将当前页面切换至下一张页面。

7.如权利要求6所述的装置，其特征在于，所述显示模块包括：

显示子模块，用于当接收到对所述页面的显示指令时，将配置到所述页面显示方式模板中的元素按照所述预设的所述页面中的元素各自的显示方式进行显示。

8.如权利要求6所述的装置，其特征在于，所述第一切换模块包括：

切换子模块，用于当接收到对所述页面的切换指令时，按照所述预设的相邻页面的立体旋转切换方式将当前页面切换至下一张页面。

9.如权利要求8所述的装置，其特征在于，所述切换子模块包括：

切换单元，用于当接收到对所述页面的切换指令时，按照所述立方体式旋转方式或所述正六棱柱体式旋转方式将当前页面切换至下一张页面。