2021年8月9日學習筆記【Spring Boot+Vue前後端分離開發】
前後端分離:
前後端分離已成為網際網路專案開發的業界標準使用方式,通過nginx+tomcat的方式(也可以中間加一個node.js)有效的進行解耦,並且前後端分離會為以後的大型分散式架構、彈性計算架構、微服務架構、多端化服務(多種客戶端,例如:瀏覽器,車載終端,安卓,ios等等)打下堅實的基礎。這個步驟是系統架構從猿進化成人的必經之路。
核心思想是前端HTML頁面通過AJAX呼叫後端的RESTFUL API介面並使用JSON資料進行互動。
將前端程式碼和後端程式碼分開寫,前端採用純HTML頁面,通過Ajax向後臺請求資料。
以前的Java Web專案大多數都是Java程式設計師又當爹又當媽,又搞前端,又搞後端。隨著時代的發展,漸漸的許多大中小公司開始把前後端的界限分的越來越明確,前端工程師只管前端的事情,後端工程師只管後端的事情。正所謂術業有專攻,一個人如果什麼都會,那麼他畢竟什麼都不精。大中型公司需要專業人才,小公司需要全才,但是對於個人職業發展來說,前後端需要分離。
在傳統的Java Web開發中,前端和後端
程式碼相互參雜,耦合度很高
開發模式
以前老的方式是:
1.產品經歷/領導/客戶提出需求
2.UI做出設計圖
3.前端工程師做html頁面
4.後端工程師將html頁面套成jsp頁面( 前後端強依賴,後端必須要等前端的html做好才能套jsp。如果html發生變更,就更痛了,開發效率低)
5.整合出現問題
6.前端返工
7.後端返工
8.二次整合
9.整合成功
10.交付
新的方式是:
1.產品經歷/領導/客戶提出需求
2.UI做出設計圖
3.前後端約定介面&資料&引數
4.前後端並行開發( 無強依賴,可前後端並行開發,如果需求變更,只要介面&引數不變,就不用兩邊都修改程式碼,開發效率高)
5.前後端整合
6.前端頁面調整
7.整合成功
8.交付
請求方式
以前老的方式是:
1.客戶端請求
2.服務端的servlet或controller接收請求( 後端控制路由與渲染頁面,整個專案開發的權重大部分在後端)
3.呼叫service,dao程式碼完成業務邏輯
4.返回jsp
5.jsp展現一些動態的程式碼
新的方式是:
1.瀏覽器傳送請求
2.直接到達html頁面(前端:控制路由與渲染頁面,整個專案開發的權重前移)
3.html頁面負責呼叫服務端介面產生資料(通過ajax等等,後臺返回json格式資料,json資料格式因為簡潔高效而取代xml)
4.填充html,展現動態效果,在頁面上進行解析並操作DOM。
前後端分離並非僅僅只是一種開發模式,而是一種架構模式(前後端分離架構)。
千萬不要以為只有在擼程式碼的時候把前端和後端分開就是前後端分離了。需要區分前後端專案
前端專案與後端專案是兩個專案,放在兩個不同的伺服器,需要獨立部署,兩個不同的工程,兩個不同的程式碼庫,不同的開發人員。
前後端工程師需要約定互動介面,實現並行開發,開發結束後需要進行獨立部署,前端通過ajax來呼叫http請求呼叫後端的restful api。
前端只需要關注頁面的樣式與動態資料的解析&渲染,而後端專注於具體業務邏輯。
本文來自部落格園,作者:bokZhang,轉載請註明原文連結:https://www.cnblogs.com/Monti/p/15118951.html