现在有什么基于vue3.0的优秀开源项目呢?

news2024/10/6 8:28:54

前言

以下是一些github上一些基于vue3.0的优秀开源项目，可以自己选择一些去练一下手，废话少说，直接进入正题----

1、 vue-manage-system

Star: 16k

是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。

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

线上地址：https://lin-xin.gitee.io/example/work

2、DataV

Star: 7.7k

一款可视化数据分析工具，是阿里云推出的一款数据可视化产品。它基于阿里云的大数据技术，可以对海量数据进行快速处理和可视化展示，支持多种图表展示方式、多种数据源接入和多维度数据分析。DataV可以帮助用户快速构建交互式的数据可视化应用，帮助企业快速了解业务数据，从而更好地做出决策。同时，DataV还提供了丰富的数据安全和权限控制机制，确保数据的安全性和隐私性

github地址:https://github.com/DataV-Team/DataV

在线地址：http://datav.jiaminghi.com/

3、 vue-vben-admin

Star: 17.3k

Vue Vben Admin 是一个基于 Vue3 和 TypeScript 的开源后台管理系统模板，它包含了众多的组件和插件，可以帮助开发者快速构建出高质量的后台管理系统。Vue Vben Admin 具有极高的可扩展性和灵活性，可以轻松地满足不同的业务需求。它还提供了丰富的文档和示例代码，使得开发者可以快速上手并进行开发

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

在线地址：https://vben.vvbin.cn/#/login?redirect=/dashboard

4、newbee-mall-vue3-app

Star: 4.9k

是一个基于 Vue 3 和 TypeScript 的电商前端项目，它是 newbee-mall 项目的升级版。该项目包含了商品列表、商品详情、购物车、订单结算等功能，同时还使用了 Element Plus UI 组件库和 Axios 库等

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

在线地址：http://47.99.134.126:5008

5、PPTist

Star: 4.1k

是一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用，还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，支持导出本地 PPTX 文件，支持移动端基础编辑和预览，支持 PWA

github地址:https://github.com/pipipi-pikachu/PPTist

在线地址：https://pipipi-pikachu.github.io/PPTist/

6、PicGo

Star: 20.3k

是一款开源的图片上传工具，它可以帮助用户快速上传图片到各种云存储平台，包括七牛云、腾讯云、阿里云、又拍云等等

github地址:https://github.com/Molunerfinn/PicGo

7、vue3-composition-admin

Star: 2.6k

是一个基于 Vue3 和 TypeScript 的后台管理系统模板，使用了最新的 Vue3 组合式 API 和 Element Plus UI 组件库。它提供了一些常用的功能模块，如登录、权限管理、菜单管理、用户管理等，个人认为在UI方面还是挺让人耳目一新的

github地址：https://github.com/RainManGO/vue3-composition-admin

在线地址： https://admin-tmpl-test.rencaiyoujia.cn/

8、 vue-admin-better

Star: 14.1k

Vue-admin-better是一个基于Vue.js和Element UI的开源后台管理系统模板，它提供了一组丰富的组件和布局，可以快速构建出美观、易用、高效的后台管理系统。该项目的特点包括：
  1. 高度可定制化：可以根据需要自定义主题、组件、布局等。
  2. 响应式布局：可以适应不同的屏幕大小和设备类型。
  3. 多语言支持：支持多种语言，方便国际化应用。
  4. 数据可视化：提供了多种数据可视化图表，方便数据分析和展示。
  5. 权限管理：支持基于角色的权限管理，可以灵活控制用户的访问权限。

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

9、movie-trailer

Star: 413

Vue3 + TypeScript开发的电影预告片webAPP，可以查看正在热映与即将上映的电影信息和短片

github地址:https://github.com/lhz960904/movie-trailer

后台api接口仓库地址：https://github.com/lhz960904/movie-api

10、vue3-jd-h5

Star: 688

vue3-jd-h5 是一个使用 Vue 3 和 TypeScript 开发的移动端电商网站项目。该项目模仿了京东商城的页面，包括首页、分类页、购物车、个人中心等功能，该项目使用了 Vue 3 的新特性，如 Composition API 和 Teleport，让代码更加简洁易读。同时，还使用了 Vue Router 和 Vuex 管理路由和状态，提供了更好的用户体验和数据管理

github地址:https://github.com/geekskai/vue3-jd-h5

在线地址：http://gankai.gitee.io/vue-jd-

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

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

相关文章

