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

news2024/11/17 8:35:28

❤ 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错误拦截
支持多主题、多布局切换

预览图：

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

  1. Vue Pure Admin
    github：https://github.com/xiaoxian521/vue-pure-admin

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

预览图：

在这里插入图片描述

在这里插入图片描述

  1. 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版。

预览图：

在这里插入图片描述

  1. 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保障服务器访问频率和次数
访客与管理员页面分离，可独立定制
预览图：

在这里插入图片描述

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

预览图：

在这里插入图片描述

  1. 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。

预览图：

在这里插入图片描述

  1. Vue3-bigData
    github：https://github.com/biubiubiu01/vue3-bigData

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

预览图：

在这里插入图片描述

  1. 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。

预览图：

在这里插入图片描述

  1. 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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/712693.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【Spring Cloud Alibaba】OpenFeign的使用

【Spring Cloud Alibaba】OpenFeign的使用

Feign is a Java to HTTP client binder inspired by Retrofit, JAXRS-2.0, and WebSocket. Feign’s first goal was reducing the complexity of binding Denominator uniformly to HTTP APIs regardless of ReSTfulness. Feign是一个Java到HTTP的客户端绑定器，灵…
阅读更多...
点云模型概述

点云模型概述

点云与三维图像 三维图像是一种特殊的信息表达形式，其特征是表达的空间中三个维度的数据。和二维图像相比， 三维图像借助第三个维度的信息，可以实现天然的物体和背景解耦。 对于视觉测量来说，物体的二维信息往往随射影方式而变化…
阅读更多...
2023年，从初级岗进阶到中级测试工程师岗，突破内卷...

2023年，从初级岗进阶到中级测试工程师岗，突破内卷...

目录：导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结（尾部小惊喜） 前言 初级测试如何成长…
阅读更多...
vue3----解决字体包太大响应慢以及打包文件大的问题 解决font-spider 报错问题

vue3----解决字体包太大响应慢以及打包文件大的问题 解决font-spider 报错问题

vue3----解决字体包太大响应慢以及打包文件大的问题 && 解决font-spider 报错问题 前言：使用font-spider压缩字体（亲测可用） 参考链接：https://blog.csdn.net/nanchen_J/article/details/126973856 一、解决字体包太大响应…
阅读更多...
【报错】ros1中使用opencv4.8时，报错Segmentation fault

【报错】ros1中使用opencv4.8时，报错Segmentation fault

现象： ubuntu18.04下，使用ros1进行opencv4.8，操作opencv2库的时候报错了 原因： cmakelists.txt中不要加 ${catkin_LIBRARIES} 否则ros在执行时会导入默认的3.2.0版本，与4.8.0冲突。
阅读更多...
Mybatis-Plus不能更新对象字段为空值问题解决

Mybatis-Plus不能更新对象字段为空值问题解决

问题描述： 在使用Mybatis-Plus调用updateById方法进行数据更新默认情况下是不能更新空值字段的，而在实际开发过程中，往往会遇到需要将字段值更新为空值的情况，该如何解决呢？ 原因分析： Mybatis-Plus中字…
阅读更多...
esp8266学习记录

esp8266学习记录

前言 本文主要介绍了esp8266固件的烧写和基本AT指令，然后结合stm32开发板实现三个实验。分别是手机远程控制开发板LED；开发板温度传感器数据和光强上传到云平台实时监控；从云平台获取数据来控制开发板板载资源。每个实验我都保留了工程源和效…
阅读更多...
[AJAX]原生AJAX——自定义请求头

[AJAX]原生AJAX——自定义请求头

客户端 <script>// 1、创建对象const xhr new XMLHttpRequest();// 2、初始化&#xff1a;设置请求类型和urlxhr.open(POST, http://127.0.0.1:8000/server);// 设置请求头// Content-Type&#xff1a;设置请求体内容类型// application/x-www-form-urlencoded&#xf…
阅读更多...
分布式服务一篇概览

分布式服务一篇概览

分布式服务开发复杂于服务间交互&#xff0c;协调&#xff0c;治理等。服务的复杂性由应用本身转移到了网络交互层。 一、关于12-factor问题 在开发分布式服务时&#xff0c;我们通常会考虑如12-factor 问题&#xff0c;如配置中心、无状态化、日志等。 一个代码库&#xff…
阅读更多...
数通王国历险记之地址分析协议（ARP）

数通王国历险记之地址分析协议（ARP）

系列文章目录 数通王国历险记&#xff08;4&#xff09; 目录 前言 一&#xff0c;什么是地址解析协议&#xff08;ARP&#xff09; 二&#xff0c;封装和解封装 三&#xff0c;为什么需要地址解析协议&#xff08;ARP&#xff09; 四&#xff0c;ARP的验证实验 4.1&#x…
阅读更多...
线程池ThreadPoolExecutor详解以及多种线程池的实现

线程池ThreadPoolExecutor详解以及多种线程池的实现

