前后端不分離:
前端頁面的效果都是由后端控制,由后端渲染頁面或重定向,也就是后端需要控制前端的展示。
前后端分離:
是一種架構模式,核心思想是前端html頁面通過ajax調用后端的restuful api接口並使用json數據進行交互。
如何實現前后端分離呢?前后端工程師需要約定交互接口,實現並行開發,開發結束后需要進行獨立部署,前端通過ajax來調用http請求調用后端的restful api。前端只需要關注頁面的樣式與動態數據的解析&渲染,而后端專注於具體業務邏輯。
MVC設計模式:
Model—View-Controller 模型-視圖-控制器
Model數據層:數據庫數據的增刪改查
View視圖層:做html頁面的展示
Controller邏輯層:書寫業務邏輯
如何工作呢?舉個例子:你在頁面輸入一個網址(請求-Request),這個網址去調用接口,這個接口其實就是訪問后端的一段代碼(方法),后端有很多方法,如何確定訪問的是哪個方法?就是接口定義好的,比如:177.0.0.1/api/user/login,這里面的api就表示一個服務(一個工程),user表示一個類,login表示具體要調用的那個方法,你一旦回車,就直接調用了后端這個方法,后端這個方法就去數據庫(MySQL|Oracle|其他)取數據,數據庫表中每一行數據就表示一個對象,最后存到集合框架(List|Map|Set|等)中,方法把這個集合返回,那么調用這個接口的結果就是會響應(Response)給你一個結果集,前端就拿到了這個數據,然后通過頁面(html|Jsp)展現出來,最后用戶看到的就是View層做的事情。