當前，前后端分離已經(jīng)成為發(fā)展趨勢和方向，是互聯(lián)網(wǎng)項目開發(fā)的業(yè)界標準使用方式。那么，大家知道什么是前后端分離嗎？其實，就是通過nginx+tomcat的方式（也可以中間加一個nodejs）有效的進行解耦。今天主要跟大家分享的技術(shù)內(nèi)容是前后端分離前端框架，相信通讀此文以后，會對不少人對這個概念有更新的認識和理解。

一、了解前后端分離的意義和價值

前后端分離有什么作用和價值？其實，做好前后端分離可以為大型分布式架構(gòu)、彈性計算架構(gòu)、微服務(wù)架構(gòu)、多端化服務(wù)（多種客戶端，例如：瀏覽器，車載終端，安卓，IOS等等）做基礎(chǔ)和鋪墊。

我們都知道，JavaWeb項目在此之前都是前后端一起做，但是隨著科技的進步和發(fā)展，越來越多的公司傾向于前后分界限分清楚，各人負責好自己分內(nèi)的事情，這樣可以更專心地做好一件事。

那么，前后端分離對雙方工程師能帶來什么便利？

后端java工程師可以專注于做好java基礎(chǔ)，設(shè)計模式，jvm原理，spring+springmvc原理及源碼，linux，mysql事務(wù)隔離與鎖機制，mongodb，http/tcp，多線程，分布式架構(gòu)，彈性計算架構(gòu)，微服務(wù)架構(gòu)，java性能優(yōu)化，以及相關(guān)的項目管理等上。

而前端工程師可以專注于html5，css3，jquery，angularjs，bootstrap，reactjs，vuejs，webpack，less/sass，gulp，nodejs，Google V8引擎，javascript多線程，模塊化，面向切面編程，設(shè)計模式，瀏覽器兼容性，性能優(yōu)化等方面。

二、主要了解前后端分離前端框架的主要內(nèi)容

現(xiàn)在，我們主要來了解下前端框架的具體內(nèi)容。作為IBPS低代碼開發(fā)平臺，該軟件已經(jīng)成功打開了很多領(lǐng)域的應用大門，比如制造業(yè)、汽車業(yè)、醫(yī)學業(yè)等。該軟件的研發(fā)工程師積極探索出了一條前后端分離的新路徑，引入前端同學熟悉的NodeJS，值得一提的是，這些客戶對這個軟件的評價還是中肯的。

前端解決方案的內(nèi)容是：

1、采用 Webpack 的模塊打包機制

2、基于vue構(gòu)建用戶界面的漸進式框架，采用Vue全家桶（vue-router、vuex、vue-cli、axios）

3、基于vue的Element UI組件庫和Vux的前端解決方案。

4、Easy mock 模擬后端數(shù)據(jù)結(jié)構(gòu)。

5、同一套代碼多端使用，即PC端、移動端可使用同一套前端代碼。

6、控件組件化。

7、表單靜態(tài)化，只需生成的代碼其他系統(tǒng)可調(diào)用。

好了，剛才花了幾分鐘給大家梳理了前后端分離前端框架的主要內(nèi)容，下一期給大家講解后端框架的主要內(nèi)容，感謝大家的關(guān)注和細心聆聽。

體驗入口：https://cloud.bpmhome.cn:280/

（部分資料來源于網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系我們刪除）