Web應用模式

還記得我們在課程簡介中提到過的"前后端分離技術(shù)"嗎？其實，前后端分離是當下非常流行的一種 Web 開發(fā)模式，當前，有兩種較為常用的 Web 開發(fā)模式：

• 前后端不分離模式
• 前后端分離模式

下面我們一起來認識一下這兩種 Web 開發(fā)模式，通過比較，你應該就能知道為什么前后端分離的開發(fā)模式能夠大行其道了。

1.前端與后端

在理解這兩種 Web 應用模式之前，我們需要先明確前端與后端的概念。前端負責頁面的渲染、數(shù)據(jù)的展示，而后端負責處理用于展示的數(shù)據(jù)。通俗地講，前端就是用戶可以看到的東西，比如在一個天氣預報頁面中，用戶所能看到的天氣信息就是前端展示的。每天的天氣不同，展示的數(shù)據(jù)也不一樣，那么這些數(shù)據(jù)從何而來？

答案是后端。我們之所以能看到實時更新的天氣數(shù)據(jù)，是因為前后端配合作業(yè)實現(xiàn)的。后端在數(shù)據(jù)庫查詢相應時間的天氣情況，查到數(shù)據(jù)后，進行相應的處理、包裝，交由前端，前端獲取數(shù)據(jù)后，根據(jù)提前設計好的樣式，在相應位置填充后端發(fā)來的數(shù)據(jù)，這樣一個天氣預報頁面就呈現(xiàn)在了用戶眼前。

2. 前后端不分離模式

在前后端不分離的應用模式中，前端向 Web 服務器發(fā)送請求，Web 服務器根據(jù)請求內(nèi)容，從數(shù)據(jù)庫查詢相應數(shù)據(jù)，將數(shù)據(jù)填充進模板渲染，渲染結(jié)果發(fā)回前端進行展示。

在過去，人們訪問互聯(lián)網(wǎng)幾乎都是通過 PC 瀏覽器，因而僅需開發(fā)適應 PC 顯示的單終端頁面（只在一種設備上使用，其他設備不使用或很少使用的頁面）即可。如果僅開發(fā)單終端的網(wǎng)頁應用，前后端不分離模式是較為普遍的開發(fā)模式，針對同一個頁面，后端提供資源填充入前端模板相應的位置并渲染，展示給客戶即可，無需考慮不同終端需要不同的數(shù)據(jù)類型、不同的展示效果。在這種場景下，前后端不分離模式不僅開發(fā)速度快，還便于開發(fā)人員直接調(diào)試頁面。

然而隨著移動互聯(lián)網(wǎng)的發(fā)展，Web 應用不再單單服務于 PC 端，同樣的內(nèi)容需要在不同的終端進行展示。而不同終端需要不同的渲染方式，如果仍然采用前后端不分離的應用模式，就需要后端為不同的前端渲染不同的頁面進行適配，此時增加了許多冗余工作。

3. 前后端分離模式

在前后端分離的 Web 應用中，后端此時扮演的角色只是提供前端所需的數(shù)據(jù)，不再負責樣式的渲染。前端的展示樣式，完全由前端負責，針對不同的終端，進行不同的渲染，這樣不僅提高了用戶體驗，還在很大程度上降低了前后端的耦合度。由于不同終端所需的數(shù)據(jù)幾乎一樣，后端僅需專注于業(yè)務邏輯，為前端提供數(shù)據(jù)即可，不再需要適配不同終端，提供不同頁面，這便大大降低了開發(fā)工作量。

在前后端分離的應用模式中，我們通常將后端開發(fā)的每個視圖都稱為一個接口，或者API，前端通過訪問接口來對數(shù)據(jù)進行增刪改查。

4.前后端分離模式開發(fā)規(guī)范

前后端分離模式逐漸成為主流，隨之而來的問題也很突出。通常，后端服務開發(fā)完成，開發(fā)人員會寫一份后端接口調(diào)用的說明文檔。不同公司、不同項目甚至不同開發(fā)人員都有各自的喜好，因而開發(fā)好的后端服務，也是千奇百怪，前端開發(fā)人員為了使用使用后端服務，必須逐個對照說明文檔才能知道調(diào)用方式。小型項目還好說，大型項目接口繁雜，如果仍然采用千奇百怪的接口調(diào)用方式，就會無形中增加開發(fā)難度。那么是否有一套接口開發(fā)規(guī)范，是否有一個見名知意的接口調(diào)用方式呢？答案是有的，這就是 RESTful 規(guī)范。后續(xù)內(nèi)容，我們將正式開始學習 RESTful。

5. 小結(jié)

本節(jié)帶領(lǐng)大家了解了前端和后端的概念，并介紹了前后端不分離開發(fā)模式和前后端分離模式各自的應用場景和優(yōu)缺點，并引出 RESTful 規(guī)范誕生的必要性。