网站首页 > 教程文章 正文
目前比较流行的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,界面风格扁平化,效果如下图所示:
猜你喜欢
- 2025-07-24 使用Vue Query进行高级数据获取(vue中query)
- 2025-07-24 用vue3.2+ts+element搭建了个后台框架,却没有项目给我做
- 2025-07-24 基于SpringBoot+VUE实现博客系统(springboot加vue开发)
- 2025-07-24 分享15个基于Vue3.0全家桶的优秀开源项目
- 2025-07-24 Vue3 + Vite + Ts 开发必备的 VSCode 插件
- 2025-07-24 基于vue + element的后台管理系统解决方案
- 2025-07-24 如何用Vue3打造一个交互式待办事项列表和日历
- 2025-07-24 深入浅出虚拟 DOM 和 Diff 算法,及 Vue2 与 Vue3 中的区别
- 2025-07-24 推荐一个 Spring Boot 3 + Vue 3 的学习型开源项目,配备保姆级项目教程
- 2025-07-24 vue添加换行效果(vue中字符串加换行符)
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)