一种以翻转方式切换网页进阶内容的方法及装置的制造方法
【技术领域】
[0001] 本发明涉及网页登录技术领域，尤其涉及一种以翻转方式切换网页进阶内容的方 法及装置。
【背景技术】
[0002] 随着互联网技术的发展，越来越多的用户使用互联网，人们可以通过网页浏览器 来访问网站，获取自己需要的资讯或者享受网络服务。基于安全性等考虑，很多网站均需要 用户注册用户账号才可以访问该网站中的内容。
[0003] 传统的网页登陆过程中，用户在首页输入用户名和密码后，这个用户名可能绑定 多个企业账号，该企业账号具体可以为该用户服务的客户对象;此时需要在用户登录首页 之后，再向该用户提供一个绑定企业的网页页面，该网页页面属于进阶内容，在用户选择进 阶内容之后，才会跳转到工作页面。
[0004] 依靠传统方法登录到工作页面时，需要最少两个网页页面，即一个网站首页、一个 进阶内容的网页。传统的一个页面接另一个页面加载的方式，加载速度慢，特别是在网速异 常时，增加了用户等待时间；同时，传统界面不够友好，影响用户体验。
【发明内容】
[0005] 本发明实施例提供一种以翻转方式切换网页进阶内容的方法及装置，用于解决现 有登录到工作页面加载速度慢的技术问题。
[0006] 本发明实施例提供的一种以翻转方式切换网页进阶内容的方法，包括以下步骤：
[0007] 接收用户基于登录页面提交的登录请求，登录请求包括用户名和密码；
[0008] 验证登录请求，在登录请求通过验证后，在登录页面的基础上拼接进阶内容页面， 进阶内容页面为以翻转方式切换后的html页面；
[0009] 在登录页面的基础上以翻转方式切换进阶内容页面，指示用户根据进阶内容页面 选择相应的进阶内容。
[0010]在上述技术方案中，在登录页面的基础上拼接进阶内容页面，包括：
[0011] 判断登录页面是否基于IE内核；
[0012] 在登录页面不是基于IE内核时，为进阶内容界面中相应的div元素添加翻转层叠 样式表。
[0013] 在上述技术方案中，为进阶内容界面中相应的div元素添加翻转层叠样式表，包 括：
[0014] 引入animate动画库文件；
[0015]根据animate动画库文件为进阶内容界面中相应的div元素添加翻转动画样式。 [0016] 在上述技术方案中，还包括：
[0017] 在接收到用户基于登录页面提交的登录请求之后，显示遮罩层并等待验证结果；
[0018] 在登录请求通过验证后，去除遮罩层。
[0019] 在上述技术方案中，还包括：
[0020] 在接收到用户基于进阶内容界面提交的进阶内容选择指令后，根据进阶内容选择 指令跳转至相应的工作页面。
[0021] 基于同样的发明构思，本发明实施例提供一种以翻转方式切换网页进阶内容的装 置，包括：
[0022] 第一接收模块，用于接收用户基于登录页面提交的登录请求，登录请求包括用户 名和密码；
[0023] 拼接模块，用于验证登录请求，在登录请求通过验证后，在登录页面的基础上拼接 进阶内容页面，进阶内容页面为以翻转方式切换后的html页面；
[0024] 翻转模块，用于在登录页面的基础上以翻转方式切换进阶内容页面，指示用户根 据进阶内容页面选择相应的进阶内容。
[0025] 在上述技术方案中，拼接模块包括：
[0026] 判断单元，用于判断登录页面是否基于IE内核；
[0027] 添加单元，用于在登录页面不是基于IE内核时，为进阶内容界面中相应的div元素 添加翻转层叠样式表。
[0028] 在上述技术方案中，添加单元包括：
[0029]引入子单元，用于引入animate动画库文件；
[0030]添加子单元，用于根据animate动画库文件为进阶内容界面中相应的div元素添加 翻转动画样式。
[0031] 在上述技术方案中，还包括：
[0032] 遮罩模块，用于在接收到用户基于登录页面提交的登录请求之后，显示遮罩层并 等待验证结果；
[0033]去除遮罩模块，用于在登录请求通过验证后，去除遮罩层。
[0034]在上述技术方案中，还包括：
[0035] 第二接收模块，用于在接收到用户基于进阶内容界面提交的进阶内容选择指令 后，根据进阶内容选择指令跳转至相应的工作页面。
[0036] 本发明实施例提供的一种以翻转方式切换网页进阶内容的方法及装置，在登录页 面的基础上拼接进阶内容页面，在用户通过验证后以翻转的方式切换至进阶内容界面。该 方法只需要一个登录界面即可实现用户登录到工作平台，只需要加载登录界面即可，不需 要一个页面接另一个页面加载，从而提高了用户访问速度，并能使用户尽快登录工作平台， 提高效率。同时采用animate动画库实现动态翻转，比直接加载第二个网页要快，同时动态 提醒用户需要选择进阶内容，用户界面更加友好。
[0037] 本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变 得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明 书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0038] 下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
【附图说明】
[0039]附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实 施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
[0040]图1为本发明实施例中以翻转方式切换网页进阶内容的方法流程图；
[0041 ]图2为本发明实施例中登录页面示意图；
[0042]图3为本发明实施例中进阶内容页面翻转过程中的动画示意图；
[0043]图4为本发明实施例中翻转完毕后显示进阶内容的示意图；
[0044] 图5为本发明实施例中应用遮罩层的方法流程图；
[0045] 图6为本发明实施例中拼接进阶内容页面的方法流程图；
[0046] 图7为本发明实施例中添加翻转层叠样式表的方法流程图；
[0047] 图8为本发明实施例一中以翻转方式切换网页进阶内容的方法流程图；
[0048] 图9为本发明实施例中以翻转方式切换网页进阶内容装置的第一结构图；
[0049]图10为本发明实施例中拼接模块的结构图；
[0050] 图11为本发明实施例中添加单元的结构图；
[0051] 图12为本发明实施例中以翻转方式切换网页进阶内容装置的第二结构图；
[0052]图13为本发明实施例中以翻转方式切换网页进阶内容装置的第三结构图。
【具体实施方式】
[0053]以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实 施例仅用于说明和解释本发明，并不用于限定本发明。
[0054]参见图1，本发明实施例提供的一种以翻转方式切换网页进阶内容的方法流程如 下，具体包括步骤101-103:
[0055] 步骤101:接收用户基于登录页面提交的登录请求，该登录请求包括用户名和密 码。
[0056] 其中，该登录界面为一网页，用户根据该登录页面即可以输入用