首页 文章详情

分享4个优秀VUE3后台管理模板,收藏版

前端名狮 | 156 2024-05-03 09:32 0 0 0
UniSMS (合一短信)

8cb586091019cf1ea86d13ba9f1c3544.webp

为帮助大家更好地解决对vue3项目整体学习的概念模糊问题,知识零散问题,组件封装问题,架构设计不知如何下手问题,写法不统一问题,可以学习这些优秀的开源项目前端模板,以达到提升vue3技能水平的目的。

这里分享4个优质的vue3前端项目模板,1个优质的vue2前端项目模板。分享的项目都是免费开源的,这里分享主要是供大家学习项目开发经验,提升vue技能的,切记切记切记!!!

1、 vue-manage-system

基于 Vue3 + pinia + Element Plus 的后台管理系统解决方案。

仓库地址:

https://github.com/lin-xin/vue-manage-system

体验地址:

https://lin-xin.gitee.io/example/work/#/dashboard

ff1ed36976ab4d4acf838fafc5188252.webp

9353d0408cf4f81c7a4d8cbbd0bb4538.webp

2、Naive Ui Admin

Naive Ui Admin 完全免费,且可商用,基于 Vue3.0、Vite、 Naive UI、TypeScript 的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目, 相信不管是从新技术使用还是其他方面,都能帮助到你。

仓库地址:

https://github.com/jekip/naive-ui-admin

体验地址:

https://naive-ui-admin.vercel.app/dashboard/console

3b42177b768069bae7fad8d8a2dc0231.webp

c732ba06594f471e6d89ee761b65234d.webp


3、vue-admin-better

基于 vite5.x + vue3.x + arco-design2.x 全新的前端框架 vue-admin-arco。

仓库地址:

https://github.com/chuzhixin/vue-admin-better

体验地址:

https://vue-admin-beautiful.com/shop-vite/#/index

bf74940125d473ac818c2fac92314b9c.webp

2a9dfe2db56f334516203fee91fcb8cc.webp

4、vue-pure-admin

vue-pure-admin  是一款开源免费且开箱即用的中后台管理系统模版。使用了最新的 Vue3, Vite, Element-Plus, TypeScript, Pinia, Tailwindcss  等主流技术开发。

仓库地址:

https://github.com/pure-admin/vue-pure-admin

体验地址:

https://yiming_chang.gitee.io/vue-pure-admin/#/flowChart/index

5cda41f20561281b7722752f6b67c368.webp

780c9bac8e124f55e1cfa1bcf5e0f12a.webp

fde9856d4859372dc1fa551476753912.webp

5、 mall-admin-web

mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。

这是基于vue2框架的。

仓库地址:

https://github.com/macrozheng/mall-admin-web

体验地址:

https://www.macrozheng.com/admin/


2edc90f1b10061685a5de03656ff1227.webp

7556520bf6924fe6ee24d191b7864fc1.webp

往期精选文章✌

  1. 深入理解JavaScript的Reduce API,内附实用小技巧

  2. vite升级新版本后npm i 报错或者警告解决方案

  3. CSS立体文字效果,让汉字更有生命力

  4. vue3新拖拽组件库推荐,web开发拖拽必备

  5. CSS立体文字效果,让汉字更有生命力

  6. vue中key作用有那些?

  7. 纯CSS实现按钮激活样式,该死的高级感

  8. 应用CSS混合模式,构建特殊的视觉效果

  9. 等了8年,vscode终于支持浮窗功能了

  10. CSS奇妙的属性clip-path,可画出任意图形

  11. VUE3组合式API,这样写最优雅

  12. 深入理解 Naive-UI:构建优雅的用户界面,vue3的新星皮肤,一场视觉盛宴

  13. vue2/3顶级组件库PrimeVue,再见了element-ui

  14. 学会这些CSS特殊选择器,轻松写样式,提升开发效率

  15. ES6新特性汇总,案例驱动学习,查漏补缺,珍藏版



good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter