一种页面显示方法、计算设备及存储介质技术

本发明专利技术公开了一种页面显示方法，适于在服务器中执行，方法包括：根据网页文件确定网站架构；设置主页在移动终端中显示的基准场景；根据基准场景，设置主页和二级页面与基准场景的位置关系；设置移动终端从主页跳转到二级页面后，主页和二级页面与基准场景的位置关系；根据跳转前和跳转后主页和二级页面与基准场景的位置关系设置主页跳转到二级页面的转场样式；接收移动终端发送的页面跳转请求；根据目标二级页面，确定从主页跳转到目标二级页面的转场样式，将相应的转场动画发送至目标移动终端进行播放；将目标二级页面对应的网页文件发送至目标移动终端以便在目标移动终端中加载并显示。本发明专利技术还一并公开了一种计算设备和计算机可读存储介质。

【技术实现步骤摘要】
一种页面显示方法、计算设备及存储介质
本专利技术涉及软件开发领域，特别涉及一种页面显示方法、计算设备及存储介质。
技术介绍
随着信息技术和互联网技术的发展，日常生活中用户越来越多的使用移动终端进行浏览网页。在网页中触发页面的跳转后，移动终端需要对要跳转到的目标页面的页面数据从服务器中下载，下载完成后再渲染加载显示在移动终端的屏幕中。在上述过程的一段时间内，通常采用显示正在加载的方式让客户等待页面加载完成，包括采用一定透明度的单色页面覆盖当前页面，显示“加载中”或“loading”等字样，或者显示一些GIF动画等。在上述方案中，页面跳转过程中，给用户呈现的视觉效果单一，在移动终端下载数据并加载过程中，用户体验感较差，等待网页的转场时间时较为枯燥。并且网页的转场效果单一，频繁出现这样的转场效果降低了浏览网页的趣味性。单一的转场效果不能满足一个网站中所有网页的跳转需求，无法自定义转场效果。如果需要一种新的转场效果，则需要重新对转场效果进行制作。即使制作了转场效果，每位开发人员制作的转场效果结构互不相同，也不能被项目的其他开发人员进行调用完成网页跳转。为此，需要一种新的页面显示方法。
技术实现思路
为此，本专利技术提供一种页面显示方法，以力图解决或者至少缓解上面存在的问题。根据本专利技术的一个方面，提供一种页面显示方法，适于在服务器中执行，服务器与一个或多个移动终端通信连接，服务器中存储有网页文件和转场动画集，方法包括：根据网页文件确定网站架构，网站架构包括主页和多个二级页面；设置主页在移动终端中显示的基准场景，基准场景大小与目标移动终端的屏幕大小相同；根据基准场景，设置主页和二级页面与基准场景的位置关系；设置移动终端从主页跳转到二级页面后，主页和二级页面与基准场景的位置关系；根据跳转前和跳转后主页和二级页面与基准场景的位置关系设置主页跳转到二级页面的转场样式，转场样式包括转场动画集中的一种转场动画；接收移动终端发送的页面跳转请求，页面跳转请求中包括要跳转的目标二级页面；根据目标二级页面，确定从主页跳转到目标二级页面的转场样式，将相应的转场动画发送至目标移动终端进行播放；将目标二级页面对应的网页文件发送至目标移动终端以便在目标移动终端中加载并显示。可选地，在根据本专利技术的方法中，设置二级页面之间进行跳转的转场形式，转场形式包括转场动画集中的一种转场动画；接收移动终端发送的页面跳转请求，页面跳转请求中包括要跳转的目标二级页面；将预设的二级页面之间跳转的转场形式相应的转场动画发送至目标移动终端进行播放；将要跳转的二级页面对应的网页文件发送至目标移动终端以便在目标移动终端中加载并显示。可选地，在根据本专利技术的方法中，设置主页在移动终端中显示的基准场景包括步骤：根据主页的网页文件，确定主页的内容模块；设置内容模块在移动终端的屏幕中全屏显示，确定在全屏显示时内容模块的大小；根据内容模块的大小设置基准场景的大小，并设置基准场景在移动终端的屏幕中居中显示。可选地，在根据本专利技术的方法中，根据基准场景，设置主页和二级页面与基准场景的位置关系包括步骤：设置主页和二级页面的大小与基准场景的大小相同；设置主页覆盖基准场景并且主页的边界与基准场景的边界锚定；设置二级页面位于基准场景的待显示区。可选地，在根据本专利技术的方法中，待显示区的位置包括：停靠在基准场景右边界，下边界或与基准场景呈扇形分布。可选地，在根据本专利技术的方法中，设置从主页跳转到二级页面后，主页和二级页面与基准场景的位置关系包括步骤：设置主页位于基准场景的已显示区；设置二级页面覆盖基准场景并且二级页面的边界与基准场景的边界锚定。可选地，在根据本专利技术的方法中，已显示区的位置包括：停靠在基准场景左边界，上边界，右边界，覆盖基准场景或与基准场景呈扇形分布。可选地，在根据本专利技术的方法中，根据跳转前和跳转后主页和二级页面与基准场景的位置关系设置主页跳转到二级页面的转场样式包括步骤：根据跳转前和跳转后主页和二级页面与基准场景的位置关系匹配转场动画集中的转场动画；将转场动画的标识和代码配置到转场样式中，以便向移动终端发送转场动画。可选地，在根据本专利技术的方法中，还包括步骤：获取N次向移动终端发送二级页面对应的网页文件的平均时长；按照平均时长配置转场动画的播放时长，以便移动终端按照该播放时长播放转场动画。根据本专利技术的又一方面，提供了一种计算设备，包括：一个或多个处理器；存储器；以及一个或多个程序，其中一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，一个或多个程序包括用于执行根据本专利技术的一种页面显示方法的任一方法的指令。根据本专利技术的还有一个方面，提供了一种存储一个或多个程序的计算机可读存储介质，一个或多个程序包括指令，该指令当由计算设备执行时，使得计算设备执行根据本专利技术的一种页面显示方法中的任一方法。本专利技术适于在服务器中执行，服务器中构建有转场动画集，其中包括若干个预先构建的转场动画。本专利技术通过根据服务器中存储的文件的网页架构，对网页架构中主页跳转二级页面和二级页面之间的跳转构建转场样式，转场样式中包括转场动画集中的一种转场动画，从而能够在页面还未下载和加载完毕的过程中，给用户呈现动画效果，增加用户浏览网页过程中的趣味性进一步的，服务器中构建的转场动画集中可以提供多种样式的转场动画，可以用以构建多种转场形式，进而区分不同页面之间的跳转，构建网站架构中的网站中的层次感，为用户带来更为丰富的浏览体验。转场动画集中的转场动画格式相同，可以供不同的开发人员进行交叉调用，提高了网站架构中网页的设计效率。附图说明为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。图1示出了根据本专利技术一个示范性实施例的服务器和移动终端通信连接的示意图100；图2示出了根据本专利技术一个示范性实施例的计算设备200的结构框图；图3示出了根据本专利技术的一个示范性实施例的一种应用更新方法300的流程示意图；图4示出了根据本专利技术一个示范性实施例的从主页跳转二级页面之前的示意图；图5示出了根据本专利技术一个示范性实施例的从主页跳转二级页面之后的示意图；图6a示出了根据本专利技术一个示范性实施例的推进式动画示意图；图6b示出了根据本专利技术一个示范性实施例的层叠式动画示意图；图6c示出了根据本专利技术一个示范性实施例的透视式动画示意图；图6d示出了根据本专利技术一个示范性实施例的上推式动画示意图；图6e示出了根据本专利技术一个示范性实施例的上进下出式动画示意图；以及图6f示出了根据本专利技术一个示范性实施例的圆环式动画示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然本文档来自技高网...