电脑找不到msvcr110.dll怎么办？电脑msvcr110.dll丢失怎么解决？

电脑找不到msvcr110.dll怎么办？电脑msvcr110.dll丢失怎么解决？

在使用某些软件或游戏时，有时会出现找不到msvcr110.dll文件的错误提示，这会导致程序无法正常运行。这个问题通常是由于缺少Visual C msvcr110.dll引起的。下面是解决这个问题的几个方法： msvcr110.dll的解决方法一 直接使用dll修复程序进行修…
阅读更多...
videojs扩展方法，自定义功能

videojs扩展方法，自定义功能

8版本不支持extend，8支持es6扩展 videojsextend
阅读更多...
DeepGPS: Deep Learning Enhanced GPS Positioning in Urban Canyons

DeepGPS: Deep Learning Enhanced GPS Positioning in Urban Canyons

DeepGPS: Deep Learning Enhanced GPS Positioning in Urban Canyons IEEE TMC｜深度学习增强的城市峡谷GPS定位 https://github.com/bducgroup/DeepGPS 文章目录 DeepGPS: Deep Learning Enhanced GPS Positioning in Urban CanyonsAbstract1 INTRODUCTION2 BACKGRO…
阅读更多...
【C++】如何克服红黑树的恐惧？看这篇文章足够了

【C++】如何克服红黑树的恐惧？看这篇文章足够了

红黑树的实现会比AVL简单-.- 文章目录 判断是否是AVL树一、红黑树二、红黑树的实现总结 判断是否是AVL树 上一篇文章我们详细介绍了AVL树并且实现了AVL树，这篇文章我们将在前言中引入判断是否是AVL树的方法，然后我们就进入红黑树的实现，如果…
阅读更多...
从0到1精通性能测试，需求到实战压力测试实例（详情）你要的都有...

从0到1精通性能测试，需求到实战压力测试实例（详情）你要的都有...

目录：导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结（尾部小惊喜） 前言 性能测试需求分析…
阅读更多...
David Silver Lecture 9:Exploration and Exploitation

David Silver Lecture 9:Exploration and Exploitation

1 Introduction 1.1 Outline 1.1.1 Exploration vs. Exploitation Dilemma 1.1.2 examples 1.1.3 principles Naive Exploration 在前面的章节主要使用的是naive exploration的方法Optimistic Initialisation 这种方法的思想是，我们对每个动作的奖励给出一个乐观的…
阅读更多...
C语言深度解刨(一)——关键字

C语言深度解刨(一)——关键字

文章目录 前言关键字定义和声明，你懂了吗？最宽宏大量关键字——auto最快的关键字——register最名不副实的关键字——static修饰变量修饰函数 基本数据类型——short、int、long、char、flaot、double变量命名规则 最冤枉的关键字——sizeof常年被人误认…
阅读更多...
Java开发 - 不知道算不算详细的分布式锁详解

Java开发 - 不知道算不算详细的分布式锁详解

前言 今天给大家带来一篇关于分布式锁的好文，关于分布式系统下的内容，博主已经写了好几篇了，也收获了大家的不少好评。分布式系统在目前的开发中所占的比重还是比较大的，如果你还没接触过分布式系统，那么欢迎你去学习…
阅读更多...
操作文件 --Java EE

操作文件 --Java EE

目录 一、文件的概念 二、文件的目录（directory） 三、文件路径（Path） 四、文件的分类 五、文件的操作 1.文件系统的操作 1.1创建文件--createNewFile( ) 1.2删除文件--delete( ) 和 deleteOnExit( ) 1.3文件改名--renam…
阅读更多...
2023ICPC西安邀请赛

2023ICPC西安邀请赛

比赛完由于被旅游、赶ddl、上班等等各种事情影响，导致我现在才有时间可以写写小作文，这中间隔得时间有点长了，已经不知道从哪开始说起了，灵感也都流失了… before Friday 比赛前一个周，我的队友djk，也是我…
阅读更多...
HNU-计算机系统-Challenge

HNU-计算机系统-Challenge

Challenge 计科210X wolf 202108010XXX 本题是从属于第七次讨论课的个人题，听说做了有加分？我来试试。 下面是相关报告。 题目： C 语言的初学者第一个编写的 C 代码一般是如下所示的“ #include <stdio.h> int main() {printf("Hello, World!");
阅读更多...
003 - STM32固件库GPIO（三）位带操作

003 - STM32固件库GPIO（三）位带操作

