6个宝藏级Vue管理后台框架 必须收藏

今日主要讲解基于Vue管理后台的框架,让你偷得浮生半日闲…忙里偷闲,又不负自己。

d2-admin ★star7.1k

D2Admin是一个完全开源免费的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。

功能介绍:使用vue-cli3构建、首屏加载等待动画、五款主题、内置UEditor富文本编辑器、分离的路由和菜单设置、可折叠侧边栏、Fontawesome图标库、数字动画等等…

地址:https://github.com/d2-projects/d2-admin

element ★star44.4k

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★star13.6k

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★star6.6k

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

Vue Admin★star6k

admin template based on vuejs2 and element. Vue 控制面板框架,由❤Fangdun Cai 和贡献者创建。

 

功能特性:

▪ 基于Vue 2.0和Bulma 0.2

▪ 响应式和弹性布局

▪ 支持多种图表

▪ 丰富的组件或者查看vue-bulma

▪ 基于优秀的第三方库

地址:https://github.com/taylorchen709/vue-admin

vue-manage-system★star8.2k

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

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 首先,你需要安装 Node.js 和 npm(Node Package Manager),并通过 npm 安装 Vue CLI。然后,使用 Vue CLI 创建一个新项目: ``` $ vue create my-admin-system ``` Vue CLI 会提示你选择一些选项,比如使用哪种模板、是否安装路由等。选择你需要的选项后,Vue CLI 会自动创建一个基础的 Vue 项目。 然后,你可以使用 Vue UI 工具来管理项目,比如安装插件、修改配置等。也可以直接在代码中进行开发: ``` $ cd my-admin-system $ npm run serve ``` 运行上面的命令后,Vue 项目就会在本地启动,你可以通过浏览器访问 `http://localhost:8080` 来查看效果。 然后你可以开始编写后台管理系统的代码,比如使用 Vue Router 实现页面路由,使用 Vuex 管理状态,使用 axios 进行数据请求等。最终,你可以打包项目: ``` $ npm run build ``` 然后,打包后的文件就可以部署到生产环境使用了。 以上是一个简单的 Vue 后台管理系统框架的构建流程。希望能帮到你。 ### 回答2: Vue后台管理系统框架主要包括以下几个方面的内容: 1. 技术选型:选择合适的技术栈。推荐使用Vue.js作为前端框架,因为它简洁、轻量且易于学习。此外,还可以选择合适的UI框架,如Element UI、Ant Design Vue等,用于快速构建页面。 2. 路由配置:使用Vue Router进行路由管理。根据项目需求,将不同的功能模块划分为独立的路由,方便管理和维护。可以使用嵌套路由来实现页面结构的层次化管理。 3. 状态管理:使用Vuex进行状态管理。将页面之间共享的数据存储在Vuex的全局状态中,通过mutations和actions进行数据的修改和获取。这样可以提高代码的可维护性和可扩展性。 4. 组件封装:根据项目需要,封装一些通用的组件,如表格、表单、弹窗等,方便在不同的页面中重复使用。同时,还可以根据业务需求自定义一些特定的组件。 5. 接口请求:使用Axios进行接口请求。配置统一的接口请求拦截器,进行请求的统一处理,如添加Token、错误处理等。同时,可以将接口请求封装为独立的API模块,方便管理和调用。 6. 权限管理:根据业务需求,实现用户权限的管理。可以使用路由守卫功能,对需要登录才能访问的页面进行控制。同时,可以根据用户角色动态生成菜单和路由,实现不同角色的权限控制。 7. 数据可视化:使用Echarts或其他可视化库,将数据以图表的形式展示出来,便于用户查看和分析数据。可以根据实际需求,将数据展示为柱状图、折线图、饼图等各种形式。 以上是一个简单的Vue后台管理系统框架的主要内容,根据实际项目需求和团队技术栈的选择,还可以进行其他的功能和细节的扩展。 ### 回答3: Vue后台管理系统框架是一个基于Vue.js的前端框架,用于开发和构建功能强大的后台管理系统。它提供了一套完整的组件和工具,帮助开发人员更快速地构建出功能丰富、用户友好的后台管理系统。 该框架的特点之一是它的可扩展性。它使用了Vue.js的组件化开发模式,可以轻松地通过组合和复用组件来构建出需要的功能模块。同时,它还支持第三方插件和库的集成,可以根据项目的需求选择性地引入和使用。 另一个特点是该框架的响应式设计。由于采用了Vue.js的响应式数据绑定和虚拟DOM技术,后台管理系统可以自动根据用户的设备和屏幕大小做出相应的调整,以达到最佳的用户体验。同时,该框架还提供了一套预设的布局和样式,可以快速地搭建出符合视觉要求的页面。 除此之外,该框架还提供了一套完善的路由和状态管理机制,使得页面之间的跳转和数据的共享更加简单和可靠。同时,它还集成了一些常见的功能组件,如表单验证、图表展示、数据表格等,以帮助开发人员更轻松地实现各种功能需求。 总的来说,该Vue后台管理系统框架提供了一套完整的工具和组件,使得开发人员可以轻松构建出功能强大、用户友好的后台管理系统。它的可扩展性、响应式设计和完善的路由、状态管理机制,使得开发工作更加高效和便捷。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值