前言

一直用(yòng)bootstrap做後台管理(lǐ)界面，基于sb-admin2上增加插件來豐富組件類型，最終無奈于要尋找、整合多(duō)個插件，使用(yòng)上實在不盡人意。
一直想用(yòng)上layui的表格，功能(néng)基本能(néng)滿足中(zhōng)小(xiǎo)系統查詢數據展現，考慮到layui是也基于jquery的，遲遲未下決心更換整個後台ui。
前端技(jì )術日新(xīn)月異，MVVM模式的angular js、vue一直有(yǒu)所了解，數據綁定的方式看起來超級方便。因為(wèi)沒有(yǒu)太多(duō)時間，從網上介紹來看angular js的學(xué)習有(yǒu)點難度，所以最終選定基于vue來搭建後台框架。

基本需求

滿足前後端分(fēn)離
基于html方式開發,能(néng)基本滿足中(zhōng)小(xiǎo)型系統功能(néng)開發需要
自動處理(lǐ)靜态資源版本号

技(jì )術選型

1、html

定位中(zhōng)小(xiǎo)型後台項目，綜合考慮開發、測試、發布的開發、學(xué)習成本，決定采用(yòng)普通的html靜态頁(yè)面開發。
這樣搭好框架就可(kě)以上手開發。

2、gulp

一直用(yòng)gulp來編譯less，入門也不會難
同時也讓gulp來處理(lǐ)靜态頁(yè)面的css,js資源緩存問題

3、element ui

ui框架就是在element ui還是iview中(zhōng)選，基本的組件兩者都相對完善
簡單試用(yòng)了ivew後發現有(yǒu)幾個問題
1、字體(tǐ)偏小(xiǎo)
2、對于特殊界面需要自定義html的情況，沒有(yǒu)element ui template solt方便，
最終選用(yòng)element ui