基于html方式,vue + element ui搭建自己的vue-admin管理後台框架

  1. 新聞資(zī)訊
  2. 技術百科
公司新聞 案例分(fēn)享 技術百科 行業動态

基于html方式,vue + element ui搭建自己的vue-admin管理後台框架

來源:奇站網絡 浏覽量:4404 發布日期: 2018-04-20

前言

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

基本需求

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

技術選型

1、html

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

2、gulp

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

3、element ui

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

标簽:

廈門市中資源網絡服務有限公司

電(diàn)話(huà):13313868605

QQ:3413772931

地址:廈門集美區軟件園三期


                    掃一(yī)掃加我(wǒ)咨詢