現(xiàn)在流行的前后端分離項(xiàng)目都使用的是什么前后端框架？開發(fā)框架主要分為三個(gè)部分：前端、web和持久性，可以自由組合。我單獨(dú)談。在過(guò)去，有struts 1、struts 2和spring MVC for j

現(xiàn)在流行的前后端分離項(xiàng)目都使用的是什么前后端框架？

開發(fā)框架主要分為三個(gè)部分：前端、web和持久性，可以自由組合。我單獨(dú)談。

在過(guò)去，有struts 1、struts 2和spring MVC for java web framework。

目前，只有一個(gè)選擇：SpringMVC，其他人都不能玩。無(wú)論是玩耍、高格、火花還是Struts2。springmvc在用戶數(shù)量和生態(tài)方面與springmvc不一樣。

不管其他框架宣傳得多好，都不建議投入大量精力。學(xué)習(xí)框架的設(shè)計(jì)思路還可以。請(qǐng)直接在生產(chǎn)環(huán)境中使用springmvc。spring的基礎(chǔ)設(shè)施無(wú)法與其他框架相比。彈簧靴可用于快速開發(fā)。POM可以依賴于enable注釋直接使用。

目前，有兩種主流的JPA和mybatis。

如果項(xiàng)目是數(shù)據(jù)建模，請(qǐng)使用mybatis；如果項(xiàng)目是對(duì)象建模，請(qǐng)使用JPA。

春天來(lái)了。springboot的spring數(shù)據(jù)子項(xiàng)目應(yīng)該希望將兩者統(tǒng)一起來(lái)。不僅兩者，而且其野心更大。它希望統(tǒng)一所有持久性層。DB、redis和elastic search都有相應(yīng)的項(xiàng)目。它希望將所有持久性操作抽象為存儲(chǔ)庫(kù)操作。如果成功，業(yè)務(wù)邏輯就不需要關(guān)心持久層的選擇，交換框架也非常方便。

目前，前端框架有三個(gè)選項(xiàng)：react、Ag和Vue。

我不喜歡react….的語(yǔ)法。。。。

似乎Ag在中國(guó)的知名度不高，所以我們不太關(guān)注。

最后的選擇是Vue，它簡(jiǎn)單快速。支持的UI庫(kù)也比較完善。

如果您想在項(xiàng)目中開發(fā)小型程序，建議使用Vue。語(yǔ)法高度一致。你將一眼就知道如何開發(fā)小程序。

如何正確理解軟件系統(tǒng)架構(gòu)的前后端分離？

首先：軟件系統(tǒng)架構(gòu)的前端和后端分離是近年來(lái)比較多的，隨著互聯(lián)網(wǎng)的快速發(fā)展，提高了前端和后端交互的響應(yīng)速度，改善了用戶體驗(yàn)，產(chǎn)生了前端和后端分離的架構(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ā)展。

前后端分離是否會(huì)影響首屏加載時(shí)間？

目前，為了提高開發(fā)效率，很多公司采用了前端和后端分離的開發(fā)模式，即架構(gòu)的分離和解耦。前端和后端執(zhí)行各自的任務(wù)，并通過(guò)restfulapi調(diào)用數(shù)據(jù)。這種方式有很多優(yōu)點(diǎn)，比如：前后端分離部署：降低了后端服務(wù)器的壓力，后端服務(wù)器不需要負(fù)責(zé)前端頁(yè)面的呈現(xiàn)，只負(fù)責(zé)數(shù)據(jù)的處理，所以性能會(huì)得到提高；

高重用性：前后端分離本質(zhì)上也是系統(tǒng)分離，它可以實(shí)現(xiàn)同一個(gè)后端系統(tǒng)向多個(gè)前端系統(tǒng)提供數(shù)據(jù)，并且具有良好的可擴(kuò)展性更高；

并行開發(fā)，提高效率：前端和后端并行開發(fā)，提前約定好數(shù)據(jù)格式（mock），提高項(xiàng)目開發(fā)效率。

但是，前端和后端的分離也帶來(lái)了一些問題，例如第一次屏幕加載和渲染時(shí)間。

至于前端和后端的分離是否會(huì)影響第一次屏幕加載，我想說(shuō)的是有很多，但影響的程度取決于代碼的質(zhì)量。只要優(yōu)化效果好，第一屏加載時(shí)間不會(huì)太慢。

，與大家分享：

前端和后端分開部署，CDN加速；

前端盡量少調(diào)用多個(gè)API，建議調(diào)用API網(wǎng)關(guān)，實(shí)現(xiàn)多個(gè)API的請(qǐng)求合并；

后端API域名使用單獨(dú)的域名，禁止cookie傳輸；

一些數(shù)據(jù)本地緩存處理；

不重要的數(shù)據(jù)延遲請(qǐng)求加載。

??今很多公司為了提高開發(fā)效率采用前后端分離的開發(fā)模式，這是架構(gòu)上的分離解耦，前后端各司其職，通過(guò)RESTful API來(lái)調(diào)用數(shù)據(jù)。這樣做的好處也有不少，如：

• 邏輯分離：業(yè)務(wù)邏輯放在后端，前端邏輯放在前端，這樣一來(lái)，數(shù)據(jù)及邏輯上都很清晰；
  

• 前后端分離部署：減輕了后端服務(wù)器的壓力，后端服務(wù)器不需要負(fù)責(zé)前端頁(yè)面的渲染，只負(fù)責(zé)數(shù)據(jù)處理，性能上會(huì)有所提高；

• 復(fù)用性較高：前后端分離本質(zhì)上也是系統(tǒng)分離，可以做到同一個(gè)后端系統(tǒng)提供數(shù)據(jù)給多個(gè)前端系統(tǒng)，擴(kuò)展性更高；

• 并行開發(fā)，提高效率：前后端并行開發(fā)，提前約定好數(shù)據(jù)格式即可（mock），提升了項(xiàng)目開發(fā)效率。

但是，前后端分離也帶來(lái)了一些問題，比如大家比較關(guān)注的首屏加載渲染時(shí)間的問題。

對(duì)于前后端分離會(huì)不會(huì)影響首屏加載，我想說(shuō)的是，多少都是有的，但影響程度要看代碼的質(zhì)量了，只要優(yōu)化得好，首屏加載時(shí)間不會(huì)太慢。

我們?cè)谶M(jìn)行前后端分離時(shí)有一些技巧來(lái)縮短首屏加載時(shí)間的，分享給大家：

• 前端與后端分別部署，都走CDN加速；

• 前端盡可能少的調(diào)用多個(gè)API，建議調(diào)用一個(gè)API網(wǎng)關(guān)來(lái)實(shí)現(xiàn)多個(gè)API的請(qǐng)求合并；

• 后端API域名使用單獨(dú)域名，禁止cookies傳輸；

• 部分?jǐn)?shù)據(jù)本地緩存處理；

• 不重要的數(shù)據(jù)惰性請(qǐng)求加載。

---

綜上，前后端分離在一定程度上是會(huì)影響首屏加載時(shí)間的，但是也有調(diào)優(yōu)方案，總體上時(shí)間不會(huì)相差太多。

以上回答希望對(duì)大家有所幫助，如果其它網(wǎng)友有不同見解，也歡迎在下方評(píng)論交流 ~