[發(fā)明專利]界面顯示方法、裝置及服務(wù)器

有效

• 申請(qǐng)?zhí)枺?/td>: 202010969340.0
• 申請(qǐng)日: 2020-09-15
• 公開(kāi)（公告）號(hào): CN112069428B
• 公開(kāi)（公告）日: 2023-06-02
• 發(fā)明（設(shè)計(jì)）人: 黃圣林
• 申請(qǐng)（專利權(quán)）人: 成都知道創(chuàng)宇信息技術(shù)有限公司
• 主分類號(hào): G06F16/955
• 分類號(hào): G06F16/955;G06F16/957;G06F9/451
• 代理公司: 北京超凡宏宇專利代理事務(wù)所(特殊普通合伙) 11463
• 代理人: 張磊

1.一種界面顯示方法，其特征在于，應(yīng)用于電子設(shè)備，所述方法包括：

顯示一網(wǎng)頁(yè)界面，所述網(wǎng)頁(yè)界面包括主頁(yè)面以及嵌入在所述主頁(yè)面中的子頁(yè)面，所述主頁(yè)面對(duì)應(yīng)第一網(wǎng)頁(yè)文件，所述子頁(yè)面對(duì)應(yīng)第二網(wǎng)頁(yè)文件；

通過(guò)所述第一網(wǎng)頁(yè)文件，將所述主頁(yè)面中的滾動(dòng)條的當(dāng)前滾動(dòng)距離記錄到預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)，其中，所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)為所述第二網(wǎng)頁(yè)文件對(duì)應(yīng)URL中的Hash值；

通過(guò)所述第二網(wǎng)頁(yè)文件，根據(jù)所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)中的所述當(dāng)前滾動(dòng)距離獲取預(yù)設(shè)的顯示內(nèi)容，所述預(yù)設(shè)的顯示內(nèi)容用于在所述子頁(yè)面進(jìn)行顯示。

2.根據(jù)權(quán)利要求1所述的界面顯示方法，其特征在于，各所述顯示內(nèi)容分別對(duì)應(yīng)所述子頁(yè)面中的不同顯示板塊，所述第二網(wǎng)頁(yè)文件記錄有不同當(dāng)前滾動(dòng)距離與不同顯示板塊的對(duì)應(yīng)關(guān)系；

所述通過(guò)所述第二網(wǎng)頁(yè)文件，根據(jù)所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)中的所述當(dāng)前滾動(dòng)距離獲取預(yù)設(shè)的顯示內(nèi)容的步驟，包括：

根據(jù)所述對(duì)應(yīng)關(guān)系，確定所述當(dāng)前滾動(dòng)距離對(duì)應(yīng)的目標(biāo)顯示板塊；

獲取所述目標(biāo)顯示板塊對(duì)應(yīng)的目標(biāo)顯示內(nèi)容。

3.根據(jù)權(quán)利要求1所述的界面顯示方法，其特征在于，所述通過(guò)所述第二網(wǎng)頁(yè)文件，根據(jù)所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)中的所述當(dāng)前滾動(dòng)距離獲取預(yù)設(shè)的顯示內(nèi)容之前，所述方法還包括：

通過(guò)所述第二網(wǎng)頁(yè)文中的window.addEventListener方法獲取所述Hash值；

根據(jù)所述Hash值獲得所述當(dāng)前滾動(dòng)距離。

4.根據(jù)權(quán)利要求1所述的界面顯示方法，其特征在于，多個(gè)所述第二網(wǎng)頁(yè)文件分別對(duì)應(yīng)不同的子頁(yè)面標(biāo)識(shí)，所述多個(gè)子頁(yè)面標(biāo)識(shí)顯示于所述主頁(yè)面；所述方法還包括：

根據(jù)選中的目標(biāo)子頁(yè)面標(biāo)識(shí)，獲取所述目標(biāo)子頁(yè)面標(biāo)識(shí)對(duì)應(yīng)的目標(biāo)第二網(wǎng)頁(yè)文件；

將所述第二網(wǎng)頁(yè)文件顯示至所述子頁(yè)面。

5.根據(jù)權(quán)利要求4所述的界面顯示方法，其特征在于，所述方法還包括：

