前后端不分離怎么用vue Web項(xiàng)目開(kāi)發(fā)為何要走前后端分離模式?
Web項(xiàng)目開(kāi)發(fā)為何要走前后端分離模式?要獨(dú)立開(kāi)發(fā)前端和后端,將它們放在兩個(gè)不同的服務(wù)器上,需要獨(dú)立部署,兩個(gè)不同的項(xiàng)目,兩個(gè)不同的代碼庫(kù),不同的開(kāi)發(fā)人員,前端和后端工程師需要商定交互界面,實(shí)現(xiàn)同步開(kāi)發(fā)
Web項(xiàng)目開(kāi)發(fā)為何要走前后端分離模式?
要獨(dú)立開(kāi)發(fā)前端和后端,將它們放在兩個(gè)不同的服務(wù)器上,需要獨(dú)立部署,兩個(gè)不同的項(xiàng)目,兩個(gè)不同的代碼庫(kù),不同的開(kāi)發(fā)人員,前端和后端工程師需要商定交互界面,實(shí)現(xiàn)同步開(kāi)發(fā)。開(kāi)發(fā)完成后,需要獨(dú)立部署,前端通過(guò)接口調(diào)用后端API,前端只需要關(guān)閉Note頁(yè)面樣式和動(dòng)態(tài)數(shù)據(jù)解析呈現(xiàn),而后端則側(cè)重于具體的業(yè)務(wù)邏輯。具體好處如下:
1。完全解放前端
前端不再需要提供模板到后臺(tái)或嵌入后臺(tái)生成前端HTML
2。提高工作效率,使分工更加清晰
前后端工作流的分離可以使前端只關(guān)注前端,后端只關(guān)心后端的工作。兩者的開(kāi)發(fā)都可以同時(shí)進(jìn)行,而且沒(méi)有時(shí)間在后端同時(shí)提供接口,前端可以將數(shù)據(jù)寫入死機(jī)或調(diào)用本地JSON文件,并且頁(yè)面添加和路由修改不需要麻煩后臺(tái),因此開(kāi)發(fā)更加靈活。
3. 本地性能提升
通過(guò)配置前端路由,可以實(shí)現(xiàn)頁(yè)面的按需加載。它不需要在加載首頁(yè)開(kāi)始時(shí)加載網(wǎng)站的所有資源,服務(wù)器也不需要解析前端頁(yè)面,提高了頁(yè)面的交互性和用戶體驗(yàn)。
4. 降低維護(hù)成本
通過(guò)目前主流的前端MVC框架,我們可以快速定位和發(fā)現(xiàn)問(wèn)題,客戶端的問(wèn)題不需要后臺(tái)人員參與和調(diào)試,代碼重構(gòu)和可維護(hù)性得到增強(qiáng)。
5. 實(shí)現(xiàn)高內(nèi)聚、低耦合,降低后端(應(yīng)用)服務(wù)器的并發(fā)/負(fù)載壓力。
6. 即使后端服務(wù)暫時(shí)超時(shí)或宕機(jī),也可以正常訪問(wèn)前端頁(yè)面,但無(wú)法提供數(shù)據(jù)。
7. 它可以使后臺(tái)更好地追求高并發(fā)、高可用、高性能;使前端更好地追求頁(yè)面性能、速度流暢、兼容性、用戶體驗(yàn)等
前后端分離和前后端不分離各是什么意思?
如何正確理解軟件系統(tǒng)架構(gòu)的前后端分離?
首先:軟件系統(tǒng)架構(gòu)的前后端分離近年來(lái)比較多,隨著互聯(lián)網(wǎng)的快速發(fā)展,提高了前端和后端交互的響應(yīng)速度,改善了用戶體驗(yàn),導(dǎo)致了前端和后端分離的架構(gòu)。例如,Vue和nodejs與微服務(wù)架構(gòu)相結(jié)合。前端頁(yè)面用于呈現(xiàn)UI顯示效果,后端負(fù)責(zé)編寫API服務(wù)提供數(shù)據(jù)。Nodejs還可以作為一個(gè)橋梁引入,通過(guò)后端API連接JSON輸出,并返回前端進(jìn)行頁(yè)面顯示。
其次,基于前后端分離的架構(gòu),一方面提高了響應(yīng)速度,數(shù)據(jù)計(jì)算過(guò)程在中間層處理,在前端顯示;避免了傳統(tǒng)的大數(shù)據(jù)量請(qǐng)求服務(wù)器的壓力,性能也得到了提高中間層內(nèi)部處理拼接,采用多組件、分片、分卡方式實(shí)現(xiàn)并行加載和顯示,在非WiFi 3G和2G的弱網(wǎng)絡(luò)環(huán)境下性能提高,優(yōu)勢(shì)更加明顯,模板并行加載、優(yōu)先加載、優(yōu)先顯示,改善用戶的互動(dòng)體驗(yàn)。
最后:從經(jīng)典的MVC架構(gòu)到SSM和SSH的Java框架時(shí)代,再到angularjs和Vue等前端框架,雖然技術(shù)和架構(gòu)不斷發(fā)展和完善,但本質(zhì)上都是為了更方便的解決需求。前端和后端架構(gòu)的分離也是一個(gè)解耦的過(guò)程,它不綁定前端和后端,這也符合SOA的理念,基于企業(yè)服務(wù)的總線實(shí)現(xiàn)了應(yīng)用系統(tǒng)對(duì)接的松耦合,有效地連接和對(duì)接了應(yīng)用、文檔和數(shù)據(jù)在插件和插件模式下,以組件構(gòu)建、平臺(tái)構(gòu)建和架構(gòu)支撐的方式共同構(gòu)建企業(yè)信息化建設(shè),以更專業(yè)的平臺(tái)實(shí)現(xiàn)其專業(yè)領(lǐng)域的工作,助力企業(yè)信息化發(fā)展。