後端路由、前後端分離、前端路由


後端路由階段

在這裏插入圖片描述
因此,後端路由都是由服務器來生成頁面,然後返回給客戶端,這種方式渲染的頁面,不需要單獨再加載js或css代碼,可以直接交給瀏覽器顯示。

缺點就是 後端開發人員的任務太多太雜,而前端要想處理這部分工作,就必須學習額外的技術,比如Java、PHP等;另外,HTML代碼與數據混合在一起,造成邏輯混亂。


前後端分離階段

在這裏插入圖片描述
這種模式顯然沒有路由的概念,因爲數據都是通過ajax請求獲得。

這種方式還有一個好處就是,提供api接口的服務器通過還能給其它設備提供服務,比如Android APP,IOS APP等,服務器不管請求是由誰發送的,它只管提供api服務。


單頁面富應用階段階段

單頁面富應用,即SPA,單頁面富應用的靜態資源服務器只有一個HTML文件,當瀏覽器請求資源時,它會將該HTML以及相應的CSS和JS一併下載到本地,但注意的是,這些數據並不會被全部加載。
在這裏插入圖片描述
什麼時候會被加載呢?首先,瀏覽器從靜態資源服務器得到了一個index.html頁面,當用戶發送了一個請求時,前端路由會通過解析該請求,然後加載相應的js代碼,js代碼將從api服務器獲取數據,從而呈現頁面。

意思就是,本質還是ajax請求數據,只不過原先前後端分離的方式沒有路由這種概念,SPA應用通過前端路由這種方式豐富了前後端分離的開發模式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章