首先感謝Spring在框架層面實現了多年構件重用的夙願，不僅如此還有Spring Boot 這樣的大大大紅包，java成就了Spring, 目前有點像Spring反哺Java, 讓Java看起來仍然活力四射。另一方面Vue的出現，以及Vue基礎上構建的Element-UI終於讓一個手殘黨也能實現頭腦中出現的介面，出現的操作，出現的動畫等等，Vue的動態繫結資料讓JS程式碼走出了程式碼管理的泥沼，終於JS程式碼看起來有模有樣，template, script + style這種清晰結構才真正符合架構設計理念（分解問題，合理分層-敲黑板，重新複習）。下面詳細彙總一下spring + VUE前後端分離產品一般早晚都會涉及的技術：1 CLI 別小看這個工具，在我邊看spring in action 4的時候，幾百個jar檔案徹底考驗了我的底線，書中提到的每一個jar幾乎都包含幾十個甚至上百個版本，為了調通書中的程式碼，為了找到適合的jar檔案經歷了很多個嘔心瀝血的日夜，在跑通所有書中的程式碼後，我特別發了一個帖子，將書中涉及到的jar檔案打成一個壓縮包進行分享。這個壓縮包下載的人還不少，為此獲得不少C幣。完成這個艱苦任務後，我終於碰到了CLI, 一口大血噴出，比前面嘔心瀝血的血總和還多。CLI把程式設計師從jar的海洋拯救出來。2 Vue, Vue router, Vue store, 父子元件訊息傳遞。。。不細數3 axios Vue推薦的ajax訊息傳遞工具，無論是API, 攔截器都無可挑剔4 webpack, 前面提到Spring涉及幾百個jar檔案， 前端開發涉及的node module大概要幾千個，說句公道話，前端開發看起來技術含量低其實是打包工具太好，就比如webpack5 node.js/Git 獲取node module檔案的大殺器，沒它們活不了6 有了以上2，3，4，5前端程式可以在node伺服器上啟動並可以通過瀏覽器進行訪問，然後你想讓介面變得好看點，或者更加結構化，bootstrap, 還有Vue + bootstrap哺育的孩子Element-UI就會出現，很早我就發過朋友圈說餓了麼是個良心企業，Element-UI是由原餓了麼團隊開源的程式碼，餓了麼95億被阿里收購也算終成正果。7 手機程式的流行讓你不得不關注到mint-UI, 為手機開發的控制元件，Github有海量的元件等待你去發現，npm run dev的神一樣的存在讓你不費吹灰之力可以讓Github每一件作品輕而易舉執行在本地，隨心所欲去除錯，去做改變，去學習8 前面重點提到axios, 它是前端和後端的橋樑， 無論是訊息物件傳遞，還是安全認證它就是橋頭堡，好訊息，壞訊息，假訊息都可以由它來處理，配合後端Spring REST以及MVC 完美實現以json的媒介的前後端分離，既然提到了spring,不得不說Spring Boot是程式設計師不可多得的大紅包，猶如 webpack裡面配合package.json檔案的一鍵生成專案， Spring Boot配合pom.xml檔案一鍵下載所有jar包，區區三個starter, boot starter,mvc starter, jpa starter, 爽到爆！9 由於有了fat jar部署也變成一件有意思的事情， 如同exe檔案，雙擊就可以啟動服務，獨立並且獨立，第一個獨立是fat jar本身包含了應用程式所需的所有相關依賴jar包， 第二個獨立是fat jar本身包含服務容器。微服務的概念被貫徹得很徹底。10 我喜歡Spring MongoDB, 無需建表語句，無需定義表頭， 面向物件的資料結構免掉了hibernate等中介軟體，大大降低程式開發的複雜度，同時也提供了新的舞臺， 唯一缺點就是MongoDB資料庫雲伺服器真心貴！！11 再次強調一次Element-UI, form的validation，以及message,當然還有MenuBar, navbar, transform, table, 吃透這些元件90%以上UI開發可以滿足。12 對於一個程式，功能是建立在安全基礎之上的，security誰也繞不過，而且通常複雜度超乎尋常，我感覺這塊是除了css以外最難處理的。如果能及時開始接觸JWT, Auth0, 情況會有所好轉。13 Spring 的 @RestControllerAdvice 很好的提升了exception處理，並能夠融洽配合前端的錯誤資訊顯示，通過axios攔截器可以對不同的error code做出相應資訊表達。14 有了這麼好的基礎，別浪費這個大好機會， JUnit絕對不能再錯過了， 花點時間給test case，它會以十倍回報給你。Spring 的maven build過程中首先執行你的test case, 人家spring都這麼大力推行，肯定是個好事兒。15 .fasterxml.jackson 在開發程式碼自動生成的功能時這個工具用來解析或者由json轉換為java物件都十分完美，它也是Spring中用來解析Json的16 一個商業軟體，保護使用者資訊十分重要，最基本一點使用者的密碼不能顯示儲存在資料庫，Spring 的BCryptPasswordEncoder為此而生。17 當這一切讓你覺得對每個單元都還舒服的時候，是時候找一款UML designer工具，它可以總結整理你的所有單元，它還能夠讓你在整體架構設計上提高自身的生產力，讓螞蟻站起來走路，樂享三維風景。對了， UML designer就是一款這樣的工具， 它雖然可以作為eclipse的plug-in方式進行安裝，但是幾次失敗的嘗試以後，乖乖的下載了UMLDesigner-win32.win32.x86_64.zip18 獨樂樂不如與眾樂，你要讓你的程式執行在雲裡，買一個彈性雲伺服器如何？彈性表示一切可以增減， 資料盤，作業系統，頻寬，等於買了一臺電腦，華為雲服務正在如狼似虎的搶佔市場，三年6M頻寬100G資料盤 4700.。。。需要這方面建議的給我發郵件[email protected], 免費體驗了一個月，服務令我非常滿意。19 貌似萬事大吉了？no, no, no這才剛剛上路， activiti前面還不支援spring 5, 現在支援了， BPM走一撥吧，老鐵20 kafkar event source必須嘗試一下， 可以任意時間結點，任意狀態恢復業務流程21 i18n Vue, Spring已經在底層做好了一切準備， 上路吧少年22 logging， audit該美美的體驗一下spring的看家本事AOP了23 最煩人，最折騰程式設計師的報表系統，看看mongoDB能不能玩出什麼新花樣冬日裡摩拳擦掌，外加跺腳， 夏日裡揮汗如雨， 忘卻寒暑，體會你的美，心甘情願被你折磨，心有涕零，不知所云！