目前掌握的对GPIO引脚的输入输出操作只能使用BSRRL/H、I/ODR寄存器&#xff0c;记得以前学51的时候&#xff0c;对于引脚的输入输出可以采用关键字sbit实现位定义,例如 sbit LED1 P1^3;在STM32中没有类似于sbit一样的关键字&#xff0c;但是提供了位带操作来实现类似于51的为…
阅读更多...
网络协议与攻击模拟-11-DHCP协议原理

网络协议与攻击模拟-11-DHCP协议原理

DHCP 协议 1、掌握 DHCP 的工作原理 2、会在 Windows server 上去部署 DHCP 服务 3、抓流量 &#xff0e;正常 收到攻击后 一、 DHCP 1、 DHCP 基本概念 dhcp &#xff08;动态主机配置协议&#xff09;&#xff1a;主要就是给客户机提供 TCP / IP 参数&#xff08; IP 地…
阅读更多...
微信小程序nodejs+vue社区居民健康服务系统uniapp

微信小程序nodejs+vue社区居民健康服务系统uniapp

系统分为社区居民&#xff0c;管理员&#xff0c;县区工作员&#xff0c;社区工作员三个角色 县区工作员的主要功能&#xff1a; 1.对社区的工作人员进行添加&#xff0c;修改&#xff0c;删除&#xff0c;查询 2.疫情专栏的信息进行添加&#xff0c;修改&#xff0c;删除&…
阅读更多...
特瑞仕 ：8种PCB接地方案+14种PCB接地技巧

特瑞仕 ：8种PCB接地方案+14种PCB接地技巧

​在PCB设计中&#xff0c;接地是非常重要的一环&#xff0c;它涉及到整个电路的性能、可靠性和EMI等问题。在实际设计中&#xff0c;有多种接地方案和技巧可供选择&#xff0c;如何选择合适的接地方案和技巧对于设计的成功至关重要。本文将详细介绍8种常见的PCB接地方案和14种…
阅读更多...
【软考】系统集成项目管理工程师 第1章 信息化知识

【软考】系统集成项目管理工程师 第1章 信息化知识

文章目录 1.1 信息与信息化1.1.1 信息1.1.2 信息系统1.1.3 信息化1.1.4 国家信息化体系要素1.1.5 信息技术发展趋势 1.3 电子政务1.3.1电子政务的概念和内容1.3.2我国电子政务开展的现状1.3.3电子政务建设的指导思想和发展方针1.3.4电子政务建设的发展方向和应用重点 1.4 企业信…
阅读更多...
分布式锁问题_演示问题

分布式锁问题_演示问题

通过idea创建两个服务 启动Nginx服务 下载Nginx windows服务&#xff0c;官网nginx: download 当然我这里提供了&#xff1a; 我们打开nginx的conf目录&#xff0c;然后打开配置文件nginx.conf进行配置&#xff1a; upstream test{ server localhost:9090 ; se…
阅读更多...
geoserver跨域问题多种解决方案

geoserver跨域问题多种解决方案

geoserver发布服务完成之后&#xff0c;很重要的一个应用场景是前端服务调用&#xff0c;来展示服务数据&#xff0c;那么很可能遇到一个跨域问题&#xff0c;今天我们分享一下跨越问题的多种解决方案&#xff0c;来适用不同需求的业务场景。 一、nginx服务均衡策略 如果你的…
阅读更多...
Spring：Spring 框架概述、IoC 设计思想、依赖注入、各种配置

Spring：Spring 框架概述、IoC 设计思想、依赖注入、各种配置

文章目录 Spring&#xff1a;Day 01一、简介1. 概述2. Spring 组成 二、IoC 设计思想三、编写一个 Spring四、IoC 创建对象方式五、Spring 配置1. 别名2. Bean 的配置3. import 六、依赖注入1. 搭建环境2. Set 注入3. 总结补充&#xff1a;c 命名和 p 命名空间注入 七、Bean 的…
阅读更多...
1.nginx基础学习笔记

1.nginx基础学习笔记

1.nginx基础 一.Nginx介绍 Nginx是十分轻量级的HTTP服务器。Nginx&#xff0c;它的发音为“engine X”&#xff0c;是一个高性能的HTTP和反向代理服务器&#xff0c;同时也是一个IMAP/POP3/SMTP 代理服务器。Nginx是由俄罗斯人 Igor Sysoev为俄罗斯访问量第二的 Rambler.ru站…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023