1、线程池状态含义 ThreadPoolExecutor 使用 int 的高 3 位来表示线程池状态&#xff0c;低 29 位表示线程数量&#xff0c;之所以将信息存储在一个变量中&#xff0c;是为了保证原子性。 具体的高三位与线程池状态如下&#xff0c;引用自网课的图片&#xff1a; 2、构…
阅读更多...
【数据库编程】最新版MySQL的JDBC编程(图文演示)

【数据库编程】最新版MySQL的JDBC编程(图文演示)

数据库系列文章 1. 零基础带你快速上手SQL语言 2. 玩转表及其数据 3. 上手表设计 4. 索引和事务 5. 最新版MySQL的JDBC编程 文章目录 前言1. 数据库编程的必备条件2. Java的JDBC编程3. JDBC工作原理3.1 数据库驱动包从哪里来 4. JDBC编程4.1 创建 Java 项目4.2 导入数据库驱动包…
阅读更多...
使用wkhtmltopdf实现HTML转PDF

使用wkhtmltopdf实现HTML转PDF

wkhtmltopdf注意事项 1.webkit内核的&#xff0c;所以建议使用之前用谷歌浏览器开发好网页 2.目前这个插件不再更新&#xff0c;所以内核老旧&#xff0c;只支持ES5的代码&#xff0c;所以ES6及以上的代码统统不支持&#xff0c;还有字符串拼接的 符号也不能使用&#xff0c…
阅读更多...
JMeter录制HTTPS脚本解决办法

JMeter录制HTTPS脚本解决办法

目录 前言&#xff1a; 背景 解决方法 前言&#xff1a; 在使用JMeter录制HTTPS脚本时&#xff0c;可能会遇到一些问题&#xff0c;例如SSL证书错误或请求失败等。解决这些问题的一种常见的方法是通过安装并信任服务器的SSL证书来解决。 背景 在对某项目进行脚本录制的时…
阅读更多...
银河麒麟服务器v10 sp1 部署 Net6.0 项目

银河麒麟服务器v10 sp1 部署 Net6.0 项目

上一篇已经部署了Net6.0环境&#xff0c;本节将实现Net6.0程序部署&#xff0c;打开或新建项目&#xff0c;修改appsettings.json配置&#xff1a; 添加&#xff1a;"urls": "http://*:8061",//linux部署使用&#xff0c;端口可根据需求修改为自己的 在项…
阅读更多...
快速幂与64位整数乘法(位运算)

快速幂与64位整数乘法(位运算)

矩阵快速幂和64位整数乘法 矩阵快速幂64位整数乘法 矩阵快速幂 问题链接&#xff1a; AcWing 90. 64位整数乘法 问题描述&#xff1a; 分析 快速幂需要用到位运算的思想&#xff0c;求 a b a^b ab&#xff0c;我们将 b b b转换成二进制的形式&#xff0c;假设 b 7 b7 b7&…
阅读更多...
GB50254-2014电气装置安装工程低压电器施工及验收规范

GB50254-2014电气装置安装工程低压电器施工及验收规范

为保证低压电器的安装质量,促进施工安装技术进步&#xff0c;确保设备安装后的安全运行,制定本规范。 本规范适用于交流 50Hz或60Hz额定电压为 1000V 及以下&#xff0c;直流额定电压为 1500V 及以下通用低压电器的安装与验收。不适用于: 1、无需固定安装的家用电器、电工仪器…
阅读更多...
数据结构第一章 绪论——走进数据的世界

数据结构第一章 绪论——走进数据的世界

名人说&#xff1a;唯一可以确定的是&#xff0c;明天会使我们所有人大吃一惊。——阿尔文托夫勒 本篇笔记整理&#xff1a;Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; ✔ 课件资料及视频课程学习&#xff1a;王道 数据结构&#xff08…
阅读更多...
哪家好用？四款国内外远程桌面软件横测：ToDesk、向日葵、TeamViewer、AnyDesk

哪家好用？四款国内外远程桌面软件横测：ToDesk、向日葵、TeamViewer、AnyDesk

一、前言 远程桌面软件对于职场人来说并不陌生&#xff0c;可以说是必备的办公软件之一。在经历过新冠疫情后&#xff0c;大家对于远程办公的认识越来越深入&#xff0c;也就在这段期间&#xff0c;远程桌面软件大范围的应用起来&#xff0c;真正走进大众视野并融入我们的工作和…
阅读更多...
探索RabbitMQ的特色功能：释放RabbitMQ尖端特性的潜力

探索RabbitMQ的特色功能：释放RabbitMQ尖端特性的潜力

d1、简介 RabbitMQ 是一个功能强大的开源消息中间件&#xff0c;采用 AMQP&#xff08;Advanced Message Queuing Protocol&#xff09;协议来实现可靠的消息传递。它提供了可靠性、灵活性和可扩展性&#xff0c;被广泛应用于分布式系统、微服务架构和异步通信等场景。本文将介…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023