今日主要讲解基于Vue管理后台的框架,让你偷得浮生半日闲…忙里偷闲,又不负自己。
D2Admin是一个完全开源免费的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。
功能介绍:使用vue-cli3构建、首屏加载等待动画、五款主题、内置UEditor富文本编辑器、分离的路由和菜单设置、可折叠侧边栏、Fontawesome图标库、数字动画等等…
地址:https://github.com/d2-projects/d2-admin
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,是一种网站快速成型工具。vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。该项目不支持低版本浏览器,如ie,若有需求可添加polyfill。当前版本为 v4.0+是基于 vue-cli 构建的,若想使用旧版本,可以切换分支到tag/3.11.0,但它不依赖 vue-cli。
功能介绍:登录/注销;权限验证(页面权限、指令权限、权限配置、二步登录);多环境发布(dev sit stage prod);全局功能(国际化多语言、多种动态换肤、动态侧边栏、动态面包屑、快捷导航…);编辑器(富文本、Markdown、JSON等多格式);Excel(导出/导入excel、前端可视化excel,导出zip);表格(动态表格、拖拽表格、内联编辑)等等……
地址:https://github.com/PanJiaChen/vue-element-admin
iview-admin一套基于Vue.js的高质量UI组件库。Vue.js 2.0 admin management system template based on iView.
同学们注意啦!上个月iView 4.0 如约而至。要知道4.0版本更新了50项内容,像UI方面,字号由12px调整至14px,所有Form系列组件尺寸均可调整至40/32/24px;新增列表组件List,可承载文字、列表、图片、段落,但常用于后台数据展示页面;全局配置中新增capture选项,可以配置所有组件默认的capture模式,默认为true;Table表格增添拖拽表头调整列宽、合并行或列、表尾合计、默认样式不带外侧边框等等……
你需要了解的功能:登录/登出、权限管理(列表过滤、权限切换)、组件(富文本编辑器、Markdown编辑器、图片预览编辑器、可拖拽列表、文件上传、数字渐变)、表单编辑、表格、错误页面等等……
地址:https://github.com/iview/iview-admin
vuestic-admin,一款免费而美妙Vue.js管理模板包括38以上个定制用户界面组件,像地图,聊天,个人资料卡,图标,进度条、登录和注册的预建页面等等。
为什么使用Vuestic?
▪高质量用户界面 Vuestic利用最好的用户界面设计实践为管理面板
▪ 可定制 Vuestic包括38以上个容易可配置组件与7个页面
▪ 响应 Vuestic支持手机、平板与电脑屏幕大小
▪ 干净代码 Vuestic组件跟随Vue.js正式风格指导。
▪ 跨浏览器支持 Vuestic支持最新Chrome,Firefox,Safari,Edge,Opera…
▪ 国际 Vuestic包括内置i18n解决方案
▪ 免费 Vuestic代码是根据MIT许可证发布
地址:https://github.com/epicmaxco/vuestic-admin
admin template based on vuejs2 and element. Vue 控制面板框架,由❤Fangdun Cai 和贡献者创建。
功能特性:
▪ 基于Vue 2.0和Bulma 0.2
▪ 响应式和弹性布局
▪ 支持多种图表
▪ 丰富的组件或者查看vue-bulma
▪ 基于优秀的第三方库
地址:https://github.com/taylorchen709/vue-admin
The web management system solution based on Vue2 and Element UI. 基于Vue+Element UI的后台管理系统解决方案。作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用 vue-cli3 脚手架,引用 Element UI 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
你需要了解的功能:Ant Design of React、登录/注销、Dashboard、表格、Tab选项卡、表单、图表、富文本编辑器、Markdown编辑器、图片拖拽/裁剪上传……
地址:https://github.com/lin-xin/vue-manage-system