当前位置:首页 > 技术分析 > 正文内容

开源软件分享-VUE后台管理模板

目前比较流行的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,界面风格扁平化,效果如下图所示:

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4483.html

分享给朋友:

“开源软件分享-VUE后台管理模板” 的相关文章

Win+Ubuntu缝合怪:第三方开发者推出“Wubuntu”Linux发行版

IT之家 2 月 26 日消息,一位第三方开发者推出了一款名为“Wubuntu”的缝合怪 Linux 发行版,系统本身基于 Ubuntu,但界面为微软 Windows 11 风格,甚至存在微软 Windows 徽标。据介绍,这款 Wubuntu 发行版旨在为习惯使用 Windows 11 的用户打造...

适合旧电脑2022年值得推荐的 10 款轻量级 Linux 发行版

推荐 10 款轻量级Linux 发行版,它们是 2022 年的轻量级、对旧硬件友好的 Linux 发行版。1、Linux LiteLinux Lite 是一款基于#ubuntu# 和 Debian 的、正在不断开发和完善的 Linux 发行版,极好看的 Xfce 桌面,并基于 Ubuntu,采用了...

vue3中父子组件之间传值的详解

首先我们回顾一下vue2中父子组件是怎么传值的,然后对比vue3进行详解。一、vue2中父子组件传值<!-- 父组件 --> <template> <div> // name:父组件把值传给子组件test-child // childFn:...

「干货」通俗易懂的Deno 入门教程

作者: semlinker转发链接:https://mp.weixin.qq.com/s/2eqRTsf_z7Bcs6dziXe73Q一、Deno 简介Deno 是一个 JavaScript/TypeScript 的运行时,默认使用安全环境执行代码,有着卓越的开发体验。Deno 含有以下功能亮点:默...

有效地简化导航-Part 1:信息架构

「四步走」——理想的导航系统要做一个可用的导航系统,网页设计师必须按顺序回答以下4个问题:1. 如何组织内容?2. 如何解释导航的选项?3. 哪种导航菜单最适合容纳这些选项?4. 如何设计导航菜单?前两个问题关注构建和便签内容,通常称为信息架构。信息架构师通常用网站地图(site map diagr...

Vue真是太好了 壹万多字的Vue知识点 超详细!

1??、Vue和其他两大框架的区别Angular 学习成本太高React 代码可读性差Vue 学习成本较低 很容易上手VUE官方: https://cn.vuejs.org/v2/guide/comparison.html?2??、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端...