您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

一个开箱即用的中后台前端框架,基于vue3+vite2开发

时间:2022-06-21 09:41:52  来源:  作者:GitHub精选
一个开箱即用的中后台前端框架,基于vue3+vite2开发

 

Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模板,以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术,并将其应用在项目中。

 

特性

  • 最新技术栈:基于Vue3、Vite、TypeScript等最新技术栈开发
  • 轻量快速地热重载:无论应用程序大小如何,都始终极快的模块热重载(HMR)
  • 丰富的示例:常见的Web端插件示例实现
  • 组件封装:对日常使用频率较高的组件二次封装,满足基础工作需求
  • 主题配置:丰富的主题配置及黑暗主题适配
  • 权限管理:完善的前后端权限管理方案

模板

  • vue-vben-admin

该版本主要是提供一些 Demo 示例及插件的使用集成方式,主要用于参考。如果对项目不是很熟悉,不建议在此基础上进行开发,请使用下方提供的精简版本。

  • vue-vben-admin-thin

vue-vben-admin 精简版本。删除了相关示例、无用文件及功能、依赖。可以根据自身需求安装对应的依赖。因为使用的是 vite,依赖删除不会导致相关组件或者 hook 发出警告。只在需要的时候安装对应的库即可。

浏览器支持

  • 本地开发推荐使用Chrome 最新版浏览器,不支持Chrome 80以下版本
  • 生产环境支持现代浏览器,不支持 IE
一个开箱即用的中后台前端框架,基于vue3+vite2开发

 

本地运行

# 拉取代码
git clone https://Github.com/vbenjs/vue-vben-admin-doc

# 安装依赖
yarn

# 运行项目
yarn dev

界面

一个开箱即用的中后台前端框架,基于vue3+vite2开发

 


一个开箱即用的中后台前端框架,基于vue3+vite2开发

 


一个开箱即用的中后台前端框架,基于vue3+vite2开发

 


一个开箱即用的中后台前端框架,基于vue3+vite2开发

 


一个开箱即用的中后台前端框架,基于vue3+vite2开发

 


一个开箱即用的中后台前端框架,基于vue3+vite2开发

 


一个开箱即用的中后台前端框架,基于vue3+vite2开发

 

 

—END—

开源协议:MIT

开源地址:
https://github.com/vbenjs/vue-vben-admin



Tags:前端框架   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
JavaScript前端框架2024年展望
Angular、Next.js、React和Solid的维护者和创作者们展望2024年,分享了他们计划中的改进。译自2024 Predictions by JavaScript Frontend Framework Maintainers,作者 Loraine...【详细内容】
2024-01-05  Search: 前端框架  点击:(99)  评论:(0)  加入收藏
React与Vue性能对比:两大前端框架的性能
React和Vue是当今最流行的两个前端框架,它们在性能方面都有着出色的表现。React的加载速度:初次加载:由于React使用了虚拟DOM(Virtual DOM)技术,它可以通过比较虚拟DOM树与实际DOM...【详细内容】
2024-01-05  Search: 前端框架  点击:(116)  评论:(0)  加入收藏
Astro,这个前端框架有点不一样!
前端技术日新月异,最初的静态网站逐渐被由服务端生成的网站所取代,后来又逐渐向客户端渲染的应用转变。不过客户端渲染也存在一些问题,如加载时间变长和搜索引擎优化难度等。As...【详细内容】
2023-11-21  Search: 前端框架  点击:(223)  评论:(0)  加入收藏
前端框架的演进与未来展望
自从前后端分离的概念被提出以来,前端框架的发展就如同百花齐放,呈现出一片繁荣景象。最早出现的是Angular,随后又有了React 和Vue,而如今,Vue和 React已经成为了前端开发的主宰...【详细内容】
2023-11-17  Search: 前端框架  点击:(255)  评论:(0)  加入收藏
9个目前流行的Web前端框架
启动项目时,请查看 2023 年最好的 Web 前端框架。为什么选择合适的工具很重要?前端开发人员使用前端框架来简化工作。这些软件包通常提供可重用的代码模块、系统化的前端技术...【详细内容】
2023-07-24  Search: 前端框架  点击:(205)  评论:(0)  加入收藏
前端框架篇:React类组件的三大核心属性
React类组件是通过创建 class 继承 React.Component创建的。类组件中通过render函数返回react元素。react组件的三大核心属性是建立在react的类组件基础上的,即:state、props...【详细内容】
2023-06-19  Search: 前端框架  点击:(126)  评论:(0)  加入收藏
微前端框架实践
阿里妹导读我们对微前端框架的内容做了一个详细的介绍,并从零开始用Typescript实现了微前端的基本功能。本文我们首先实现一个可进行子应用注册和资源加载的微前端框架,实现在...【详细内容】
2023-05-31  Search: 前端框架  点击:(205)  评论:(0)  加入收藏
vue轻量化前端框架应用到小程序移动开发中
小程序是一种运行在移动端的应用形式,它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口,这对于前端开发者来说可能会有一定的学习成本和限...【详细内容】
2023-03-07  Search: 前端框架  点击:(154)  评论:(0)  加入收藏
5个最受欢迎的前端框架,建议你收藏!
前端开发人员负责创建用户在其显示器上看到的材料,他们正在尝试使用最可接受的前端框架来提供最佳的用户体验。现在,终端客户比以往任何时候都更重要,维护长期客户取决于提供非...【详细内容】
2022-12-01  Search: 前端框架  点击:(586)  评论:(0)  加入收藏
相比React、vue资源消耗更小,使用更简单的新一代前端框架Svelte
Svelte 的优点 代码是根据说明在没有额外运输规格的情况下生成的。 它将指令转换为强大的运行时语言。 它运行代码并优化代码生成,速度相比React、vue的运行资源消耗小很多...【详细内容】
2022-10-29  Search: 前端框架  点击:(452)  评论:(0)  加入收藏
▌简易百科推荐
Qt与Flutter:在跨平台UI框架中哪个更受欢迎?
在跨平台UI框架领域,Qt和Flutter是两个备受瞩目的选择。它们各自具有独特的优势,也各自有着广泛的应用场景。本文将对Qt和Flutter进行详细的比较,以探讨在跨平台UI框架中哪个更...【详细内容】
2024-04-12  刘长伟    Tags:UI框架   点击:(7)  评论:(0)  加入收藏
Web Components实践:如何搭建一个框架无关的AI组件库
一、让人又爱又恨的Web ComponentsWeb Components是一种用于构建可重用的Web元素的技术。它允许开发者创建自定义的HTML元素,这些元素可以在不同的Web应用程序中重复使用,并且...【详细内容】
2024-04-03  京东云开发者    Tags:Web Components   点击:(11)  评论:(0)  加入收藏
Kubernetes 集群 CPU 使用率只有 13% :这下大家该知道如何省钱了
作者 | THE STACK译者 | 刘雅梦策划 | Tina根据 CAST AI 对 4000 个 Kubernetes 集群的分析,Kubernetes 集群通常只使用 13% 的 CPU 和平均 20% 的内存,这表明存在严重的过度...【详细内容】
2024-03-08  InfoQ    Tags:Kubernetes   点击:(23)  评论:(0)  加入收藏
Spring Security:保障应用安全的利器
SpringSecurity作为一个功能强大的安全框架,为Java应用程序提供了全面的安全保障,包括认证、授权、防护和集成等方面。本文将介绍SpringSecurity在这些方面的特性和优势,以及它...【详细内容】
2024-02-27  风舞凋零叶    Tags:Spring Security   点击:(61)  评论:(0)  加入收藏
五大跨平台桌面应用开发框架:Electron、Tauri、Flutter等
一、什么是跨平台桌面应用开发框架跨平台桌面应用开发框架是一种工具或框架,它允许开发者使用一种统一的代码库或语言来创建能够在多个操作系统上运行的桌面应用程序。传统上...【详细内容】
2024-02-26  贝格前端工场    Tags:框架   点击:(51)  评论:(0)  加入收藏
Spring Security权限控制框架使用指南
在常用的后台管理系统中,通常都会有访问权限控制的需求,用于限制不同人员对于接口的访问能力,如果用户不具备指定的权限,则不能访问某些接口。本文将用 waynboot-mall 项目举例...【详细内容】
2024-02-19  程序员wayn  微信公众号  Tags:Spring   点击:(41)  评论:(0)  加入收藏
开发者的Kubernetes懒人指南
你可以将本文作为开发者快速了解 Kubernetes 的指南。从基础知识到更高级的主题,如 Helm Chart,以及所有这些如何影响你作为开发者。译自Kubernetes for Lazy Developers。作...【详细内容】
2024-02-01  云云众生s  微信公众号  Tags:Kubernetes   点击:(58)  评论:(0)  加入收藏
链世界:一种简单而有效的人类行为Agent模型强化学习框架
强化学习是一种机器学习的方法,它通过让智能体(Agent)与环境交互,从而学习如何选择最优的行动来最大化累积的奖励。强化学习在许多领域都有广泛的应用,例如游戏、机器人、自动驾...【详细内容】
2024-01-30  大噬元兽  微信公众号  Tags:框架   点击:(71)  评论:(0)  加入收藏
Spring实现Kafka重试Topic,真的太香了
概述Kafka的强大功能之一是每个分区都有一个Consumer的偏移值。该偏移值是消费者将读取的下一条消息的值。可以自动或手动增加该值。如果我们由于错误而无法处理消息并想重...【详细内容】
2024-01-26  HELLO程序员  微信公众号  Tags:Spring   点击:(94)  评论:(0)  加入收藏
SpringBoot如何实现缓存预热?
缓存预热是指在 Spring Boot 项目启动时,预先将数据加载到缓存系统(如 Redis)中的一种机制。那么问题来了,在 Spring Boot 项目启动之后,在什么时候?在哪里可以将数据加载到缓存系...【详细内容】
2024-01-19   Java中文社群  微信公众号  Tags:SpringBoot   点击:(91)  评论:(0)  加入收藏
站内最新
站内热门
站内头条