目前比较流行的vue组件有Element UI、ivew、bootstrap-vue、ant-design-vue(第三方实现,官方版本只有 React和Angular版本),另外还Vuetify(27.2k)、Buefy(基于 Bulma css)、Vue Material等。今天我们主要介绍基于这些组件库封装的后台管理模板。
下面我们介绍几个精美的VUE后台管理模板,按照github上的标星数量来排序:
vue-element-admin
vue-element-admin是一款基于element ui的vue后台管理模板,github上的标星数为 58.9k,开源协议MIT license,功能比较完善,风格我感觉不是很喜欢,运行效果如下图所示:
iview-admin
iview-admin是一款基于iview组件的vue后台管理模板,github上的标星数为15k,开源协议MIT license,功能比较完善,风格我感觉还可以(另外iview pro现在采取收费模式,估计会流失一批用户,ant design pro它不香吗 ),iview-admin运行效果如下图所示:
vue-antd-admin/ant-design-vue-pro
vue-antd-admin、ant-design-vue-pro这2个都是基于ant-design-vue实现的一款后台管理模板,风格基本同官方的ant design pro一致,开源协议MIT license。这2个模板均支持多标签方式和单页面显示支持主题切换,运行效果如下:
coreui-free-vue-admin-template
coreui-free-vue-admin-template是一款基于coreui(coreui vue bootstrap)组件的后台管理模板,github上的标星数为10.3k,开源协议MIT license,喜欢bootstrap风格的可以看下:
vue-admin-beautiful
vue-admin-beautiful是一款基于element ui组件的后台管理模板,github上的标星数为4.6k,开源协议MPL-2.0 license,vue-admin-beautiful的风格我感觉比同样使用element ui组件的vue-element-admin要好看得多,界面效果如下:
nx-admin
nx-admin是一款基于element ui组件的后台管理模板,github上的标星数为2.3k,开源协议MIT License,界面风格感觉还行,果如下图所示:
vue-material-admin
vue-material-admin是一款基于Vuetify 组件的后台管理模板,github上的标星数为1.9k,开源协议MIT License,界面风格扁平化,效果如下图所示: