vue重構後臺管理系統調研

Q4要來了，我來這家公司已經一個季度了，經過對公司前端框架的總體認識，對業務的一些認識，發現，這些東西也都是能夠重構，不管是v2，仍是v3的代碼。

首先就要那後臺管理來開刀來，現有的技術框架就是php模版+jquery+jquery插件庫，大雜燴什麼都有，簡單的說就是jquery技術棧，jquery靈活，可是代碼量太大，沒有太深刻的思想，回調，dom操做，表單校驗正則，dialog框，蒙層，表格編輯，查詢分頁，查詢條件篩選，日期計算，無非就是這些東西。可是使用jquery的話，很坑，尤爲是聯動效果不少的時候就更坑了。我實在忍受不了，普普統統的一個表單，要寫上1000行以上的代碼。

進入重構，首先的問題是，後端渲染，爲何要作後端渲染，由於有時候會作google統計，seo優化，之類的，必須用後端渲染才行，普通的spa就不行了，並且語言包那一塊須要去服務器拉去數據後才能生成文件，必須有後端服務作支撐，考慮這些，而後就入了nuxtjs的坑，nuxt是一種vue後端渲染方案，首先搭了一個nuxt服務，而後使用element，把menu組件改爲了側邊欄，而後看了一下路由配置發現，這個路由就是根據文件的目錄來判斷，和php，java有的一拼，幾乎是同樣的，也支持動態路由，可匹配等，而後裏面有server.js，client.js，分別打包客戶端和服務端的代碼，首頁採用服務端渲染，其餘頁面則採用客戶端渲染。

 

可是這樣搭載過以後，我發現，後臺管理系統裏會有一些統計數據的工具，這時候可能會引入vue的圖標框架，可是我不能肯定vue的圖表插件可否支持ssr

糾結之中我仍是放棄了，若是之後有小的項目能夠試一下。此次就別這樣了，進度也要跟的上，何況都是內部人員使用的話對seo要求也不高，就選用spa，而後折騰了一下，發現vue-element-admin這個架口碑不錯，進去看了一些，圖標，表格，校驗，菜單自適應，該有的都有，而後。。。。遇到了一個問題，沒有服務端，語言包咋搞，總不能在前端代碼裏寫吧，那就搭載一個子項目，專門搞權限，和語言包就好了，完美。