Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件CSS相关在线工具建站资源 更多
网站收录 / 问题反馈

vue-admin-better

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

扫一扫分享

vue-admin-better
网站地址: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://web.fly63.com/nav/4787

更多»
热门资源
bootstrap
最流行的HTML,CSS和JavaScript框架,用于开发响应式,移动端先行的web项目
官网
GitHub
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
Magic UI
为设计工程师打造的UI库
官网
GitHub
Vue-Access-Control
Vue权限管理解决方案
官网
GitHub
RmlUI
桌面端GUI开发框架
官网
GitHub
HeroUI
基于TailwindCSS构建的React 现代UI框架
官网
GitHub
tweakcn
shadcn/ui组件可视化无代码编辑器
官网
GitHub
kitty-ui
基于 Vue + Element 实现的权限管理系统
点击进入
GitHub
类似于vue-admin-better的资源
form-generator
vue开源Element UI表单设计及代码生成器
官网
GitHub
rdash-angular
AngularJS 执行 RDash 管理员仪表板主题
官网
GitHub
ng-bootstrap
一个angular UI bootstrap库
官网
GitHub
PrimeReact
最全的 React UI 组件库
官网
GitHub
tabler
基于 Bootstrap 4 开发的 HTML 仪表盘 UI 套件
官网
GitHub
Vexip UI
高可定制化的属性值,全量的 TypeScript,性能很不错
官网
GitHub
Chakra UI
现代化React UI框架,用来构建用户界面的
官网
GitHub
FastAdmin
后台框架开源且可以免费商用,一键生成 CRUD
官网
GitHub
目录

手机扫一扫预览

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

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