Web 應(yīng)用的開發(fā)主要有兩種模式：前后端不分離前后端分離理解它們的區(qū)別有助于我們進(jìn)行對(duì)應(yīng)產(chǎn)品的測(cè)試工作。 |
前后端不分離
在早期，Web 應(yīng)用開發(fā)主要采用前后端不分離的方式，它是以后端直接渲染模板完成響應(yīng)為主的一種開發(fā)模式。以前后端不分離方式開發(fā)的 Web 應(yīng)用的架構(gòu)圖如下：
瀏覽器向服務(wù)器發(fā)起請(qǐng)求，服務(wù)器接收到請(qǐng)求后去數(shù)據(jù)庫(kù)中獲取數(shù)據(jù)，然后渲染 HTML 模板并返回渲染后的 HTML 數(shù)據(jù)，或者返回一個(gè)重定向。絕大部分工作都在后端進(jìn)行處理，客戶端(瀏覽器)只負(fù)責(zé)頁(yè)面的展示和用戶交互。
這種開發(fā)方式有如下特點(diǎn)：
-
一般一個(gè)應(yīng)用只需要一個(gè)后臺(tái)服務(wù)器
-
客戶端只需要請(qǐng)求不同的頁(yè)面，服務(wù)器會(huì)完成頁(yè)面上的所有數(shù)據(jù)邏輯，所以 http 請(qǐng)求次數(shù)較少
-
每個(gè)請(qǐng)求都是一個(gè) HTML，會(huì)有大量的冗余數(shù)據(jù)
-
開發(fā)時(shí)，前后端代碼耦合高，出了問(wèn)題責(zé)任不明確
-
在開發(fā)單純的網(wǎng)站時(shí)，效率非常高
-
響應(yīng)數(shù)據(jù)是 HTML，只能適應(yīng)單一客戶端，當(dāng)需要多端支持時(shí)如要單獨(dú)開發(fā)
前后端分離
隨著 AJAX 技術(shù)的出現(xiàn)，可以在不刷新頁(yè)面向服務(wù)器發(fā)送 http 請(qǐng)求，所以又出現(xiàn)了前后端分離的開發(fā)模式。
后端只要開發(fā)接口即可，前端可以通過(guò)發(fā)起 AJAX 請(qǐng)求，拿到后端的數(shù)據(jù)，渲染和怎樣調(diào)用接口的事情，交給前端。以前后端分離方式開發(fā)的 Web 應(yīng)用的結(jié)構(gòu)圖如下：
這種開發(fā)方式有如下特點(diǎn)：
-
是目前 Web 開發(fā)的主流模式
-
需要靜態(tài)文件服務(wù)器和后端接口服務(wù)器
-
后臺(tái)服務(wù)器只提供的數(shù)據(jù)接口的服務(wù)，響應(yīng)的往往是 JSON 數(shù)據(jù)
-
開發(fā)時(shí)，前后端責(zé)任分工明確
-
前后端解耦合，可以同時(shí)開發(fā)，提高開發(fā)效率
-
一個(gè)后臺(tái)即可滿足網(wǎng)站、app、小程序等多種應(yīng)用的需要
總結(jié)
對(duì)于前后端不分離的應(yīng)用，一般只需要進(jìn)行功能測(cè)試。對(duì)于前后端分離的應(yīng)用，既需要進(jìn)行功能測(cè)試，還需要進(jìn)行接口測(cè)試，并且在進(jìn)行功能測(cè)試時(shí)還需要分析 bug 是前端還是后端的問(wèn)題。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-812446.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-812446.html
到了這里，關(guān)于【前后端分離與不分離的區(qū)別】的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