【技术保护点】
1.一种页面显示方法，适于在服务器中执行，所述服务器与一个或多个移动终端通信连接，所述服务器中存储有网页文件和转场动画集，所述方法包括：/n根据所述网页文件确定网站架构，所述网站架构包括主页和多个二级页面；/n设置所述主页在移动终端中显示的基准场景，所述基准场景大小与目标移动终端的屏幕大小相同；/n根据所述基准场景，设置所述主页和二级页面与所述基准场景的位置关系；/n设置所述移动终端从所述主页跳转到所述二级页面后，所述主页和二级页面与所述基准场景的位置关系；/n根据跳转前和跳转后所述主页和二级页面与所述基准场景的位置关系设置所述主页跳转到二级页面的转场样式，所述转场样式包括所述转场动画集中的一种转场动画；/n接收所述移动终端发送的页面跳转请求，所述页面跳转请求中包括要跳转的目标二级页面；/n根据所述目标二级页面，确定从所述主页跳转到目标二级页面的转场样式，将相应的转场动画发送至目标移动终端进行播放；/n将所述目标二级页面对应的网页文件发送至目标移动终端以便在目标移动终端中加载并显示。/n

【技术特征摘要】
1.一种页面显示方法，适于在服务器中执行，所述服务器与一个或多个移动终端通信连接，所述服务器中存储有网页文件和转场动画集，所述方法包括：
根据所述网页文件确定网站架构，所述网站架构包括主页和多个二级页面；
设置所述主页在移动终端中显示的基准场景，所述基准场景大小与目标移动终端的屏幕大小相同；
根据所述基准场景，设置所述主页和二级页面与所述基准场景的位置关系；
设置所述移动终端从所述主页跳转到所述二级页面后，所述主页和二级页面与所述基准场景的位置关系；
根据跳转前和跳转后所述主页和二级页面与所述基准场景的位置关系设置所述主页跳转到二级页面的转场样式，所述转场样式包括所述转场动画集中的一种转场动画；
接收所述移动终端发送的页面跳转请求，所述页面跳转请求中包括要跳转的目标二级页面；
根据所述目标二级页面，确定从所述主页跳转到目标二级页面的转场样式，将相应的转场动画发送至目标移动终端进行播放；
将所述目标二级页面对应的网页文件发送至目标移动终端以便在目标移动终端中加载并显示。


2.如权利要求1所述的方法，还包括步骤：
设置所述二级页面之间进行跳转的转场形式，所述转场形式包括所述转场动画集中的一种转场动画；
接收所述移动终端发送的页面跳转请求，所述页面跳转请求中包括要跳转的目标二级页面；
将预设的二级页面之间跳转的转场形式相应的转场动画发送至目标移动终端进行播放；
将要跳转的二级页面对应的网页文件发送至目标移动终端以便在目标移动终端中加载并显示。


3.如权利要求1或2所述的方法，其中，所述设置所述主页在移动终端中显示的基准场景包括步骤：
根据所述主页的网页文件，确定所述主页的内容模块；
设置所述内容模块在所述移动终端的屏幕中全屏显示，确定在全屏显示时所述内容模块的大小；
根据所述内容模块的大小设置所述基准场景的大小，并设置所述基准场景在所述移动终端的屏幕中居中显示。

【专利技术属性】
技术研发人员：刘山，黄海荣，
申请(专利权)人：北京皮尔布莱尼软件有限公司，
类型：发明
国别省市：北京;11