[發(fā)明專利]一種以翻轉(zhuǎn)方式切換網(wǎng)頁(yè)進(jìn)階內(nèi)容的方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201610010081.2
• 申請(qǐng)日: 2016-01-07
• 公開（公告）號(hào): CN105677861B
• 公開（公告）日: 2019-05-24
• 發(fā)明（設(shè)計(jì)）人: 黃鎮(zhèn);楊財(cái)智;楊井;楊翠花;殳亞軍;李磊
• 申請(qǐng)（專利權(quán)）人: 無(wú)錫天脈聚源傳媒科技有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957
• 代理公司: 北京尚倫律師事務(wù)所 11477
• 代理人: 張亮

本發(fā)明公開了一種以翻轉(zhuǎn)方式切換網(wǎng)頁(yè)進(jìn)階內(nèi)容的方法及裝置。其中，該方法包括：接收用戶基于登錄頁(yè)面提交的登錄請(qǐng)求，登錄請(qǐng)求包括用戶名和密碼；驗(yàn)證登錄請(qǐng)求，在登錄請(qǐng)求通過(guò)驗(yàn)證后，在登錄頁(yè)面的基礎(chǔ)上拼接進(jìn)階內(nèi)容頁(yè)面，進(jìn)階內(nèi)容頁(yè)面為以翻轉(zhuǎn)方式切換后的html頁(yè)面；在登錄頁(yè)面的基礎(chǔ)上以翻轉(zhuǎn)方式切換進(jìn)階內(nèi)容頁(yè)面，指示用戶根據(jù)進(jìn)階內(nèi)容頁(yè)面選擇相應(yīng)的進(jìn)階內(nèi)容。該方法只需要一個(gè)登錄界面即可實(shí)現(xiàn)用戶登錄到工作平臺(tái)，只需要加載登錄界面即可，不需要一個(gè)頁(yè)面接另一個(gè)頁(yè)面加載，從而提高了用戶訪問(wèn)速度，并能使用戶盡快登錄工作平臺(tái)，提高效率。

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)頁(yè)登錄技術(shù)領(lǐng)域，尤其涉及一種以翻轉(zhuǎn)方式切換網(wǎng)頁(yè)進(jìn)階內(nèi)容的方法及裝置。

背景技術(shù)

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，越來(lái)越多的用戶使用互聯(lián)網(wǎng)，人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站，獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。基于安全性等考慮，很多網(wǎng)站均需要用戶注冊(cè)用戶賬號(hào)才可以訪問(wèn)該網(wǎng)站中的內(nèi)容。

傳統(tǒng)的網(wǎng)頁(yè)登陸過(guò)程中，用戶在首頁(yè)輸入用戶名和密碼后，這個(gè)用戶名可能綁定多個(gè)企業(yè)賬號(hào)，該企業(yè)賬號(hào)具體可以為該用戶服務(wù)的客戶對(duì)象；此時(shí)需要在用戶登錄首頁(yè)之后，再向該用戶提供一個(gè)綁定企業(yè)的網(wǎng)頁(yè)頁(yè)面，該網(wǎng)頁(yè)頁(yè)面屬于進(jìn)階內(nèi)容，在用戶選擇進(jìn)階內(nèi)容之后，才會(huì)跳轉(zhuǎn)到工作頁(yè)面。

依靠傳統(tǒng)方法登錄到工作頁(yè)面時(shí)，需要最少兩個(gè)網(wǎng)頁(yè)頁(yè)面，即一個(gè)網(wǎng)站首頁(yè)、一個(gè)進(jìn)階內(nèi)容的網(wǎng)頁(yè)。傳統(tǒng)的一個(gè)頁(yè)面接另一個(gè)頁(yè)面加載的方式，加載速度慢，特別是在網(wǎng)速異常時(shí)，增加了用戶等待時(shí)間；同時(shí)，傳統(tǒng)界面不夠友好，影響用戶體驗(yàn)。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例提供一種以翻轉(zhuǎn)方式切換網(wǎng)頁(yè)進(jìn)階內(nèi)容的方法及裝置，用于解決現(xiàn)有登錄到工作頁(yè)面加載速度慢的技術(shù)問(wèn)題。

本發(fā)明實(shí)施例提供的一種以翻轉(zhuǎn)方式切換網(wǎng)頁(yè)進(jìn)階內(nèi)容的方法，包括以下步驟：

接收用戶基于登錄頁(yè)面提交的登錄請(qǐng)求，登錄請(qǐng)求包括用戶名和密碼；

驗(yàn)證登錄請(qǐng)求，在登錄請(qǐng)求通過(guò)驗(yàn)證后，在登錄頁(yè)面的基礎(chǔ)上拼接進(jìn)階內(nèi)容頁(yè)面，進(jìn)階內(nèi)容頁(yè)面為以翻轉(zhuǎn)方式切換后的html頁(yè)面；

在登錄頁(yè)面的基礎(chǔ)上以翻轉(zhuǎn)方式切換進(jìn)階內(nèi)容頁(yè)面，指示用戶根據(jù)進(jìn)階內(nèi)容頁(yè)面選擇相應(yīng)的進(jìn)階內(nèi)容。

在上述技術(shù)方案中，在登錄頁(yè)面的基礎(chǔ)上拼接進(jìn)階內(nèi)容頁(yè)面，包括：

判斷登錄頁(yè)面是否基于IE內(nèi)核；

在登錄頁(yè)面不是基于IE內(nèi)核時(shí)，為進(jìn)階內(nèi)容界面中相應(yīng)的div元素添加翻轉(zhuǎn)層疊樣式表。

在上述技術(shù)方案中，為進(jìn)階內(nèi)容界面中相應(yīng)的div元素添加翻轉(zhuǎn)層疊樣式表，包括：

引入animate動(dòng)畫庫(kù)文件；

根據(jù)animate動(dòng)畫庫(kù)文件為進(jìn)階內(nèi)容界面中相應(yīng)的div元素添加翻轉(zhuǎn)動(dòng)畫樣式。

在上述技術(shù)方案中，還包括：

在接收到用戶基于登錄頁(yè)面提交的登錄請(qǐng)求之后，顯示遮罩層并等待驗(yàn)證結(jié)果；

在登錄請(qǐng)求通過(guò)驗(yàn)證后，去除遮罩層。

在上述技術(shù)方案中，還包括：

在接收到用戶基于進(jìn)階內(nèi)容界面提交的進(jìn)階內(nèi)容選擇指令后，根據(jù)進(jìn)階內(nèi)容選擇指令跳轉(zhuǎn)至相應(yīng)的工作頁(yè)面。

基于同樣的發(fā)明構(gòu)思，本發(fā)明實(shí)施例提供一種以翻轉(zhuǎn)方式切換網(wǎng)頁(yè)進(jìn)階內(nèi)容的裝置，包括：

第一接收模塊，用于接收用戶基于登錄頁(yè)面提交的登錄請(qǐng)求，登錄請(qǐng)求包括用戶名和密碼；

拼接模塊，用于驗(yàn)證登錄請(qǐng)求，在登錄請(qǐng)求通過(guò)驗(yàn)證后，在登錄頁(yè)面的基礎(chǔ)上拼接進(jìn)階內(nèi)容頁(yè)面，進(jìn)階內(nèi)容頁(yè)面為以翻轉(zhuǎn)方式切換后的html頁(yè)面；