Vue后台管理系统模板推荐
原文链接: Vue后台管理系统模板推荐
更新记录
2022-08-31
- 更新 stars 数量,按照 stars 排序。
2021-06-18
- 新增几款后台管理系统模板。
- 注意一点的是,在原基础上直接加在后面(未按starts数排序)。
2021-03-06
- 推荐一些 Vue 常用后台管理系统模板。
前言
Vue.js 是一个目前比较流行的前端框架,已经到了前端人人都会的地步,今天这里为大家罗列一下基于 Vue 的后端管理的框架。目前比较流行和 Vue 搭配的 UI组件 有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue,另外还有Vuetify、Buefy (Bulma css)、Vue Material 等等。基于这些组件库封装的后台管理模板,推荐一些常用 VUE后台模板 给大家。按照 Github 星标数量来依次介绍。
vue-element-admin (78.2k)
Vue-Element-Admin(github上的标星数为68.6k 78.2k)是一个后台前端解决方案,它基于 Vue 和 Element-UI 实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。
- 文档地址:Document Address
- 集成方案:vue-element-admin
- 基础模板:vue-admin-template
- 桌面终端:electron-vue-admin
- Typescript版:vue-typescript-admin-template (鸣谢: @Armour)
- Others: awesome-project
- 在线预览地址:https://panjiachen.github.io/vue-element-admin
- 国内用户可访问该地址在线预览:https://panjiachen.gitee.io/vue-element-admin
预览效果:
AdminLTE (41.4k)
AdminLTE(github上的标星数为38.8k 41.4k) 是一个完全响应的管理模板。基于 Bootstrap 4.6 框架和 JS/jQuery
插件。高度可定制且易于使用。适合从小型移动设备到大型台式机的多种屏幕分辨率。
- Github仓库地址: https://github.com/ColorlibHQ/AdminLTE
- 文档地址:https://adminlte.io/docs/3.1/
- 在线预览地址:https://adminlte.io/themes/v3/index3.html
- 国内用户可访问该地址在线预览:http://adminlte.la998.com/v3/index.html
预览效果:
iview-admin (16.2k)
iview-admin(github上的标星数为15.4k 16.2k)是iView生态中的成员之一,是一套采用前后端分离开发模式,基于 Vue 的后台管理系统前端解决方案。iView-admin2.0 脱离 1.x 版本进行重构,换用 Webpack4.0 + Vue-Cli3.0 作为基本开发环境。内置了开发后台管理系统常用的逻辑功能,和开箱即用的业务组件,旨在让开发者能够以最小的成本开发后台管理系统,降低开发量。
文档地址:https://lison16.github.io/iview-admin-doc
集成方案:https://github.com/iview/iview-admin
预览地址:https://admin.iviewui.com
文档地址:https://lison16.github.io/iview-admin-doc
集成方案:https://github.com/iview/iview-admin
预览地址:https://admin.iviewui.com
预览效果:
vue-antd-admin(3.1k)/ant-design-vue-pro(32.8k)
Vue-Antd-Admin(github上的标星数为1.8k 3.1k)以 Markdown 为中心的项目结构, 以最少的配置帮助你专注于写作,享受 Vue + Webpack 的开发体验,在 Markdown 中使用 Vue 组件,同时可以使用 Vue 来开发自定义主,VuePress 为每个页面预渲染生成静态的 HTML,同时在页面被加载的时候,将作为 SPA 运行。
- 文档地址:https://iczer.gitee.io/vue-antd-admin-docs/start/use.html
- 集成方案:https://github.com/iczer/vue-antd-admin
- 国内镜像:https://gitee.com/iczer/vue-antd-admin
- 预览地址:https://iczer.gitee.io/vue-antd-admin
- 常见问题:https://iczer.gitee.io/vue-antd-admin-docs/start/faq.html
预览效果:
Ant-Design-Pro (github上的标星数为27.5k 32.8k)基于 Ant Design 体系精心设计,提炼自中后台应用的典型页面和场景,使用 React/dva/antd 等前端前沿技术开发,针对不同屏幕大小设计, 可配置的主题满足多样化的品牌诉求, 内建业界通用的国际化方案, 良好的工程实践助你持续产出高质量代码,实用的本地数据调试方案, 支持自动化测试保障前端产品质量。
- 文档地址:https://pro.ant.design/docs/getting-started-cn
- 集成方案:https://github.com/ant-design/ant-design-pro
- 预览地址:http://preview.pro.ant.design
- 常见问题:http://pro.ant.design/docs/faq-cn
预览效果:
vue-manage-system (15.6k)
Vue-Manage-System (github上的标星数为11.8k 15.6k)该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于 Vue.js ,使用 Vue-Cli3.0 脚手架,引用 Element UI 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
- 集成方案:https://github.com/lin-xin/vue-manage-system
- 预览地址:https://lin-xin.gitee.io/example/work/
预览效果:
vue-admin-beautiful (12.8k)
Vue-Admin-Beautiful(github上的标星数为7.2k 12.8k)主线版本基于 element-plus、element-ui、ant-design-vue 三者并行开发维护,同时支持电脑,手机,平板。
- Github仓库地址: https://github.com/chuzhixin/vue-admin-beautiful
- Gitee仓库地址: https://gitee.com/chu1204505056/vue-admin-beautiful
- vue2.x + element-ui:vue2.x + element-ui(免费商用,支持 PC、平板、手机)
- vue3.x + element-plus:vue3.x + element-plus(alpha 版本,免费商用,支持 PC、平板、手机)
- vue3.x + ant-design-vue:vue3.x + ant-design-vue(beta 版本,免费商用,支持 PC、平板、手机)
- pro 版演示地址:pro 版演示地址(付费版本,支持 PC、平板、手机)
特性:
-
Vue后台管理系统模板推荐相关推荐
- Vue后台管理系统模板介绍
介绍:Vue.js 是一个目前比较流行的前端框架,今天给大家推荐几款基于 Vue 的后端管理的框架.目前比较流行和 Vue 搭配的 UI组件 有Element-UI.iview.Bootstrap-V ...
- Vue3后台管理系统模板推荐
文章目录 @[TOC](文章目录) 1.Vue-Vben-Admin 2.vue-manage-system 1.Vue-Vben-Admin Vue-Vben-Admin(github上的标星数为1 ...
- thinkphp vue后台管理系统模板_vueadmin 基于vue-admin-template+thinkphp5的后台权限管理系统...
vue-admin-thinkphp 是基于vue-admin-template+thinkphp5的后台权限管理系统 视频演示 目录介绍 1.vuestage 前端项目文件 2.vueadmin 后 ...
- VUE后台管理系统模板
点击进入官网
- 开箱即用,这些 Vue3 后台管理系统模板绝对让你爽歪歪!
原文链接:Vue3 后台管理系统模板推荐. 之前写了一篇关于 Vue2 的后台管理系统模板的推荐,详情请见 Vue后台管理系统模板推荐. Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vu ...
- 12款vue后台管理系统(可下载)
vue官方的后台管理仪表盘框架是:vue-admin,除此之外还有很多其他优秀的后台管理集成框架,正所谓前人栽树,后人乘凉.特此记录一下,方面以后要用. 参考下载地址:12款优秀的vue后台管理系统模 ...
- element ui 前台模板_SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示...
前提: (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y ...
- vue+element-ui JYAdmin后台管理系统模板-集成方案【项目搭建篇1】
项目搭建时间:2020-06-29 本章节:讲述基于vue/cli, 项目的基础搭建. 本主题讲述了vue+element-ui JYAdmin 后台管理系统模板-集成方案,从零到一的手写搭建全过程. ...
- Element ui+vue前端框架组件主题美化后台管理系统模板html
最新设计了一套Element ui主题模板 演示地址:Element ui+vue前端框架组件主题美化后台管理系统模板 Element ui版本号:2.15.12 vue版本号:2.7. ...
- Vue学习笔记: Vue + Element-ui搭建后台管理系统模板
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板 技术:Vue + Element-ui 功能:后台管理系统基础模板,路由配置,加载页面进度条,请求响应拦截器的封装等 页面预览: ...
最新文章
- shell编程:定义简单标准命令集
- 8.1 概述-机器学习笔记-斯坦福吴恩达教授
- 职场社交:做职场版微信不如做职场版微博
- mysql 报错ERROR 1820 (HY000): You must reset your password using ALTER USER statement before executin
- 【vue系列之二】详解vue-cli 2.0配置文件
- 【OpenCV 例程200篇】85. 频率域高通滤波器的应用
- NeurIPS2019无人驾驶研究成果大总结(含大量论文及项目数据)
- PostgreSQL中UUID的完整指南
- springboot开启debug日志_SpringBoot日志快速上手简单配置
- Mysql Workbench中EER Diagram逆向生成表
- R语言机器学习:xgboost的使用及其模型解释
- Kvaser:CAN(FD)总线测试、开发仿真和控制
- 2017年 外牌转沪牌 攻略 (沪南路车管所)
- C3P0 连接池错误【已解决】-An exception occurred while acquiring a poolable resource. Will retry.
- python游戏源码——2绘画简易坦克
- 传统语音识别介绍【四】—— 语言模型
- 矩阵求和c语言通俗易懂
- 校外活动计算机社团策划书,社团活动策划
- 分享一个ESP32中继
- postgresql 杀不死的会话
热门文章
- Vue后台管理系统模板介绍