Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 广告合作
  • 网站投稿
  • 文章标签
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

vue-admin-better

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://vuejs-core.cn/shop-vite
GitHub:https://github.com/zxwk1998/vue-admin-better
网站描述:基于 Vue.js 的高质量后台管理系统模板
访问官网 GitHub
vue Admin Better 是一款基于 Vue.js 的高质量后台管理系统模板,支持 Vue2.x 和 Vue3.x 版本,分别对应 Element UI 和 Element Plus 组件库。它拥有丰富的功能、灵活的配置和友好的用户界面,能够满足各种后台管理系统的需求。

框架提供三大版本适配不同技术栈:Vue 2.x+Element UI(当前仓库)、Vue 3.x+Element Plus、Vue 3.x+Arco Design+Vite7.x,无论是存量项目升级还是新项目开发,都能找到合适的选择。更良心的是,开源版本支持免费商用,仅需保留 MIT 协议声明,对个人开发者和中小企业十分友好。


核心功能

1. 权限与安全:灵活可控,多重保障

权限控制是中后台项目的核心需求,该框架提供了全方位解决方案。支持前端路由权限和后端路由权限两种模式,搭配 RBAC 模型 + JWT 权限控制,可根据项目需求自由切换。同时内置登录 RSA 加密、错误日志拦截功能,Axios 精细化封装支持多数据源和多种传参方式,让项目安全又稳定。   

2. 开发效率:全方位提速

框架内置 40 + 高质量单页,无需从零搭建基础页面;独家 mock 自动生成和导出功能,省去手动造数据的麻烦;50 + 项全局精细化配置,支持多主题、多布局切换,满足不同场景的视觉需求。更贴心的是,Scss 自动排序、ESLint 自动修复等特性,让代码规范和格式优化自动完成,开发者只需专注业务逻辑。

3. 跨平台与兼容性:一次开发多端适配

无需额外适配,框架天然支持 PC、手机端、平板多端兼容,后端路由动态渲染功能让跨端部署更便捷。无论是企业管理系统、电商后台还是办公平台,都能通过一套代码实现全场景覆盖,大大降低开发和维护成本。

4. 易用性:上手简单,生态完善

框架提供清晰的安装部署流程,支持 pnpm 快速安装依赖,本地开发启动命令简洁明了。完善的社区支持包括前端讨论 QQ 群、详细开发文档和工具配置教程,即使是 1 年 + 前端经验的开发者也能快速上手。


项目特性

  • 40+ 高质量单页: 项目包含 40 多个高质量的单页,覆盖了后台管理系统的常用功能,如用户管理、角色管理、菜单管理、系统设置等。
  • RBAC 模型 + JWT 权限控制: 项目采用 RBAC 模型和 JWT 权限控制,能够实现精细化的权限管理,保证系统的安全性。
  • 10 万+ 项目实际应用: Vue Admin Better 已被广泛应用于 10 万多个项目中,经过了大量的实际应用验证,稳定可靠。
  • 良好的类型定义: 项目使用 TypeScript 进行开发,具有良好的类型定义,能够提高代码的可读性和可维护性。
  • 开源版本支持免费商用: Vue Admin Better 的开源版本支持免费商用,能够帮助开发者节省开发成本。
  • 跨平台 PC、手机端、平板: 项目支持跨平台,能够在 PC、手机端和平板等设备上运行,满足不同场景的需求。
  • 后端路由动态渲染: 项目支持后端路由动态渲染,能够根据用户的权限动态渲染菜单和路由,提高系统的灵活性。

优势及注意事项

对比其他开源 admin 框架有如下优势: 

1. 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式 

2. 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能

 3. 提供 50 余项全局精细化配置 

4. 支持 scss 自动排序,eslint 自动修复 

5. axios 精细化封装,支持多数据源、多成功 code 数组,支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多种传参方式 

6. 支持登录 RSA 加密 

7. 支持打包自动生成 7Z 压缩包 

8. 支持 errorlog 错误拦截 

9. 支持多主题、多布局切换 

使用注意事项: 

1. 项目默认使用 lf 换行符而非 crlf 换行符,新建文件时请注意选择文件换行符 

2. 项目默认使用的最严格的 eslint 校验规范(plugin:vue/recommended),使用之前建议配置开发工具实现自动修复(建议使用 vscode 开发) 

3. 项目使用的是要求最宽泛的 MIT 开源协议,保留 MIT 开源协议即可免费商用

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/4787

more>>
相关栏目
Materialize
基于Material Design的现代响应式前端框架
官网 GitHub
Element UI
一套基于 Vue 2.0 的桌面端组件库
官网 GitHub
Material Design(MDB)
领先的Bootstrap UI套件之一
点击进入
Muse-UI
基于 Vue2.0 的 Material Design UI 库
官网 GitHub
sb-admin
基于Bootstrap简约美观的后台管理模板
官网 GitHub
Vue-Access-Control
Vue权限管理解决方案
官网 GitHub
RmlUI
桌面端GUI开发框架
官网 GitHub
kitty-ui
基于 Vue + Element 实现的权限管理系统
点击进入 GitHub
vue-multiselect
Vue.js 打造的下拉组件
官网 GitHub
Structor
先进的React GUI编辑器
点击进入 GitHub
lulu ui
基于jQuery,针对PC网站,兼容IE7+的前端UI框架
官网 GitHub
Ant Design
是一个致力于提升『用户』和『设计者』使用体验的中台设计语言
官网 GitHub
vue-design-system
一个用于基于 Vue.js 构建 UI 设计系统的开源工具
官网 GitHub
Tauri
使用Web前端构建更小,更快,更安全的桌面应用
官网 GitHub
Element Plus
基于 Vue 3,面向设计师和开发者的组件库
官网 GitHub
vue-blu
基于Vuejs和Bulma开发的开源UI组件库
官网 GitHub

手机预览

首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。