[發明專利]一種前后端分離架構的實現系統及方法

在審

• 申請號: 201811006264.2
• 申請日: 2018-08-30
• 公開（公告）號: CN109274724A
• 公開（公告）日: 2019-01-25
• 發明（設計）人: 張甫;劉振宇;劉爽
• 申請（專利權）人: 上海艾融軟件股份有限公司
• 主分類號: H04L29/08
• 分類號: H04L29/08
• 代理公司: 北京國昊天誠知識產權代理有限公司 11315
• 代理人: 許志勇

本發明公開了一種前后端分離架構的實現系統和實現方法，前端使用SAP單頁面移動端混合模式架構，后端使用基于微服務平臺的架構，前后端職責分離，架構清晰，前端進行交互邏輯，后端負責數據處理，前端單獨開發，局部渲染，避免了不必要的跳轉和重復渲染，并且前后端可以單獨測試。本發明有助于提高系統的可用性，提高開發效率，縮短開發周期，降低開發成本，提高系統的性能和穩定性，使系統盡可能快并且低成本、高質量地響應變化。

技術領域

本發明涉及互聯網移動端開發中的架構設計與開發模式的技術領域，具體涉及面向移動互聯網的、且存在高并發和業務復雜度高、對可擴展性和開發效率要都有要求的互聯網移動應用的系統架構的開發模式。

背景技術

隨著金融電商平臺的業務的不斷發展、技術的不斷改進、業務的推廣，金融電商平臺的業務越來越復雜。由于在傳統開發中，會在后臺服務器端將所有與前端相關數據進行渲染包裝后響應到前端，從而存在傳輸數據量大、后臺服務器處理程序壓力大、后臺錯誤可能會直接反應到前端的問題，很不友好。而后臺又很難去探知前端頁面的分布情況，所以導致開發效率較低，開發難度變大。而且隨著項目的復雜情況，開發變得越來越復雜，對開發人員的要求也越來高。

發明內容

針對現有技術的不足，本發明旨在提供一種前后端分離架構的實現系統及方法，前后端職責分離，架構清晰，前端進行交互邏輯，后端負責數據處理，前端單獨開發，局部渲染，避免了不必要的跳轉和重復渲染，并且前后端可以單獨測試。

為了實現上述目的，本發明采用如下技術方案：

一種前后端分離架構的實現系統，包括：

前端：打包在移動端的本地存儲中，僅與后端進行數據交互；

后端：用于進行數據處理以及與前端進行數據交互；

插件管理器：用于在前端啟動的時候初始化并注冊插件；

頁面組件：用于渲染和顯示前端從后端中獲取的頁面數據；

Services：用于作為前端的數據緩存和操作層。

利用上述前后端分離架構的實現系統進行前后端分離架構的實現方法，包括如下步驟：

S1、前端打包在移動端本地存儲中，插件管理器在前端啟動的時候初始化并注冊插件；

S2、前端向后端請求第一個頁面，后端返回HTML、CSS和JS；

S3、前端加載各個頁面組件，頁面組件從移動端操作系統的Services獲取數據，Services通過前端數據總線發送Ajax請求向后端獲取數據；

S4、后端的服務網關接收到前端數據總線發送過來的Ajax請求，處理請求并返回響應結果；

S5、前端接收到后端返回的響應結果，將響應結果中包含的所請求獲取的數據緩存到Services，頁面組件從Services中獲取數據進行渲染、顯示。

需要說明的是，步驟S3中，Ajax請求以json的格式發送。

需要說明的是，步驟S4中，響應結果的數據格式為json格式，與步驟S2中前端向后端發送的請求格式統一。

本發明的有益效果在于：

利用本發明可以實現前后端分離開發，使前后端開發分別專注于各自擅長的事情，能夠解決數據傳輸壓力大的問題，并且能夠分別提升前后端的開發效率，前臺端能夠各自進行優化，同時也存在一份數據用于多種前端風格的優勢。

在本發明的實現系統和實現方法中，前后端職責分離，架構清晰，前端進行交互邏輯，后端負責數據處理，前端單獨開發，局部渲染，避免了不必要的跳轉和重復渲染，并且前后端可以單獨測試。