[發(fā)明專利]用于大型網(wǎng)站的單頁面開發(fā)方法、框架及介質(zhì)

在審

• 申請?zhí)枺?/td>: 202011586998.X
• 申請日: 2020-12-28
• 公開（公告）號: CN112650965A
• 公開（公告）日: 2021-04-13
• 發(fā)明（設(shè)計）人: 南策云;楊小龍;南子康;黃強
• 申請（專利權(quán)）人: 珠海新華通軟件股份有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F8/38
• 代理公司: 廣州嘉權(quán)專利商標事務所有限公司 44205
• 代理人: 張志輝

本發(fā)明公開了一種用于大型網(wǎng)站的單頁面開發(fā)方法、框架及介質(zhì)，方法包括以下步驟：根據(jù)基礎(chǔ)功能設(shè)計外殼頁面，將外殼頁面作為網(wǎng)站首次加載的頁面資源；按照功能劃分設(shè)計多個單頁面，設(shè)置頁面管理器，將每個單頁面的頁面代碼按照不同單頁面存儲；將頁面管理器配置為響應于用戶加載標簽頁請求，根據(jù)請求將對應的頁面代碼加載至頁面容器；設(shè)置頁面容器，頁面容器加載一個或多個單頁面，將已加載的單頁面作為標簽頁，按照用戶交互信息將第一標簽頁顯示，其余標簽頁隱藏。本發(fā)明能夠為大型網(wǎng)站平臺提供極速、高效率、高性能的單頁面開發(fā)模式。

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

本發(fā)明涉及計算機信息處理技術(shù)領(lǐng)域，特別涉及一種用于大型網(wǎng)站的單頁面開發(fā)方法、框架及介質(zhì)。

背景技術(shù)

過去訪問互聯(lián)網(wǎng)WEB頁面，需要加載，如果跳轉(zhuǎn)新頁面，需要重新加載并刷新頁面，導致體驗感非常差，速度慢等問題。近年來，已經(jīng)進入移動互聯(lián)網(wǎng)時代，移動應用出現(xiàn)一種單頁web應用框架，但僅僅適用于小型系統(tǒng)的開發(fā)，比如vue.js。然后大型應用平臺使用該技術(shù)則出現(xiàn)加載速度慢，低效率，低性能的情況。

單頁面應用參考案例gmail，大型網(wǎng)站不同于gmail，變化多端，內(nèi)容復雜，需要多個模塊分開開發(fā)，并且整個軟件集成很多東西，這個時候最好還是要分開開發(fā)。簡單的后臺管理可以用單頁面應用，手機app可以用單頁面應用，復雜的后臺管理最好還是用多頁面，方便軟件工程。單頁面應用實際上和云計算是相反，云計算是把計算盡量放在服務器，單頁面應用是把計算盡量放在客戶端，單頁面應用能提高服務器的負載量。

隨著網(wǎng)速的越來越快，單頁面應用的用戶體驗提升并不是太明顯，一般用戶不怎么能感覺到僅僅是頁面切換帶來的性能提升，用戶進入一個頁面等待時間并不長，多數(shù)卡在數(shù)據(jù)庫上，現(xiàn)在單頁面應用又出現(xiàn)了服務器端渲染，單頁面應用把所有模塊集中在一個頁面也會造成進入加載太慢問題，頁面越復雜加載越慢。

現(xiàn)有技術(shù)的缺點包括：初次加載耗時相對增多；對開發(fā)人員技能水平、開發(fā)成本高；內(nèi)存占用多，無法釋放內(nèi)存；各組件無法獨立編程，單頁面程序代碼非常多，過于復雜，編程困難；大型單頁面臃腫，同步各組件模塊信息困難。

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

本發(fā)明旨在至少解決現(xiàn)有技術(shù)中存在的技術(shù)問題之一。為此，本發(fā)明提出一種用于大型網(wǎng)站的單頁面開發(fā)方法，能夠為大型網(wǎng)站平臺提供極速、高效率、高性能的單頁面開發(fā)模式。

本發(fā)明還提出一種用于大型網(wǎng)站的單頁面開發(fā)框架。

本發(fā)明還提出一種實施上述方法的計算機可讀存儲介質(zhì)。

根據(jù)本發(fā)明的第一方面實施例的用于大型網(wǎng)站的單頁面開發(fā)方法，包括以下步驟：S1、確定網(wǎng)站基礎(chǔ)功能需求，根據(jù)所述基礎(chǔ)功能設(shè)計外殼頁面，將所述外殼頁面作為所述網(wǎng)站首次加載的頁面資源；S2、按照功能劃分設(shè)計多個單頁面，設(shè)置頁面管理器，將每個所述單頁面的頁面代碼按照不同單頁面存儲；S3、將所述頁面管理器配置為響應于用戶加載標簽頁請求，根據(jù)所述請求將對應的頁面代碼加載至頁面容器；S4設(shè)置所述頁面容器，所述頁面容器加載一個或多個所述單頁面，將已加載的所述單頁面作為標簽頁，按照用戶交互信息將第一標簽頁顯示，其余標簽頁隱藏。

根據(jù)本發(fā)明的一些實施例，所述方法包括：設(shè)置聯(lián)動刷新機制，將已加載至所述頁面容器的單頁面的頁面片段資源聯(lián)動局部刷新。

根據(jù)本發(fā)明的一些實施例，在所述外殼頁面中設(shè)置次導航信息顯示區(qū)域，所述次導航信息關(guān)聯(lián)所述已加載的單頁面，所述聯(lián)動刷新機制根據(jù)所述次導航信息確定聯(lián)動刷新的單頁面。

根據(jù)本發(fā)明的一些實施例，所述外殼頁面包括主導航欄目、次導航欄目以及標簽頁欄目。

根據(jù)本發(fā)明的一些實施例，所述方法包括：設(shè)置所述次導航欄目，響應于用戶點擊所述次導航欄目，所述頁面容器新增標簽頁，并從所述頁面管理器調(diào)取頁面代碼并加載單頁面至所述頁面容器新增的標簽頁中。