有什么基于vue的UI比較好看的后臺管理開源框架嗎德绿？d2-admin了解一下

有什么基于vue的UI比較好看的后臺管理開源框架嗎？d2-admin了解一下

d2-admin

演示地址：https://d2.pub/d2-admin/preview/
項目地址：https://github.com/d2-projects/d2-admin/
先來看看d2-admin的截圖陌僵，相當(dāng)驚艷

登錄界面

首頁

主題切換

后臺管理框架crud非常重要

d2-admin當(dāng)然也有它的d2-crud

d2-crud

不過d2-crud相當(dāng)難用，配置極其繁瑣，字段配置一套，添加又要配置一套凉唐，修改還要配置一套庸追，還有查詢霍骄、表單驗證、刪除淡溯，都要自己配一套

return {
     columns: [ 
        {title: '日期',key: 'date' },
        {title: '姓名', key: 'name'},
        {title: '地址', key: 'address' }
      ],
      editTemplate: {
        date: {title: '日期',  value: '' },
        name: { title: '姓名', value: '' },
        address: {  title: '地址',value: ''},
      },
     addTemplate: {
        date: {title: '日期',  value: '' },
        name: { title: '姓名', value: '' },
        address: {  title: '地址',value: ''},
      },
    search:{...},
    rules:{...}
}

有沒有 更簡單读整、更好用 的crud？
有咱娶，這里要推薦一個在d2-crud基礎(chǔ)上增強而來的的開源框架：d2-crud-plus
讓重復(fù)的crud不再浪費你的寶貴時間米间。

d2-crud-plus

項目地址：https://github.com/greper/d2-crud-plus
演示地址：http://qiniu.veryreader.com/D2CrudPlusExample/index.html

只需要下面這么幾個簡單的配置，一個完全體crud就粗來了

export const crudOptions = {
  columns: [
    {title: '日期',key: 'date',type: 'date',search: {disabled: true}},
    {title: '狀態(tài)',key: 'status', type: 'select', dict: { url: '/api/dicts/OpenStatusEnum'}膘侮，search: {disabled: false},},
    {title: '地區(qū)',key: 'province',type: 'select', search: {disabled: false},
      component: {props: {filterable: true,multiple: true,clearable: true}}屈糊，
      dict: {data: [{ value: 'sz', label: '深圳' }, { value: 'gz', label: '廣州' }, { value: 'wh', label: '武漢' }, { value: 'sh', label: '上海' }]}
    }
  ]
}

炒雞簡單、炒雞方便有木有

真這么簡單琼了？我不信逻锐，我要親自去看看效果：http://qiniu.veryreader.com/D2CrudPlusExample/index.html

這么少的配置，那狀態(tài)雕薪、地區(qū)字段里面的單選昧诱、多選怎么出來的？

字段類型<type>：每個字段可以配置一個type屬性所袁，這個type屬性后面包含了一堆默認(rèn)配置盏档，示例中的type=select
數(shù)據(jù)字典<dict>：配置數(shù)據(jù)字典之后，選擇組件就可以獲取到options燥爷，數(shù)據(jù)字典支持本地數(shù)據(jù)（配置dict.data）蜈亩，也可以支持遠程獲扰尘健（配置dict.url）