❤ 15个基于Vue3.0全家桶的优秀开源项目

26 篇文章 3 订阅
订阅专栏

❤ 15个基于Vue3.0全家桶的优秀开源项目

1. Vue Admin Better

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

vue admin better 对比其他来源 admin 框架有如下优势:

支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
已知来源 vue admin 框架中首家支持 mock 自动生成自动导出功能
提供 50 余项全局精细化配置
支持 scss 自动排序,eslint 自动修复
axios 精细化封装,支持多数据源、多成功 code 数组,支持 application/json;charset=UTF-8、
application/x-www-form-urlencoded;charset=UTF-8 多种传参方式
支持登录RSA加密
支持打包自动生成7Z压缩包
支持errorlog错误拦截
支持多主题、多布局切换

预览图:

在这里插入图片描述
数据
在这里插入图片描述

2. Vue Pure Admin

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

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

预览图:

在这里插入图片描述

在这里插入图片描述

3. Vue vben admin

github:https://github.com/vbenjs/vben-admin-thin-next

Vue Vben Admin 是一个开源的中后台模版。使用了最新的 Vue3 + Vite + TypeScript + Pinia + Vue Router 等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。

预览图:

在这里插入图片描述

4. JeecgBoot-Vue3

github :https://github.com/jeecgboot/jeecgboot-vue3

JeecgBoot-Vue3采用 Vue3.0+Vite+Ant-Design-Vue3+TypeScript+Vue-router+ Vue-RFCS等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。 是JeecgBoot低代码平台的vue3技术栈的全新UI版本,功能强于vue2版。

预览图:

在这里插入图片描述

5. kamiFaka

github:https://github.com/Baiyuetribe/kamiFaka

Stisla UI:web界面很漂亮
前端使用VUE3.0,毫秒级响应
已集成支付宝当面付、微信官方、Payjs、虎皮椒、YunGouOS、易支付、Mugglepay、V免签等十几种支付接口
普通用户支持邮箱、短信接收消息
管理员支持邮箱、短信、TG、微信、QQ通知
支持2~4层批发模式
长卡密可导出为txt文本
多种主题模式【列表、卡片、宫格】
支持自定义背景、logo、联系方式等
支持热备份,可一键云端备份、一键导出备份文件到本地
数据库可分离,兼容Mysql、PostgreSQL和Sqlite
支持移动端唤醒支付宝
JWT认证
Limter保障服务器访问频率和次数
访客与管理员页面分离,可独立定制
预览图:

在这里插入图片描述

6. Vue3-jd-h5

vue3-jd-h5是一个基于Vue 3.0.0+Vant 3.0.0实现的电子商务h5页面前端项目,主要包括主页、分类页面、我的页面、购物车等。

预览图:

在这里插入图片描述

7. Vue3-element-plus-admin

github:https://github.com/gmingchen/vue3-element-plus-admin

Java + Vue 有很多优秀的后台管理系统,但是为了可以高效的开发后台权限管理系统

vue3-element-plus-admin 是一个基于 Vue3 + Element-plus + Java 的多企业后台权限管理系统,提供了完善的权限体系,让开发者把注意力集中到具体业务当中,降低开发成本,提高项目效率。 可以用于网站管理后台、SAAS、CMS、CRM、OA、ERP等,企业和个人都可以免费使用。欢迎提交PR(需求),若开发中遇到问题可以上 Github 提 Issues。

预览图:

在这里插入图片描述

8. Vue3-bigData

github:https://github.com/biubiubiu01/vue3-bigData

vue3-bigData是一个可视化系统,基于vue3.0 和 echarts实现,使用vue的最新的技术栈,包括各种可视化图表。

预览图:

在这里插入图片描述

9. Vue-form-create

github:https://github.com/fuchengwei/vue-form-create

Vue-form-create是基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。

预览图:

在这里插入图片描述

10. Vue3.0-web-music

github: https://github.com/woliuCN/vue3.0-web-music

地址直接在这里也可以下载
点击前往地址
Vue3.0-web-music是一个基于 Vue 3 + TypeScript + Vite + Pinia + Vueuse 开发的音乐播放器,界面模仿QQ音乐 Mac 客户端,支持黑夜模式。

在这里插入图片描述

在这里插入图片描述

  1. Vue-data-visualization
    github:https://github.com/miyuesc/vue-data-visualization

Vue-data-visualization主要使用 Vue 3+Echarts 5+Element Plus 进行开发. 使用原生 JavaScript 实现元素的拖拽与缩放.

该项目主要为实现通用的可视化大屏的简单配置, 对于特殊图表仍然需要二次开发.

预览图:

在这里插入图片描述

  1. Imooc-zhihu-zheye-column
    github:https://github.com/marlonchiu/imooc-zhihu-zheye-column

Imooc-zhihu-zheye-column使用 Typescript + Vue3.0+Vue-Router 从零到一测试到上线 高仿知乎专栏

预览图:

在这里插入图片描述

  1. Vue3.0 Element ShopManage
    github:https://github.com/ly1994lyy/Vue3.0_Element_ShopManage

Vue3.0 Element ShopManage基于Vue3.0+TS+Element-plus.0的商城后台管理系统

预览图:

在这里插入图片描述

14.vue3-composition-admin
github:https://github.com/RainManGO/vue3-composition-admin

vue3-composition-admin 是一个管理端模板的解决方案,它基于 Vue3、TypeScript、Vuex、Vue Router、Element plus,项目都是以 composition api 风格编写。

预览图:

在这里插入图片描述

  1. newbee-mall-vue3-app
    github::https://github.com/newbee-ltd/newbee-mall-vue3-app

newbee-mall-vue3-app 是一个基于 Vue3 + Vue Router4 + Vuex​4 + Vant3 的大型单页面商城项目。商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。

在这里插入图片描述

最后是自己的开源项目(正在不断完善中…):

地址: tbai.top

基于SpringBoot3.0和VUE3.0的飞廉开源开发平台设计源码
09-27
飞廉开源开发平台是一款基于SpringBoot 3.0和VUE 3.0的综合性开发工具,采用Tsql作为主要数据库语言。该平台集成mybatis plus、spring security、websocket、多租户、数据规则等关键模块,提供全面的开源解决方案。项目包含1068个文件,涵盖422个SVG图形文件、321个Java源文件、116个Vue文件、67个JavaScript文件、44个CSS样式文件、30个XML配置文件、28个PNG图片文件、6个属性文件、6个Shell脚本文件、5个YML配置文件。飞廉平台完全免费,提供旗舰版无任何额外收费。该项目适用于广泛的开发需求,QQ群:759017839。
vue3.0-case:基于vue3.0做的小案例
03-08
33.0 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
vue-admin-better 安装和配置指南
最新发布
gitblog_07979的博客
09-13 391
vue-admin-better 安装和配置指南 vue-admin-better 基于 vite5.x + vue3.x + arco-design2.x 全新的前端框架 vue-admin-arco 项目地址: https:/...
Vue Admin Better 项目教程
gitblog_00592的博客
08-15 734
Vue Admin Better 项目教程 项目地址:https://gitcode.com/gh_mirrors/vue/vue-admin-better 1. 项目的目录结构及介绍 Vue Admin Better 项目的目录结构如下: vue-admin-better/ ├── public/ │ ├── index.html │ └── ... ├── src/ │ ├── a...
全新Vue3.0全家桶 零基础入门到项目实战
06-30
Vue3.0来了,你还学的动吗? 2020年9月底,Vue3.0正式版终于发布了。Vue在全球拥有 130 多万用户 ,它被应用于各种不同的场景中。而在国内,更是最火热的前端框架,2.0与3.0的开发模式有了很大的改变,所以3.0的全新版本势必会引发新的一波学习潮流。对于前端开发者来说,不管你嘴上如何“学不动”,注定离不开“真相定律”,Vue3.0是你提升自身技术能力,晋升中级工程师一定要掌握的。 本课程将基于 Vue3.0 正式版,从Vue基础语法入手,全面掌握 Vue3.0 全家桶技术栈,并结合实战项目开发,让你拥有Vue3.0项目开发经验,更好的掌握Vue开发企业项目的流程 。 本课程共包括三个模块 一、Vue基础篇 本模块将讲解Vue3.0基本用法、插值表达式、常用指令等知识点,还会精讲Vue 3.0核心语法,如计算属性、过滤器、监视器、模板、生命周期等内容。会带你深入理解Vue组件化技术,讲解全局组件和局部组件的定义,组件间数据传递,以及Vue内置组件等知识点。让你掌握模块化的概念,会通过Vue脚本架搭建项目,并掌握使用Axios发送AJAX请求,让你快速入门Vue
基于Vue3.0+ElementPlus后台精简模板
程序媛小琬的博客
04-02 7776
前言 欢迎使用VUE3.0 + ElementPlus 后台管理模板 UI库文档: https://element-plus.gitee.io/#/zh-CN 该项目基于Vuecli 使用Vue3 + 最新版ElementPlus 构建简单版后台管理系统 基本功能:(Home页面有详细介绍可参考) 通过路由自动生成侧边栏menu 打开menu可以自动生成标签页 可以使用less变量控制激活颜色 还可以通过less变量控制主题色关注Java项目分享有需要生成menu的路由单独可以配置在一个文件,将不需要生
VueCli3的深入理解和项目示例
08-12
本文主要介绍vue cli3的功能和特点,以及它和vue cli2X的对比,vue cli3具有功能丰富,易于扩展,无需Eject,更具有面向未来的特点,那么把你的项目构建于vue cli3之上吧
vue项目案例(Vue3)
u013083465的专栏
05-30 8410
VUE3 + vite 案例
30个值得关注的Vue开源项目
weixin_34192993的博客
02-22 156
译者按: 学习优秀开源项目是提高代码水平最有效的方式。 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 在过去的一年中,我比较了近3000个Vue.js开源项目,选出30强(1%的比例)。 这...
Vue常用经典开源项目汇总参考-海量
大灰狼的小绵羊哥哥的博客
03-20 1万+
http://www.jianshu.com/p/58e72750cc62?utm_source=tuicool&utm_medium=referral Vue是什么? Vue.js(读音/vjuː/,类似于view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项
推荐7个学习Vue3开源项目
html0010的博客
12-11 2914
vue3-antd-admin 基于vue-cli5.x/vite2.x + vue3.x + ant-design-vue3.x + typescript hooks 的基础后台管理系统模板 RBAC的权限系统, JSON Schema动态表单,动态表格,漂亮锁屏界面。源码地址:https://github.com/Armour/vue-typescript-admin-template。源码地址:https://github.com/buqiyuan/vue3-antd-admin。
vue3-antd-admin:基于vue-clivite + vue3.0 + ant-design-vue2.0 +打字稿钩子的基础后台管理系统模板RBAC的权限系统,JSON架构动态表单,动态表格,漂亮的锁屏界面
03-11
使用了Vue3.0全家桶,ant-design-vue2.0和typescript4.0,实践vue3.0的新特性以及玩法,不得不说vue3.0的组成API比例于vue2.0的Options API灵活很多,让我们可以灵活地组合组件逻辑,我们可以很轻松的使用hooks的...
rainbow_vue:springboot + shiro + jwt + vue全家桶+ redis建造的后台系统脚手架(前端部分)
03-11
应用了vue全家桶vue-cli3.0 + vuex axios vue-router elementUi。 项目部署 1.首先安装node和vue的基本环境,自行上网百度。 2.cd到rainbow_vue更目录执行命令npm install然后npm run serve命令运行,向下会出现项目...
推荐Github15个学习Vue3开源项目
南七小僧的学海无涯
06-19 229
前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。相信不管你的需求是什么,本项目都能帮助到你。vue2-manage 是此项目是 ue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui 构建的后台管理系统,是后台项目node-elm 的管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登陆、管理数据、权限验证等功能。
基于vue3.0+vue-cli4.0+mysql+koa2的商城系统第一期
qq_42249811的博客
05-16 969
基于vue3.0+vue-cli4.0+mysql+koa2的商城系统第一期 组件包含 组件名称 作用 axios ajax用作在不刷新页面的情况与服务器进行数据交互 vue-axios 将axios直接挂到vue实例中方便组件调用 vue-cookie 方便获取服务器种在前端的cookie值 vue-lazyload 实现图片懒加载提升用户体验 node-sass 辅助sass-loader是翻译sass必备依赖 sass-loader 解析sass文件翻译成浏览器能使
推荐几个基于Vue3.0全家桶优秀开源项目
qq_53742640的博客
02-13 2744
PPTist 是一个基于 Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint 常用功能,实现在线PPT的编辑、演示,支持导出PPT文件。vue-next-admin 是一个基于 Vue3.x + Typescript + Vite + Element plus + Vuex 等,适配手机、平板、PC 的后台开源免费模板库。
20 个新的且值得关注的 Vue 开源项目
粉丝们务必加入微信粉丝群
12-10 4722
译者:前端小智 作者:Nastassia Ovchinnikova 来源:flatlogic.com Vue 相对不于 React 的一个优点是它易于理解和学习,且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此,时时了解一些新出现又好用的Vue 开源项目也是挺重要,一方面可以帮助咱们更加高效的开发,另一方面,咱们也可以模范学习其精华部分。 接下来看看新出的有哪...
GitHub项目推荐--14个Vue3开源后台管理项目,优选、多星!】【转载】
热门推荐
j8267643的博客
04-02 1万+
前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。这个项目现已发布基于 mybatis-plus 版本,eladmin jpa 版本项目基于 Spring Boot 2.6.4、 Jpa、 Spring Security、Redis、Vue的前后端分离的后台管理系统,项目采用分模块开发方式, 权限控制采用 RBAC,支持数据字典与数据权限管理,支持一键生成前后端代码,支持动态路由。开源免费且允许商用。
3个优秀Vue 开源项目,写在简历上直接框框加分
zz_jesse的博客
08-22 250
今天来分享最近整理的Vue3 大厂高频面试题和 几个爆火值得学的 Vue / React开源实战项目,理论、实战双重结合,快速提升前端开发战斗力!Vue3高频面试题Vue3.0中的Composition ApiVue3.0中的TreeshakingVue3.0中的Proxy API全部整理成了高清pdf版,大家可以扫码下载Github实战项目源码模拟网易云(Vue框架)模拟网易云(React框...
基于vue3.0的后台管理模板项目
07-29
基于Vue 3.0的后台管理模板项目,是一种用于开发后台管理系统的轻量级解决方案。Vue 3.0是Vue.js的最新版本,带来了许多优化和改进,如更快的渲染性能,更小的包体积,以及更好的开发体验。 该后台管理模板项目提供了一套通用的布局和组件,用于搭建管理系统的各种页面和功能。它包含了常见的后台管理系统所需的功能,如用户管理、权限管理、数据可视化、日志记录等。 通过使用Vue 3.0,开发者可以充分利用其新特性和改进来提高开发效率和用户体验。Vue 3.0采用了Composition API的新形式,可以更好地组织和复用代码。它还引入了更好的响应式系统,提供了更灵活的数据组织和更新方式。 该后台管理模板项目使用了Vue CLI进行项目的脚手架搭建,使开发者可以快速开始项目开发。同时,它还集成了一些常用的插件和工具,如Vue Router用于路由管理、Vuex用于状态管理、Axios用于网络请求等。 该后台管理模板项目还支持响应式布局,可以适应不同尺寸的屏幕,提供更好的移动端用户体验。开发者可以根据实际需求进行定制和扩展,以适应不同的业务场景。 总之,基于Vue 3.0的后台管理模板项目为开发者提供了一个快速、高效、可定制的开发框架,帮助开发者快速搭建并开发后台管理系统。
113
原创
886
点赞
1500
收藏
5659
粉丝
关注
私信
写文章

热门文章

  • 软件anyconnec-win安装下载 26501
  • ❤ NPM使用以及NPM安装淘宝镜像(更新与2024-06-11) 20424
  • ❤echarts折线图完整使用及详细配置参数 18623
  • ❤ Manifest version 2 is deprecated, and support will be removed in 2023. See.. 15896
  • ❤ 15个基于Vue3.0全家桶的优秀开源项目 14108

分类专栏

  • 实战系列篇 付费
  • 算法 1篇
  • node系列篇 14篇
  • 前端基础 10篇
  • 前端框架 26篇
  • UniApp 8篇
  • 前端工具和环境Node|Git|npm|nvm 9篇
  • 后端Java 2篇
  • Mysql 2篇
  • 后端其他 5篇
  • 探索 4篇
  • 电脑软硬件使用 22篇
  • 常见问题 23篇
  • Ucharts|Echarts|高德地图|百度地图 7篇

最新评论

  • ❤ ucharts图表使用、UCharts图表使用(组件方式和原生方式)、uniapp使用ucharts

    搬砖的码奴: 为啥我用插件的方式 什么也不显示呢

  • 软件anyconnec-win安装下载

    2401_85771724: cisco怎么注册用户呀

  • ❤echarts折线图完整使用及详细配置参数

    林太白: 直接写series里面再写个柱状图就行,官方直接有案例。横轴尽量是同一个横轴

  • ❤echarts折线图完整使用及详细配置参数

    林太白: 直接写series里面再写个柱状图就行,官方直接有案例。横轴尽量是同一个横轴

  • ❤echarts折线图完整使用及详细配置参数

    S小生: 柱状图上面加折线图,并且折线图从0开始,怎么实现嘞,楼主能豆解答呢

最新文章

  • ❤Node实现接口增删改查(文章为例)
  • ❤ Node实现图片存储和文件存储
  • ❤Node12-Node中间件multer
2024年29篇
2023年62篇
2022年20篇
2020年1篇
2019年2篇

目录

目录

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

林太白

感谢打赏,你拥有了我VIP权限

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值

深圳坪山网站建设公司海珠网站优化seo网站优化策划书南皮网站优化价格网站如何优化使用金苹果网站内容优化体现在以下方面阜阳网站优化有哪些靖州网站优化排名公司高端网站优化怎么好吗随州网站优化哪家公司最好遵化专业网站优化优化网站被惩罚兰州网站优化推广哪个公司专业网站优化恢复权重优化型网站价格商水网站seo优化费用沛县网站优化联系电话辛集网站快照优化费用广西鹤壁网站优化牟平区智能响应式网站优化网站的优化有哪些内容惠东网站优化公司电话网站优化排名视频青岛上市公司网站优化遵化网站优化邯郸网站优化推广能带来客户吗网站制作优化捶喜.大将军1影视行业网站优化比较好朔州网站的优化谷歌网站优化选哪家饶阳网站优化价格香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化