百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

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

bigegpt 2024-09-14 00:17 9 浏览

大家好,我是 Echa。

今天来分享 15 个基于 Vue3.0 全家桶的优秀开源项目!

1. Vue Admin Better

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

vue admin better 对比其他来源 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. 支持多主题、多布局切换

预览图:

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

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

预览图:

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 客户端,支持黑夜模式。

11. Vue-data-visualization

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

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

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

预览图:


12. Imooc-zhihu-zheye-column

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

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

预览图:


13. 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 风格编写。

预览图:

15. newbee-mall-vue3-app

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

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

最后

老铁们,创作不易。如果你有任何想法,欢迎在留言区和我留言,如果这篇文章帮助到了你,欢迎点赞和关注

相关推荐

最全的MySQL总结,助你向阿里“开炮”(面试题+笔记+思维图)

前言作为一名编程人员,对MySQL一定不会陌生,尤其是互联网行业,对MySQL的使用是比较多的。对于求职者来说,MySQL又是面试中一定会问到的重点,很多人拥有大厂梦,却因为MySQL败下阵来。实际上...

Redis数据库从入门到精通(redis数据库设计)

目录一、常见的非关系型数据库NOSQL分类二、了解Redis三、Redis的单节点安装教程四、Redis的常用命令1、Help帮助命令2、SET命令3、过期命令4、查找键命令5、操作键命令6、GET命...

netcore 急速接入第三方登录,不看后悔

新年新气象,趁着新年的喜庆,肝了十来天,终于发了第一版,希望大家喜欢。如果有不喜欢看文字的童鞋,可以直接看下面的地址体验一下:https://oauthlogin.net/前言此次带来得这个小项目是...

精选 30 个 C++ 面试题(含解析)(c++面试题和答案汇总)

大家好,我是柠檬哥,专注编程知识分享。欢迎关注@程序员柠檬橙,编程路上不迷路,私信发送以下关键字获取编程资源:发送1024打包下载10个G编程资源学习资料发送001获取阿里大神LeetCode...

Oracle 12c系列(一)|多租户容器数据库

作者杨禹航出品沃趣技术Oracle12.1发布至今已有多年,但国内Oracle12C的用户并不多,随着12.2在去年的发布,选择安装Oracle12c的客户量明显增加,在接下来的几年中,Or...

flutter系列之:UI layout简介(flutter-ui-nice)

简介对于一个前端框架来说,除了各个组件之外,最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout,就是用来描述如何将组件进行摆放的一个约束。在flutter中,基本上所有的对象都是wi...

Flutter 分页功能表格控件(flutter 列表)

老孟导读:前2天有读者问到是否有带分页功能的表格控件,今天分页功能的表格控件详细解析来来。PaginatedDataTablePaginatedDataTable是一个带分页功能的DataTable,...

Flutter | 使用BottomNavigationBar快速构建底部导航

平时我们在使用app时经常会看到底部导航栏,而在flutter中它的实现也较为简单.需要用到的组件:BottomNavigationBar导航栏的主体BottomNavigationBarI...

Android中的数据库和本地存储在Flutter中是怎样实现的

如何使用SharedPreferences?在Android中,你可以使用SharedPreferencesAPI来存储少量的键值对。在Flutter中,使用Shared_Pref...

Flet,一个Flutter应用的实用Python库!

▼Flet:用Python轻松构建跨平台应用!在纷繁复杂的Python框架中,Flet宛如一缕清风,为开发者带来极致的跨平台应用开发体验。它用最简单的Python代码,帮你实现移动端、桌面端...

flutter系列之:做一个图像滤镜(flutter photo)

简介很多时候,我们需要一些特效功能,比如给图片做个滤镜什么的,如果是h5页面,那么我们可以很容易的通过css滤镜来实现这个功能。那么如果在flutter中,如果要实现这样的滤镜功能应该怎么处理呢?一起...

flutter软件开发笔记20-flutter web开发

flutterweb开发优势比较多,采用统一的语言,就能开发不同类型的软件,在web开发中,特别是后台式软件中,相比传统的html5开发,更高效,有点像c++编程的方式,把web设计出来了。一...

Flutter实战-请求封装(五)之设置抓包Proxy

用了两年的flutter,有了一些心得,不虚头巴脑,只求实战有用,以供学习或使用flutter的小伙伴参考,学习尚浅,如有不正确的地方还望各路大神指正,以免误人子弟,在此拜谢~(原创不易,转发请标注来...

为什么不在 Flutter 中使用全局变量来管理状态

我相信没有人用全局变量来管理Flutter应用程序的状态。毫无疑问,我们的Flutter应用程序需要状态管理包或Flutter的基本小部件(例如InheritedWidget或St...

Flutter 攻略(Dart基本数据类型,变量 整理 2)

代码运行从main方法开始voidmain(){print("hellodart");}变量与常量var声明变量未初始化变量为nullvarc;//未初始化print(c)...