[發明專利]頁面處理方法和系統

在審

• 申請號: 201911060945.1
• 申請日: 2019-11-01
• 公開（公告）號: CN110968388A
• 公開（公告）日: 2020-04-07
• 發明（設計）人: 戈嘉倫
• 申請（專利權）人: 蘇寧云計算有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/25;G06F16/958
• 代理公司: 北京市萬慧達律師事務所 11111
• 代理人: 盛安平

本申請涉及一種頁面處理方法和系統；所述方法包括：前端獲取操作指令，并根據操作指令向中間層發送第一請求；中間層根據所述第一請求向服務層發送第二請求；服務層對所述第二請求進行響應，返回對應的數據；中間層根據服務層返回的數據渲染頁面，并將渲染后的頁面返回到前端。本申請的方案將前端、后臺分離開，使前端和后臺可以分別同步開發，提高開發效率；前端與后臺分工明確，分別側重不同的功能，發揮各自的優勢；適用于多頁面應用，每次請求只加載本次用到的資源，無需加載全部資源，解決了單頁面應用加載速度慢的問題。

技術領域

本申請涉及Web前端技術領域，具體涉及一種頁面處理方法和系統。

背景技術

單頁面應用(SPA)，說就是指只有一個主頁面的應用，瀏覽器一開始要加載所有必須的html、js、css。所有的頁面內容都包含在這個主頁面中；然后在交互的時候，通過路由程序動態載入，單頁面的頁面跳轉，僅刷新局部資源。多頁面應用(MPA)，是指一個應用中有多個頁面，頁面跳轉時是整頁刷新。

單頁面應用存在兩方面的問題：第一個問題是客戶端第一次加載的速度很慢，原因在于第一次訪問時所有前端資源都是在客戶端進行渲染，第一次訪問需要加載全部需要的資源；第二個問題是SEO網絡爬蟲，因為是單頁面，所以HTML的所有標題和meta標簽都是固定的，導致網絡爬蟲無法精準地獲取到頁面的相關信息。

相關技術中，業界在開發項目時通常的做法是，采用單頁面應用，前端提供靜態頁面給后臺，經過后臺轉化為后臺模板。這種方式依賴后臺環境，導致前后分工不明確、開發效率低、后期維護成本高。

發明內容

為至少在一定程度上克服相關技術中存在的問題，本申請提供一種頁面處理方法和系統。

根據本申請實施例的第一方面，提供一種頁面處理方法，包括：

前端獲取操作指令，并根據操作指令向中間層發送第一請求；

中間層根據所述第一請求向服務層發送第二請求；

服務層對所述第二請求進行響應，返回對應的數據；

中間層根據服務層返回的數據渲染頁面，并將渲染后的頁面返回到前端。

進一步地，所述方法還包括：

中間層在接收到所述第一請求時，驗證用戶的登錄狀態；

如果登錄狀態為已登錄，則根據所述第一請求向服務層發送第二請求；

如果登錄狀態為未登錄，則將登錄頁面返回到前端。

進一步地，所述服務層對所述第二請求進行響應，包括：

服務層在接收到所述第二請求時，驗證用戶的登錄狀態；

如果登錄狀態為未登錄，則返回失敗狀態信息；

如果登錄狀態為已登錄，則根據所述第二請求從數據庫中查詢相應的數據，并將數據返回到中間層。

進一步地，所述方法還包括：

中間層在接收到失敗狀態信息時，將登錄頁面返回到前端。

進一步地，所述中間層根據服務層返回的數據渲染頁面，包括：

中間層根據靜態資源和服務層返回的數據渲染頁面；其中靜態資源是預先存儲在中間層的。

進一步地，所述操作指令包括如下項中的至少一項：URL、頁面交互指令、路由跳轉指令。

進一步地，當所述操作指令包括路由跳轉指令時，所述中間層根據所述第一請求向服務層發送第二請求，包括：

通過前端路由跳轉到對應頁面；