第一次顯示所述網(wǎng)頁(yè)界面時(shí)，獲取預(yù)設(shè)的初始第二網(wǎng)頁(yè)文件；

將所述初始第二網(wǎng)頁(yè)文件顯示至所述子頁(yè)面。

6.根據(jù)權(quán)利要求5所述的界面顯示方法，其特征在于，所述初始第二網(wǎng)頁(yè)文件的子頁(yè)面標(biāo)識(shí)存儲(chǔ)在數(shù)據(jù)結(jié)構(gòu)Session中。

7.一種界面顯示裝置，其特征在于，應(yīng)用于電子設(shè)備，所述界面顯示裝置包括：

輸出模塊，用于顯示一網(wǎng)頁(yè)界面，所述網(wǎng)頁(yè)界面包括主頁(yè)面以及嵌入在所述主頁(yè)面中的子頁(yè)面，所述主頁(yè)面對(duì)應(yīng)第一網(wǎng)頁(yè)文件，所述子頁(yè)面對(duì)應(yīng)第二網(wǎng)頁(yè)文件；

處理模塊，用于通過(guò)所述第一網(wǎng)頁(yè)文件，將所述主頁(yè)面中的滾動(dòng)條的當(dāng)前滾動(dòng)距離記錄到預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)，其中，所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)為所述第二網(wǎng)頁(yè)文件對(duì)應(yīng)URL中的Hash值；

所述處理模塊，還用于通過(guò)所述第二網(wǎng)頁(yè)文件，根據(jù)所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)中的所述當(dāng)前滾動(dòng)距離獲取預(yù)設(shè)的顯示內(nèi)容，所述預(yù)設(shè)的顯示內(nèi)容用于在所述子頁(yè)面進(jìn)行顯示。

8.根據(jù)權(quán)利要求7所述的界面顯示裝置，其特征在于，各所述顯示內(nèi)容分別對(duì)應(yīng)所述子頁(yè)面中的不同顯示板塊，所述第二網(wǎng)頁(yè)文件記錄有不同當(dāng)前滾動(dòng)距離與不同顯示板塊的對(duì)應(yīng)關(guān)系；

所述處理模塊，具體通過(guò)所述第二網(wǎng)頁(yè)文件，根據(jù)所述預(yù)設(shè)數(shù)據(jù)結(jié)構(gòu)中的所述當(dāng)前滾動(dòng)距離獲取預(yù)設(shè)的顯示內(nèi)容的方式包括：

根據(jù)所述對(duì)應(yīng)關(guān)系，確定所述當(dāng)前滾動(dòng)距離對(duì)應(yīng)的目標(biāo)顯示板塊；

獲取所述目標(biāo)顯示板塊對(duì)應(yīng)的目標(biāo)顯示內(nèi)容；

將所述目標(biāo)顯示內(nèi)容顯示到所述目標(biāo)顯示板塊。

9.根據(jù)權(quán)利要求7所述的界面顯示裝置，其特征在于，多個(gè)所述第二網(wǎng)頁(yè)文件分別對(duì)應(yīng)不同的子頁(yè)面標(biāo)識(shí)，所述多個(gè)子頁(yè)面標(biāo)識(shí)顯示于所述主頁(yè)面，所述處理模塊還用于：

根據(jù)選中的目標(biāo)子頁(yè)面標(biāo)識(shí)，獲取所述目標(biāo)子頁(yè)面標(biāo)識(shí)對(duì)應(yīng)的目標(biāo)第二網(wǎng)頁(yè)文件；

將所述第二網(wǎng)頁(yè)文件顯示至所述子頁(yè)面。

10.一種服務(wù)器，其特征在于，所述服務(wù)器存儲(chǔ)有預(yù)設(shè)網(wǎng)頁(yè)文件，當(dāng)所述服務(wù)器獲取到電子設(shè)備發(fā)送的獲取請(qǐng)求時(shí)，將所述預(yù)設(shè)網(wǎng)頁(yè)文件發(fā)送給所述電子設(shè)備，使得所述電子設(shè)備運(yùn)行所述預(yù)設(shè)網(wǎng)頁(yè)文件時(shí)，實(shí)現(xiàn)權(quán)利要求1-6任一項(xiàng)所述的界面顯示方法。