[发明专利]一种以翻转方式切换网页进阶内容的方法及装置

说明书

本发明公开了一种以翻转方式切换网页进阶内容的方法及装置。其中，该方法包括：接收用户基于登录页面提交的登录请求，登录请求包括用户名和密码；验证登录请求，在登录请求通过验证后，在登录页面的基础上拼接进阶内容页面，进阶内容页面为以翻转方式切换后的html页面；在登录页面的基础上以翻转方式切换进阶内容页面，指示用户根据进阶内容页面选择相应的进阶内容。该方法只需要一个登录界面即可实现用户登录到工作平台，只需要加载登录界面即可，不需要一个页面接另一个页面加载，从而提高了用户访问速度，并能使用户尽快登录工作平台，提高效率。

技术领域

本发明涉及网页登录技术领域，尤其涉及一种以翻转方式切换网页进阶内容的方法及装置。

背景技术

随着互联网技术的发展，越来越多的用户使用互联网，人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。基于安全性等考虑，很多网站均需要用户注册用户账号才可以访问该网站中的内容。

传统的网页登陆过程中，用户在首页输入用户名和密码后，这个用户名可能绑定多个企业账号，该企业账号具体可以为该用户服务的客户对象；此时需要在用户登录首页之后，再向该用户提供一个绑定企业的网页页面，该网页页面属于进阶内容，在用户选择进阶内容之后，才会跳转到工作页面。

依靠传统方法登录到工作页面时，需要最少两个网页页面，即一个网站首页、一个进阶内容的网页。传统的一个页面接另一个页面加载的方式，加载速度慢，特别是在网速异常时，增加了用户等待时间；同时，传统界面不够友好，影响用户体验。

发明内容

本发明实施例提供一种以翻转方式切换网页进阶内容的方法及装置，用于解决现有登录到工作页面加载速度慢的技术问题。

本发明实施例提供的一种以翻转方式切换网页进阶内容的方法，包括以下步骤：

接收用户基于登录页面提交的登录请求，登录请求包括用户名和密码；

验证登录请求，在登录请求通过验证后，在登录页面的基础上拼接进阶内容页面，进阶内容页面为以翻转方式切换后的html页面；

在登录页面的基础上以翻转方式切换进阶内容页面，指示用户根据进阶内容页面选择相应的进阶内容。

在上述技术方案中，在登录页面的基础上拼接进阶内容页面，包括：

判断登录页面是否基于IE内核；

在登录页面不是基于IE内核时，为进阶内容界面中相应的div元素添加翻转层叠样式表。

在上述技术方案中，为进阶内容界面中相应的div元素添加翻转层叠样式表，包括：

引入animate动画库文件；

根据animate动画库文件为进阶内容界面中相应的div元素添加翻转动画样式。

在上述技术方案中，还包括：

在接收到用户基于登录页面提交的登录请求之后，显示遮罩层并等待验证结果；

在登录请求通过验证后，去除遮罩层。

在上述技术方案中，还包括：

在接收到用户基于进阶内容界面提交的进阶内容选择指令后，根据进阶内容选择指令跳转至相应的工作页面。

基于同样的发明构思，本发明实施例提供一种以翻转方式切换网页进阶内容的装置，包括：

第一接收模块，用于接收用户基于登录页面提交的登录请求，登录请求包括用户名和密码；

拼接模块，用于验证登录请求，在登录请求通过验证后，在登录页面的基础上拼接进阶内容页面，进阶内容页面为以翻转方式切换后的html页面；