页面显示方法及装置的制造方法
【技术领域】
[0001]本发明涉及页面显示技术领域，具体涉及一种页面显示方法及装置。
【背景技术】
[0002]目前常用的页面展示方法为:当用户点击浏览器上的一个新页面时，运行有该浏览器应用的前台与存储有该新页面信息的服务器进行连接，并在连接后获取新页面信息如文字、图片等内容，将所获取的内容作为新页面中的内容，通过浏览器展示在设备中。对于用户来说，这种方法使得旧页面与新页面在一瞬间得到切换，用户只能通过对新页面内容的进一步确认才能确定新页面是否显示成功，用户体验度不高。况且在新页面和旧页面显示的内容一致时，这种方法很容易让用户觉得用户请求的新页面没有成功，可能导致用户对新页面展示请求的频繁发起。
【发明内容】
[0003]为解决现有存在的技术问题，本发明实施例在于提供一种页面显示方法及装置，以至少解决由于旧页面与新页面一瞬间的切换而导致的用户体验度不高的问题。
[0004]本发明实施例的技术方案是这样实现的:
[0005]本发明实施例提供一种页面显示方法，所述方法包括:
[0006]当检测到用户针对第一页面的页面显示请求时，获取第二页面，所述第一页面为新页面，所述第二页面为空白页面或旧页面；
[0007]按照预定的旋转方向，对第二页面进行至少一次旋转；
[0008]加载所述新页面的页面数据至第二页面上，得到所述新页面；
[0009]显示所得到的新页面。
[0010]上述方案中，所述按照预定的旋转方向，对第二页面进行至少一次旋转，包括:
[0011]按照预定的旋转方向，对第二页面旋转第一角度，第一角度为180度或360度；或者，
[0012]按照预定的旋转方向，对第二页面先旋转第一子角度，再旋转第二子角度，第一子角度与第二子角度相同且为90度或180度；或者，
[0013]以第二页面的纵向中心线为轴，先按照预定的旋转方向旋转90度，再旋转90度，最后按照该旋转方向的反方向旋转180度。
[0014]上述方案中，在所述加载所述新页面的页面数据至第二页面上之前，所述方法还包括:
[0015]获取所述页面数据；
[0016]进一步的，浏览器以网页开发技术AJAX异步请求方式，向服务器请求该页面数据；或者，浏览器自身向服务器请求该页面数据。
[0017]上述方案中，所述方法还包括:
[0018]浏览器通过js文件加载所述页面数据；
[0019]或者，浏览器自身加载所述页面数据。
[0020]上述方案中，所述方法还包括:在第二页面旋转到预定角度时加载所述页面数据；或者，在第二页面由第一预定角度旋转到第二预定角度的过程中加载所述页面数据；或者，在第二页面旋转结束时加载所述页面数据。
[0021]本发明实施例提供了一种页面显示装置，所述装置包括:
[0022]第一获取单元，用于当检测到用户针对第一页面的页面显示请求时，获取第二页面，所述第一页面为新页面，所述第二页面为空白页面或旧页面；
[0023]第一旋转单元，用于按照预定的旋转方向，对第二页面进行至少一次旋转；
[0024]第一加载单元，用于加载所述新页面的页面数据至第二页面上，得到所述新页面；
[0025]第一显示单元，用于显示第一加载单元所得到的新页面。
[0026]上述方案中，所述第一旋转单元，用于:
[0027]按照预定的旋转方向，对第二页面旋转第一角度，第一角度为180度或360度；或者，
[0028]按照预定的旋转方向，对第二页面先旋转第一子角度，再旋转第二子角度，第一子角度与第二子角度相同且为90度或180度；或者，
[0029]以第二页面的纵向中心线为轴，先按照预定的旋转方向旋转90度，再旋转90度，最后按照该旋转方向的反方向旋转180度。
[0030]上述方案中，所述装置还包括:
[0031]第二获取单元，用于获取所述页面数据；
[0032]进一步的，所述第二获取单元，用于触发浏览器以网页开发技术AJAX异步请求方式，向服务器请求该页面数据；或者，触发浏览器自身向服务器请求该页面数据。
[0033]上述方案中，所述第一加载单元，用于:触发浏览器通过js文件加载所述页面数据；或者，触发浏览器自身加载所述页面数据。
[0034]上述方案中，所述第一加载单元，用于:在第二页面旋转到预定角度时加载所述页面数据；或者，在第二页面由第一预定角度旋转到第二预定角度的过程中加载所述页面数据；或者，在第二页面旋转结束时加载所述页面数据。
[0035]本发明实施例提供的页面显示方法及装置，其中所述方法包括:当检测到用户针对第一页面的页面显示请求时，获取第二页面，所述第一页面为新页面，所述第二页面为空白页面或旧页面；按照预定的旋转方向，对第二页面进行至少一次旋转；加载所述新页面的页面数据至第二页面上，得到所述新页面；显示所得到的新页面。通过第二页面的至少一次旋转得到新页面，与传统的旧页面经一瞬间切换而得到新页面相比较，用户可看见新页面的动态形成过程，为用户提供了良好的视觉体验；可解决由于旧页面与新页面一瞬间的切换而导致的用户体验度不高的问题。
【附图说明】
[0036]图1为本发明实施例的页面显示方法的实现流程图；
[0037]图2为本发明实施例的页面显示方法的一具体实现流程图；
[0038]图3(a)?(e)为本发明实施例的页面旋转的示意图；
[0039]图4为本发明实施例的页面显示装置的组成结构示意图。
【具体实施方式】
[0040]以下结合附图对本发明的优选实施例进行详细说明，应当理解，以下所说明的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0041]图1为本发明实施例的页面显示方法的实现流程图；如图1所示，所述方法包括:
[0042]步骤101:当检测到用户针对第一页面的页面显示请求时，获取第二页面，所述第一页面为新页面，所述第二页面为空白页面或旧页面；
[0043]这里，检测用户是否点击浏览器上新的网页链接，检测到用户点击有新的网页链接时，确定检测到存在有用户对新页面的页面显示请求，第一页面为新页面。如果用户当前请求的新页面为浏览器第一次打开的页面，则生成一个空白页面；如果用户当前请求的新页面不是浏览器第一次打开的页面，则将在当前请求的新页面之前所显示的页面作为旧页面，并将该旧页面作为第二页面。如果第二页面为旧页面，那么在该页面加载新页面数据之前，需要将旧页面上的页面数据进行删除或者将旧页面上的与新页面数据不相同的数据删除。
[0044]步骤102:按照预定的旋转方向，对第二页面进行至少一次旋转；
[0045]这里，预定的旋转方向为页面的顺时针或逆时针方向。例如，按照顺时针或逆时针方向，将第二页面旋转第一角度，第一角度为180°或360° ;或者，按照顺时针或逆时针方向将第二页面先旋转第一子角度，再旋转第二子角度，第一子角度与第二子角度相同且为90°或180° ;或者，以第二页面的纵向中心线为轴，将第二页面先顺时针旋转90°，再顺时针旋转90°，最后逆时针旋转180度。
[0046]本领域人员应该得知，以上几种旋转方式均为一种具体举例而已，本实施例中的旋转方式还包括其他能够想到的方式，此处不做具体限定。本实施例中，优选的旋转方式为第三种:即以第二页面的纵向中心线为轴，先顺时针旋转90°，再顺时针旋转90°，最后逆时针旋转180度。
[0047]步骤103:加载所述新页面的页面数据至第二页面上，得到所述新页面；
[0048]这里，在检测到存在有用户的新页面显示请求时，运行在前台上的浏览器向服务器请求该新页面的页面数据如文字、图片等；获取到页面数据后，可以在第二页面旋转到预定角度时加载所述页面数据，如在第二页面旋转到第一个90°时加载页面数据；或者，在第二页面由第一预定角度旋转到第二预定角度的过程中加载所述页面数据，如在第二页面由第一个90°旋转到第二个90°的过程中加载页面数据；或者，在第二页面旋转结束时加载所述页面数据。本实施例，优选为在第二页面旋转到预定角度时加载所述页面数据。由此可见，本实施例中通过第二页面的至少一次旋转以及相关页面数据的加载得到新页面，用户可看见新页面的动态形成过程，为用户提供了良好的视觉体验。
[0049]步骤104:显示所得到的新页面；
[0050]这里，显示新页面在浏览器上。
[0051]上述方案中，第二页面的每次旋转均利用超文本标记语言(HTML，HypertextMarkup Language)中的串联样式表(CSS，Casca