大家好,我是 Echa。
今天來分享 15 個(gè)基于 Vue3.0 全家桶的優(yōu)秀開源項(xiàng)目!
1. Vue Admin Better
Github : https://github.com/chuzhixin/vue-admin-better
vue admin better 對(duì)比其他來源 admin 框架有如下優(yōu)勢:
1. 支持前端控制路由權(quán)限 intelligence、后端控制路由權(quán)限 all 模式
2. 已知來源 vue admin 框架中首家支持 mock 自動(dòng)生成自動(dòng)導(dǎo)出功能
3. 提供 50 余項(xiàng)全局精細(xì)化配置
4. 支持 scss 自動(dòng)排序,eslint 自動(dòng)修復(fù)
5. axios 精細(xì)化封裝,支持多數(shù)據(jù)源、多成功 code 數(shù)組,支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多種傳參方式
6. 支持登錄RSA加密
7. 支持打包自動(dòng)生成7Z壓縮包
8. 支持errorlog錯(cuò)誤攔截
9. 支持多主題、多布局切換
預(yù)覽圖:
2. Vue Pure Admin
github:https://github.com/xiaoxian521/vue-pure-admin
vue-pure-admin 是一款開源免費(fèi)且開箱即用的中后臺(tái)管理系統(tǒng)模版。使用了最新的 Vue3 Vite Element-Plus TypeScript Pinia Tailwindcss 等主流技術(shù)開發(fā)
預(yù)覽圖:
3. Vue vben admin
github:https://github.com/vbenjs/vben-admin-thin-next
Vue Vben Admin 是一個(gè)開源的中后臺(tái)模版。使用了最新的 Vue3 Vite TypeScript Pinia Vue Router 等主流技術(shù)開發(fā),開箱即用的中后臺(tái)前端解決方案,也可用于學(xué)習(xí)參考。
預(yù)覽圖:
4. JeecgBoot-Vue3
github :https://github.com/jeecgboot/jeecgboot-vue3
JeecgBoot-Vue3采用 Vue3.0 Vite Ant-Design-Vue3 TypeScript Vue-router Vue-RFCS等新技術(shù)方案,包括二次封裝組件、utils、hooks、動(dòng)態(tài)菜單、權(quán)限校驗(yàn)、按鈕級(jí)別權(quán)限控制等功能。 是JeecgBoot低代碼平臺(tái)的vue3技術(shù)棧的全新UI版本,功能強(qiáng)于vue2版。
預(yù)覽圖:
5. kamiFaka
github:https://github.com/Baiyuetribe/kamiFaka
- Stisla UI:web界面很漂亮
- 前端使用VUE3.0,毫秒級(jí)響應(yīng)
- 已集成支付寶當(dāng)面付、微信官方、Payjs、虎皮椒、YunGouOS、易支付、Mugglepay、V免簽等十幾種支付接口
- 普通用戶支持郵箱、短信接收消息
- 管理員支持郵箱、短信、TG、微信、QQ通知
- 支持2~4層批發(fā)模式
- 長卡密可導(dǎo)出為txt文本
- 多種主題模式【列表、卡片、宮格】
- 支持自定義背景、logo、聯(lián)系方式等
- 支持熱備份,可一鍵云端備份、一鍵導(dǎo)出備份文件到本地
- 數(shù)據(jù)庫可分離,兼容Mysql、PostgreSQL和Sqlite
- 支持移動(dòng)端喚醒支付寶
- JWT認(rèn)證
- Limter保障服務(wù)器訪問頻率和次數(shù)
- 訪客與管理員頁面分離,可獨(dú)立定制
預(yù)覽圖:
6. Vue3-jd-h5
vue3-jd-h5是一個(gè)基于Vue 3.0.0 Vant 3.0.0實(shí)現(xiàn)的電子商務(wù)h5頁面前端項(xiàng)目,主要包括主頁、分類頁面、我的頁面、購物車等。
預(yù)覽圖:
7. Vue3-element-plus-admin
github:https://github.com/gmingchen/vue3-element-plus-admin
Java Vue 有很多優(yōu)秀的后臺(tái)管理系統(tǒng),但是為了可以高效的開發(fā)后臺(tái)權(quán)限管理系統(tǒng)
vue3-element-plus-admin 是一個(gè)基于 Vue3 Element-plus Java 的多企業(yè)后臺(tái)權(quán)限管理系統(tǒng),提供了完善的權(quán)限體系,讓開發(fā)者把注意力集中到具體業(yè)務(wù)當(dāng)中,降低開發(fā)成本,提高項(xiàng)目效率。 可以用于網(wǎng)站管理后臺(tái)、SAAS、CMS、CRM、OA、ERP等,企業(yè)和個(gè)人都可以免費(fèi)使用。歡迎提交PR(需求),若開發(fā)中遇到問題可以上 Github 提 Issues。
預(yù)覽圖:
8. Vue3-bigData
github:https://github.com/biubiubiu01/vue3-bigData
vue3-bigData是一個(gè)可視化系統(tǒng),基于vue3.0 和 echarts實(shí)現(xiàn),使用vue的最新的技術(shù)棧,包括各種可視化圖表。
預(yù)覽圖:
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。
預(yù)覽圖:
10. Vue3.0-web-music
github: https://github.com/woliuCN/vue3.0-web-music
Vue3.0-web-music是一個(gè)基于 Vue 3 TypeScript Vite Pinia Vueuse 開發(fā)的音樂播放器,界面模仿QQ音樂 Mac 客戶端,支持黑夜模式。
11. Vue-data-visualization
github:https://github.com/miyuesc/vue-data-visualization
Vue-data-visualization主要使用 Vue 3 Echarts 5 Element Plus 進(jìn)行開發(fā). 使用原生 JavaScript 實(shí)現(xiàn)元素的拖拽與縮放.
該項(xiàng)目主要為實(shí)現(xiàn)通用的可視化大屏的簡單配置, 對(duì)于特殊圖表仍然需要二次開發(fā).
預(yù)覽圖:
12. Imooc-zhihu-zheye-column
github:https://github.com/marlonchiu/imooc-zhihu-zheye-column
Imooc-zhihu-zheye-column使用 TypeScript Vue3.0 Vue-Router 從零到一測試到上線 高仿知乎專欄
預(yù)覽圖:
13. Vue3.0 Element ShopManage
github:https://github.com/ly1994lyy/Vue3.0_Element_ShopManage
Vue3.0 Element ShopManage基于Vue3.0 TS Element-plus.0的商城后臺(tái)管理系統(tǒng)
預(yù)覽圖:
14.vue3-composition-admin
github:https://github.com/RainManGO/vue3-composition-admin
vue3-composition-admin 是一個(gè)管理端模板的解決方案,它基于 Vue3、TypeScript、Vuex、Vue Router、Element plus,項(xiàng)目都是以 composition api 風(fēng)格編寫。
預(yù)覽圖:
15. newbee-mall-vue3-app
github::https://github.com/newbee-ltd/newbee-mall-vue3-app
newbee-mall-vue3-app 是一個(gè)基于 Vue3 Vue Router4 Vuex4 Vant3 的大型單頁面商城項(xiàng)目。商城系統(tǒng)包含首頁門戶、商品分類、新品上線、首頁輪播、商品推薦、商品搜索、商品展示、購物車、訂單結(jié)算、訂單流程、個(gè)人訂單管理、會(huì)員中心、幫助中心等模塊。
最后
老鐵們,創(chuàng)作不易。如果你有任何想法,歡迎在留言區(qū)和我留言,如果這篇文章幫助到了你,歡迎點(diǎn)贊和關(guān)注
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。