列表 · vue前端模版地址

外部后臺模版集合地址：http://vue.easydo.work/ # 2024年 30大開源后臺管理系統模板參考來源1：https://www.cnblogs.com/chu1204505056/p/vue3-admin.html 參考來源2：小程序：7Tools 參考來源3：公眾號 ![](https://img.kancloud.cn/94/ec/94ec8472c2dcdd3117234ba4e5042637_896x290.png) 當你寫項目的時候，如何快速的完成一個項目的搭建，這個時候就需要借助到一些模板了，前端開發的一個好處就是，各類UI模板都是相當的齊全的，直接拿來用就可以了，脫離了一行又一行壘代碼的繁瑣的工作，以下的開源后臺管理系統模板是我在逛GitHub的時候看到的，排名先后是按照2020/5月份GitHub上面的star進行排名的。 ## **1：vue-admin-better** 推薦指數：star:14k Github 地址：[https://github.com/chuzhixin/vue-admin-better](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fchuzhixin%2Fvue-admin-better)?Demo體驗：[https://vue-admin-beautiful.com/admin-plus/](https://links.jianshu.com/go?to=https%3A%2F%2Fvue-admin-beautiful.com%2Fadmin-plus%2F) 一個基于 vue2.0 和 Eelement 的控制面板 UI 框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板以及非常的成熟了，并且有相關的社區和維護人員，開發時候遇到問題也不要慌。 ![](https://fastly.jsdelivr.net/gh/chuzhixin/image/2.png) ## **2：AdminLTE** 推薦指數：star:34.7k Github 地址：[https://github.com/almasaeed2010/AdminLTE](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Falmasaeed2010%2FAdminLTE) Demo體驗：[https://adminlte.io/themes/AdminLTE/index2.html](https://links.jianshu.com/go?to=https%3A%2F%2Fadminlte.io%2Fthemes%2FAdminLTE%2Findex2.html) 非常流行的基于 Bootstrap 3.x 的免費的后臺 UI 框架，這是一個非常老牌的后臺管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手來做項目。 ## **3：ant-design-pro** 推薦指數：star：25.2k Github 地址：[https://github.com/ant-design/ant-design-pro](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fant-design%2Fant-design-pro) Demo體驗：[https://preview.pro.ant.design/](https://links.jianshu.com/go?to=https%3A%2F%2Fpreview.pro.ant.design%2F) 這個就不多說了，選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中臺前端/[設計解決方案](https://links.jianshu.com/go?to=https%3A%2F%2Fcloud.tencent.com%2Fsolution%2Fdesign%3Ffrom%3D10680)，文檔齊全，組件豐富，一鍵生成模板，更支持開啟復制黏貼模式哦。 ## **4：layui** 推薦指數：star：21.7k Github 地址：[https://github.com/sentsin/layui/](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fsentsin%2Flayui%2F) Demo體驗：[https://www.layui.com/admin/pro/](https://links.jianshu.com/go?to=https%3A%2F%2Fwww.layui.com%2Fadmin%2Fpro%2F) 經典模塊化前端框架，由職業前端傾情打造，面向全層次的前后端開發者，低門檻開箱即用的前端 UI 解決方案。根據大家的建議，把忘記的這個框架也補充，這個框架有收費和免費的版本，在去年的時候進入過開源中國前端框架最受歡迎的框架前三名，實至名歸，確實很好用，支持單頁面，PC端和響應式移動端。 ## **5：ng2-admin** 推薦指數：star：20.6k Github 地址：[https://github.com/akveo/ngx-admin](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fakveo%2Fngx-admin) Demo體驗：[https://www.akveo.com/ngx-admin/pages/dashboard](https://links.jianshu.com/go?to=https%3A%2F%2Fwww.akveo.com%2Fngx-admin%2Fpages%2Fdashboard) 這是基于 Angular 2, Bootstrap 4 和 Webpack 的后臺管理面板框架，要說前面已經有了react和vue技術棧的模板，那怎么能少的了ng的？雖然在國外用的比較多，國內較少使用，但絲毫不影響ng作為前端框架三大巨頭之一的地位呀。 ## **6：Gentelella** 推薦指數：star：19.1k Github 地址：[https://github.com/puikinsh/gentelella](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fpuikinsh%2Fgentelella) Demo體驗：[https://colorlib.com/polygon/gentelella/index.html](https://links.jianshu.com/go?to=https%3A%2F%2Fcolorlib.com%2Fpolygon%2Fgentelella%2Findex.html) Gentelella 是一個可免費使用的 Bootstrap 管理界面模版，使用群體比較廣泛。這個模版使用默認的 Bootstrap 3 的樣式，還有一系列功能強大的 jQuery 插件和工具，可快速創建管理界面模版或者后臺的 Dashboard。 ## **7：iview-admin** 推薦指數：star：14.7k Github 地址：[https://github.com/iview/iview-admin](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fiview%2Fiview-admin) Demo體驗：[https://admin.iviewui.com/home](https://links.jianshu.com/go?to=https%3A%2F%2Fadmin.iviewui.com%2Fhome) iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 組件庫形成的一套后臺集成解決方案。 ## **8：blur-admin** 推薦指數：star：10.9k Github 地址：[https://github.com/akveo/blur-admin](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fakveo%2Fblur-admin) Demo體驗：[https://www.akveo.com/blur-admin-mint/#/dashboard](https://links.jianshu.com/go?to=https%3A%2F%2Fwww.akveo.com%2Fblur-admin-mint%2F%23%2Fdashboard) BlurAdmin 是一款使用 AngularJs + Bootstrap實現的單頁管理端模版，視覺沖擊極強的管理后臺，各種動畫效果。 ## **9：vue-manage-system** 推薦指數：star:10.6k 地址：[https://github.com/lin-xin/vue-manage-system](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Flin-xin%2Fvue-manage-system)Demo體驗：[https://lin-xin.gitee.io/example/work/#/dashboard](https://links.jianshu.com/go?to=https%3A%2F%2Flin-xin.gitee.io%2Fexample%2Fwork%2F%23%2Fdashboard) vue-manage-system，一個基于 Vue.js 和 element-ui 的后臺管理系統模板，挺喜歡這個界面的UI，簡約清晰不累贅，多功能的后臺框架模板，適用于絕大部分的后臺管理系統開發。 ## **10：material-dashboard** 推薦指數：star：9.1k Github 地址：[https://github.com/creativetimofficial/material-dashboard](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fcreativetimofficial%2Fmaterial-dashboard) Demo體驗：[https://demos.creative-tim.com/material-dashboard](https://links.jianshu.com/go?to=https%3A%2F%2Fdemos.creative-tim.com%2Fmaterial-dashboard) 基于 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。 ## **11：d2-admin** 推薦指數：star:8.7k github地址：[https://github.com/d2-projects/d2-admin](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fd2-projects%2Fd2-admin) D2Admin 是一個完全開源免費的企業中后臺產品前端集成方案，基于 vue.js 和 ElementUI 的管理系統前端解決方案，小于 60kb 的本地首屏 js 加載,已經做好大部分項目前期準備工作 ## **12：vuestic-admin** 推薦指數：star:7.1k GitHub:[https://github.com/epicmaxco/vuestic-admin](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fepicmaxco%2Fvuestic-admin) Demo體驗：[https://vuestic.epicmax.co/admin/dashboard](https://links.jianshu.com/go?to=https%3A%2F%2Fvuestic.epicmax.co%2Fadmin%2Fdashboard) vuestic-admin管理臺儀表盤是一個響應式的儀表盤模板，采用Bootstrap 4和Vue.js構建。這個精美的管理臺模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用于登錄和注冊的預建頁面。 ## **13：tdesign-vue-next-starter** 訪問地址：https://tdesign.tencent.com/starter/vue-next/dashboard/base TDesign Vue Next Starter 是一個基于 TDesign 開發的，`Vue 3`可`Vite`自定義主題配置，旨在為項目提供開箱即用、配置式的中后臺項目。`Pinia``TypeScript` GitHub地址：https://github.com/Tencent/tdesign-vue-next-starter ## **14：**[soybean-admin](https://github.com/soybeanjs/soybean-admin) [`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin)是一個清新優雅、高顏值且功能強大的后臺管理模板，基于最新的前端技術棧，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它內置了豐富的主題配置和組件，代碼規范嚴謹，實現了自動化的文件路由系統。此外，它還采用了基于 ApiFox 的在線Mock數據方案。`SoybeanAdmin`為您提供了一站式的后臺管理解決方案，無需額外配置，開箱即用。同樣是一個快速學習前沿技術的最佳實踐。 GitHub地址：https://github.com/honghuangdc/soybean-admin ## **15：[opentiny](https://github.com/opentiny)[tiny-vue](https://github.com/opentiny/tiny-vue)** [![OpenTiny 徽標](https://github.com/opentiny/tiny-vue/raw/dev/logo.svg)](https://opentiny.design/tiny-vue) 企業級 UI 組件庫，支持 Vue.js 2 和 Vue.js 3，支持 PC 和移動端。 English |[簡體中文](https://github.com/opentiny/tiny-vue/blob/dev/README.zh-CN.md) ?? 特點： * ??104 個干凈、易于使用且功能強大的組件。 * ?? 一份代碼，同時支持 Vue.js 2 和 Vue.js 3。 * ???一個代碼，支持PC和手機。 * ?? 支持國際化。 * ??支持主題定制。 * ?? 組件支持配置化開發，可支持低代碼平臺。 * ?? 采用跨端跨框架架構，靈活、可移植。 GitHub地址：https://github.com/opentiny/tiny-vue ## **16：[build-admin](https://github.com/build-admin)** ### 介紹 [](https://github.com/build-admin/buildadmin#%E4%BB%8B%E7%BB%8D) ?? 基于 Vue3.3 + ThinkPHP8 + TypeScript + Vite + Pinia + Element Plus 等流行技術棧的后臺管理系統，支持常駐內存運行、可視化CRUD代碼生成、自帶WEB終端、自適應多端、同時提供Web、WebNuxt、Server端、內置全局數據回收站和字段級數據修改保護、自動注冊路由、無限子級權限管理等，無需授權即可免費商用，希望能幫助大家實現快速開發。 GitHub地址：https://github.com/build-admin/buildadmin ## **17：[zclzone](https://github.com/zclzone)[vue-naive-admin](https://github.com/zclzone/vue-naive-admin)** Vue Naive Admin 是一款極簡風格的后臺管理模板，包含前后端解決方案，前端使用 Vite + Vue3 + Pinia + Unocss，后端使用 Nestjs + TypeOrm + MySql，簡單易用，賞心悅目，歷經十幾次重構和細節打磨，誠意滿滿！！ GitHub：https://github.com/zclzone/vue-naive-admin ## **18：[cool-team-official](https://github.com/cool-team-official)** [](https://github.com/cool-team-official/cool-admin-vue#cool-admin-vue3---ts---vite) [![cool-admin Logo](https://camo.githubusercontent.com/02278d23387d17e787ac0d742fbc0aa82ece2a47c209cfb6fbdd451a41e88165/68747470733a2f2f61646d696e2e636f6f6c2d6a732e636f6d2f6c6f676f2e706e67)](https://show.cool-admin.com/) cool-admin 一個很酷的后臺權限管理系統，開源免費，模塊化、插件化、極速開發 CRUD，方便快速構建迭代后臺管理系統，到[文檔](https://cool-js.com/)進一步了解 [![GitHub license](https://camo.githubusercontent.com/968fd36a2415616f033b8588ef156e8f23d6e4c1e864f7908e252ad73e10c23d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e3f7374796c653d666c61742d737175617265)](https://github.com/cool-team-official/cool-admin-vue/blob/master/LICENSE)[![GitHub tag](https://camo.githubusercontent.com/dee07be3fb57291a14b22ad86c37bb51e5391a2d32b79ac7515d08f58b4833a6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f762f636f6f6c2d7465616d2d6f6666696369616c2f636f6f6c2d61646d696e2d7675653f7374796c653d666c61742d737175617265)](https://github.com/cool-team-official/cool-admin-vue/blob/7.x)[![GitHub tag](https://camo.githubusercontent.com/dd2034790e0f329920c8a59826ebb702c22b35418c2ce53a9c5dc643a6063b86/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f636f6f6c2d7465616d2d6f6666696369616c2f636f6f6c2d61646d696e2d7675653f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/dd2034790e0f329920c8a59826ebb702c22b35418c2ce53a9c5dc643a6063b86/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f636f6f6c2d7465616d2d6f6666696369616c2f636f6f6c2d61646d696e2d7675653f7374796c653d666c61742d737175617265) ## 特性 [](https://github.com/cool-team-official/cool-admin-vue#%E7%89%B9%E6%80%A7) Ai時代，很多老舊的框架已經無法滿足現代化的開發需求，Cool-Admin開發了一系列的功能，讓開發變得更簡單、更快速、更高效。 * **Ai編碼**：通過微調大模型學習框架特有寫法，實現簡單功能從Api接口到前端頁面的一鍵生成 * **流程編排**：通過拖拽編排方式，即可實現類似像智能客服這樣的功能 * **模塊化**：代碼是模塊化的，清晰明了，方便維護 * **插件化**：插件化的設計，可以通過安裝插件的方式擴展如：支付、短信、郵件等功能 GitHub：https://github.com/cool-team-official ## **19：[koi-ui](https://gitee.com/BigCatHome/koi-ui "koi-ui")** GitHub：https://gitee.com/BigCatHome/koi-ui ## 簡介 KOI-UI?? 是一款開源企業級別的中后臺管理平臺模板，基于 Vue3、Vite、TypeScript、Pinia、Pinia持久化插件、Unocss 和 ElementPlus等前端最新技術棧。相較于其他比較流行的后臺管理模板，更加簡潔、快捷和容易理解，對萌新小白十分友好。此項目學習成本非常低含有相關代碼注釋以及大量的案例，非常適合企業級項目、中小型項目、個人項目以及畢業設計。后續將用戶、角色、菜單、字典管理和通用管理平臺頁面依次編寫，做到直接對接后端接口即可，使之快速開發。常見的組件有小伙伴提供可提issus會依次封裝進去展示。 ## **20：[vue3-antdv-admin](https://github.com/buqiyuan/vue3-antdv-admin)** GitHub：https://github.com/buqiyuan/vue3-antdv-admin?tab=readme-ov-file # vue3-antdv-admin [](https://github.com/buqiyuan/vue3-antdv-admin?tab=readme-ov-file#vue3-antdv-admin) 基于 vite5.x + vue3.x + antd-design-vue4.x + typescript5.x 的后臺管理系統 * 賬號：admin，密碼：a123456 * [在線預覽](http://buqiyuan.gitee.io/vue3-antdv-admin/) * [項目文檔](https://buqiyuan.github.io/vue3-antdv-admin-docs/) * [swagger 文檔](https://nest-api.buqiyuan.site/api-docs/) * [后端倉庫地址](https://github.com/buqiyuan/nest-admin) * [gitee 地址](https://gitee.com/buqiyuan/vue3-antdv-admin) * 根據 JSON 生成 typescript 的工具：[http://json2ts.com/](http://json2ts.com/) ## **21：[Geeker-Admin](https://github.com/HalseySpicy/Geeker-Admin)** GitHub：https://github.com/HalseySpicy/Geeker-Admin ### 介紹 ?? [](https://github.com/HalseySpicy/Geeker-Admin#%E4%BB%8B%E7%BB%8D-) Geeker-Admin 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 開源的后臺管理框架，使用目前最新技術棧開發。項目提供強大的[ProTable](https://juejin.cn/post/7166068828202336263)組件，在一定程度上提高您的開發效率。另外本項目還封裝了一些常用組件、Hooks、指令、動態路由、按鈕級別權限控制等功能。 ## **22： [Fantastic-admin](https://gitee.com/fantastic-admin "Fantastic-admin")/[basic](https://gitee.com/fantastic-admin/basic "basic")** GitHub：https://gitee.com/fantastic-admin/basic ### Fantastic-admin 一款**開箱即用**的 Vue3 中后臺管理系統框架 [官網](https://gitee.com/link?target=https%3A%2F%2Ffantastic-admin.hurui.me)?|?[備用地址](https://gitee.com/link?target=https%3A%2F%2Ffantastic-admin.pages.dev) [![](https://img.shields.io/github/license/fantastic-admin/basic?label=%E5%BC%80%E6%BA%90%E5%8D%8F%E8%AE%AE&style=flat-square)](https://gitee.com/fantastic-admin/basic###)[![](https://img.shields.io/github/v/release/fantastic-admin/basic?label=%E5%BD%93%E5%89%8D%E7%89%88%E6%9C%AC&style=flat-square)](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Ffantastic-admin%2Fbasic%2Freleases) ## **23： [vueCms](https://gitee.com/derekgo/vue-cms_xg "vueCms")** Gitee：https://gitee.com/derekgo/vue-cms_xg.git ### 項目技術問題集合 [https://blog.csdn.net/qq\_36977923/article/details/139337084](https://gitee.com/link?target=https%3A%2F%2Fblog.csdn.net%2Fqq_36977923%2Farticle%2Fdetails%2F139337084) # [](https://gitee.com/derekgo/vue-cms_xg#%E5%9C%A8%E7%BA%BF%E4%BD%93%E9%AA%8C)??在線體驗 * 項目安裝教程：[https://www.bilibili.com](https://gitee.com/link?target=https%3A%2F%2Fwww.bilibili.com%2Fvideo%2FBV1JC4y1k7LP) * 開發文檔：[doc.vuecms.cn](https://gitee.com/link?target=https%3A%2F%2Fdoc.vuecms.cn%2FvueCms%2Fintro.html) * 后臺地址：[vueCms.cn](https://gitee.com/link?target=https%3A%2F%2Fwww.vuecms.cn) [![star](https://gitee.com/derekgo/vue-cms_xg/badge/star.svg?theme=dark)](https://gitee.com/derekgo/vue-cms_xg/stargazers)[![fork](https://gitee.com/derekgo/vue-cms_xg/badge/fork.svg?theme=dark)](https://gitee.com/derekgo/vue-cms_xg/members)[![License](https://img.shields.io/badge/license-Apache%202-4EB1BA.svg)](https://gitee.com/link?target=https%3A%2F%2Fwww.apache.org%2Flicenses%2FLICENSE-2.0.html) # [](https://gitee.com/derekgo/vue-cms_xg#-%E7%AE%80%E4%BB%8B)? 簡介一個開箱即用，前端基于`vite 2`+`vue 3`+`typeScript`+`element Plus`+`pinia`+`vue-router 4`的PC端項目模板。后端由`nestjs`構建高效、可擴展的 Node.js 服務器端應用程序的開發框架。 ## **24：**[vue-vben-admin](https://github.com/vbenjs/vue-vben-admin) GitHub：https://github.com/vbenjs/vue-vben-admin.git #### 介紹 [](https://github.com/vbenjs/vue-vben-admin/tree/v2#introduction) Vue Vben Admin 是一款免費開源的中臺/后端模板，采用最新的`vue3`、、`vite4`等`TypeScript`主流技術，是生產和學習用途的開箱即用的前端解決方案。 ## 特征 [](https://github.com/vbenjs/vue-vben-admin/tree/v2#features) * **先進的技術棧**：采用最新、最流行的前端技術，如Vue3/vite2 * **TypeScript**：應用程序級 JavaScript 語言 * **主題**：可配置主題 * **國際化**：內置 i18n 支持 * **響應模擬**：內置響應模擬能力 * **權限**：基于動態路線的內置權限系統。 * **Component**：提取并封裝了適合各種場景的組件。 ## 預覽 [](https://github.com/vbenjs/vue-vben-admin/tree/v2#preview) * [vue-vben-admin](https://vben.vvbin.cn/)\- 完整版（中文） * [vue-vben-admin-gh-pages](https://anncwb.github.io/vue-vben-admin/)\- 完整版（github 托管） * [vben-admin-thin-next](https://vben.vvbin.cn/thin/next/)\- 簡體中文版 * [vben-admin-thin-gh-pages-](https://anncwb.github.io/vben-admin-thin-next/)簡化版本（github托管）測試賬號：vben/123456 ## **25：[vue-vben-admin](https://github.com/vbenjs/vue-vben-admin)** GitHub：https://github.com/vbenjs/vue-vben-admin.git ##### Vue Vben 管理員 [](https://github.com/vbenjs/vue-vben-admin#vue-vben-admin) [![質量門狀態](https://camo.githubusercontent.com/e117f5c6957144261dabaf5691aa24c5201f96aabe04bfb9880ab35c6afa20dc/68747470733a2f2f736f6e6172636c6f75642e696f2f6170692f70726f6a6563745f6261646765732f6d6561737572653f70726f6a6563743d7662656e6a735f7675652d7662656e2d61646d696e266d65747269633d616c6572745f737461747573)](https://sonarcloud.io/summary/new_code?id=vbenjs_vue-vben-admin)[![代碼質量](https://github.com/vbenjs/vue-vben-admin/actions/workflows/codeql.yml/badge.svg)](https://github.com/vbenjs/vue-vben-admin/actions/workflows/codeql.yml/badge.svg)[![建造](https://github.com/vbenjs/vue-vben-admin/actions/workflows/build.yml/badge.svg)](https://github.com/vbenjs/vue-vben-admin/actions/workflows/build.yml/badge.svg)[![西](https://github.com/vbenjs/vue-vben-admin/actions/workflows/ci.yml/badge.svg)](https://github.com/vbenjs/vue-vben-admin/actions/workflows/ci.yml/badge.svg)[![部署](https://github.com/vbenjs/vue-vben-admin/actions/workflows/deploy.yml/badge.svg)](https://github.com/vbenjs/vue-vben-admin/actions/workflows/deploy.yml/badge.svg) **English**|[中文](https://github.com/vbenjs/vue-vben-admin/blob/main/README.zh-CN.md)|[日本語](https://github.com/vbenjs/vue-vben-admin/blob/main/README.ja-JP.md) ## 介紹 [](https://github.com/vbenjs/vue-vben-admin#introduction) Vue Vben Admin 是一款免費開源的中后端模板，采用最新的`vue3`、、`vite`等`TypeScript`主流技術開發，開箱即用的中后端前端解決方案，也可供學習參考。 ## 升級通知 [](https://github.com/vbenjs/vue-vben-admin#upgrade-notice) 這是最新版本 5.0，與之前的版本不兼容。如果您正在啟動新項目，建議使用最新版本。如果您想查看舊版本，請使用[v2 分支](https://github.com/vbenjs/vue-vben-admin/tree/v2)。 ## **26：[vue-pure-admin](https://github.com/pure-admin/vue-pure-admin)** GitHub：https://github.com/pure-admin/vue-pure-admin #### vue-pure-admin [](https://github.com/pure-admin/vue-pure-admin#vue-pure-admin) [![GitHub license](https://camo.githubusercontent.com/20f70f08f4c033a6b991db57ad500e13dae591043198a54e80359638aa7e37fa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f707572652d61646d696e2f7675652d707572652d61646d696e3f7374796c653d666c6174)](https://camo.githubusercontent.com/20f70f08f4c033a6b991db57ad500e13dae591043198a54e80359638aa7e37fa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f707572652d61646d696e2f7675652d707572652d61646d696e3f7374796c653d666c6174)[![GitHub stars](https://camo.githubusercontent.com/bf4c1c74d614169a4db560ab65513b6e421de4715291b64c9be9e34bc219b6ad/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f707572652d61646d696e2f7675652d707572652d61646d696e3f636f6c6f723d666136343730267374796c653d666c6174)](https://camo.githubusercontent.com/bf4c1c74d614169a4db560ab65513b6e421de4715291b64c9be9e34bc219b6ad/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f707572652d61646d696e2f7675652d707572652d61646d696e3f636f6c6f723d666136343730267374796c653d666c6174)[![GitHub forks](https://camo.githubusercontent.com/9ed8f0adc51e7491f142d035c1c1d4670e465204f824b6e57d3f982a0c2236aa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f707572652d61646d696e2f7675652d707572652d61646d696e3f7374796c653d666c6174)](https://camo.githubusercontent.com/9ed8f0adc51e7491f142d035c1c1d4670e465204f824b6e57d3f982a0c2236aa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f707572652d61646d696e2f7675652d707572652d61646d696e3f7374796c653d666c6174) **中文**|[English](https://github.com/pure-admin/vue-pure-admin/blob/main/README.en-US.md) ## 簡介 [](https://github.com/pure-admin/vue-pure-admin#%E7%AE%80%E4%BB%8B) `vue-pure-admin`是一款開源免費且開箱即用的中后臺管理系統模版。完全采用`ECMAScript`模塊（`ESM`）規范來編寫和組織代碼，使用了最新的`Vue3`、`Vite`、`Element-Plus`、`TypeScript`、`Pinia`、`Tailwindcss`等主流技術開發 ## 研發理念 ## **27：[nova-admin](https://github.com/chansee97/nova-admin)** GitHub：https://github.com/chansee97/nova-admin ## 介紹 [](https://github.com/chansee97/nova-admin#introduction) [Nova-admin](https://github.com/chansee97/nova-admin)是一款基于 Vue3、Vite5、Typescript、Naive UI 開發的簡潔干凈的后端管理模板，用簡單的方式實現了完整的功能，同時兼顧了代碼規范、可讀性，避免了過度封裝，方便二次開發。 * [Nova-Admin 預覽](https://nova-admin.pages.dev/) * [Nova-Admin 文檔](https://nova-admin-docs.pages.dev/) ## **28： [layui-vue-admin](https://gitee.com/layui-vue/layui-vue-admin "layui-vue-admin")** Gitee：https://gitee.com/layui-vue/layui-vue-admin.git ### layui vue admin #### [](https://gitee.com/layui-vue/layui-vue-admin#%E5%BC%80-%E7%AE%B1-%E5%8D%B3-%E7%94%A8-%E7%9A%84-layui-vue-%E4%BC%81-%E4%B8%9A-%E7%BA%A7-%E5%89%8D-%E7%AB%AF-%E6%A8%A1-%E6%9D%BF)開箱即用的 layui vue 企業級前端模板 [官網](https://gitee.com/link?target=http%3A%2F%2Fwww.layui-vue.com%2F)|[預覽](https://gitee.com/link?target=http%3A%2F%2Fadmin.layui-vue.com%2F) [![Pear Admin Pro Version](https://img.shields.io/badge/layui%20vue%20admin-1.0.0-green.svg)](https://gitee.com/layui-vue/layui-vue-admin#)[![Vue Version](https://img.shields.io/badge/vue-3.0.0+-green.svg)](https://gitee.com/layui-vue/layui-vue-admin#)[![Ant Design Vue Version](https://img.shields.io/badge/layui%20vue-2.6.3-green.svg)](https://gitee.com/layui-vue/layui-vue-admin#)[![Node Version](https://img.shields.io/badge/node-16.0.0-red.svg)](https://gitee.com/layui-vue/layui-vue-admin#) ![](https://gitee.com/layui-vue/layui-vue-admin/raw/master/resources/1.jpg) ### [](https://gitee.com/layui-vue/layui-vue-admin#-%E9%A1%B9%E7%9B%AE%E6%A6%82%E8%BF%B0)?? 項目概述 * 基于 Layui Vue 實現的通用前端模板。整合最新技術高效快速開發，前后端分離模式，開箱即用。 * 核心模塊包括：登錄、工作空間、表單頁面、列表頁面、結果頁面、異常頁面等功能。 * 代碼量少、學習簡單、功能強大、輕量級、易擴展，輕松開發從現在開始！ ## **29：[arco-design-pro](https://github.com/arco-design/arco-design-pro)** GitHub：https://github.com/arco-design/arco-design-pro.git ## 特點 [](https://github.com/arco-design/arco-design-pro#-features) * **TypeScript**\- 代碼完全用 TypeScript 編寫 * **Arco Design - 由**[ArcoDesign React](https://github.com/arco-design/arco-design)組件庫提供支持 * **模板**——16+頁面模板，涵蓋表格、列表、表單、儀表板、可視化等場景。 * **主題**——基于[DesignLab](https://arco.design/themes)豐富的主題市場，讓你的項目千變萬化。 * **深色主題**\- 一鍵切換至深色主題。 * **Mock**\- 內置 API 模擬解決方案 * **靈活**\- 靈活的多架構解決方案，支持[next.js](https://github.com/vercel/next.js)/[vite](https://github.com/vitejs/vite)/[cra](https://github.com/facebook/create-react-app)等開發框架 * **I18n**\- 內置國際化多語言解決方案 * **配置**——靈活配置頁面顏色、布局等 ## **30：**[continew-admin](https://github.com/continew-org/continew-admin) GitHub：https://github.com/continew-org/continew-admin.git ### ContiNew Admin 中后臺管理框架 [](https://github.com/continew-org/continew-admin#continew-admin-%E4%B8%AD%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E6%A1%86%E6%9E%B6) [![License](https://camo.githubusercontent.com/730456e98eb64e540dc6e36880d1ad4cff3f048f1a6e48ab586c6b1a3c3efbcc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4170616368652d2d322e302d626c75652e737667)](https://github.com/continew-org/continew-admin/blob/dev/LICENSE)[![Release](https://camo.githubusercontent.com/70820cc7d8c20fe5cc523bfa927ba9bafae9e5884abec3944743f7729c01fbd0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f52454c454153452d76332e342e302d2532336666336635392e737667)](https://github.com/continew-org/continew-admin)[![Codacy Badge](https://camo.githubusercontent.com/793aca0b20d5a9f5838d8d097c78bce59aded0b900e4c1c7716acf78809312c1/68747470733a2f2f6170702e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f3139653365323339356435353465666539303263333832326536356462333065)](https://app.codacy.com/gh/continew-org/continew-admin/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)[![Sonar Status](https://camo.githubusercontent.com/08fd397b428d402ff9cbe67913979c42b391ba4c52f15de45a4a8f790d4d6914/68747470733a2f2f736f6e6172636c6f75642e696f2f6170692f70726f6a6563745f6261646765732f6d6561737572653f70726f6a6563743d436861726c657337635f636f6e74696e65772d61646d696e266d65747269633d616c6572745f737461747573)](https://sonarcloud.io/summary/new_code?id=Charles7c_continew-admin)[![ContiNew Starter](https://camo.githubusercontent.com/13303ab44473d13d3891224ead25517193fe651f18a0c6fd157a2e029e11089c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f436f6e74694e657720537461727465722d322e372e342d2532333643423532442e737667)](https://github.com/continew-org/continew-starter)[![Spring Boot](https://camo.githubusercontent.com/e26b414bdec7f4ca98adc77456f0a0dd96be998cea0c89b405ca485df8783e13/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f537072696e6720426f6f742d332e322e31302d2532333643423532442e7376673f6c6f676f3d537072696e672d426f6f74)](https://spring.io/projects/spring-boot)[![Open JDK](https://camo.githubusercontent.com/70f06cfcaef872796c08f125a6cd3d30f1e243c2b8e5dc0b5f13e7c96e6e7a78/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4f70656e204a444b2d31372d2532333643423532442e7376673f6c6f676f3d4f70656e4a444b266c6f676f436f6c6f723d464646)](https://github.com/continew-org/continew-starter)[![GitHub stars](https://camo.githubusercontent.com/ba91bebe8207637ebf0078653bf45a8bfe64a593a71e42711d11722f35b287c4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f636f6e74696e65772d6f72672f636f6e74696e65772d61646d696e3f7374796c653d736f6369616c)](https://github.com/continew-org/continew-admin)[![GitHub forks](https://camo.githubusercontent.com/4f5db142d3ec5ba958de1c9e8f14596624b9e44ef517e63eee8483b13bf0af98/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f636f6e74696e65772d6f72672f636f6e74696e65772d61646d696e3f7374796c653d736f6369616c)](https://github.com/continew-org/continew-admin)[![Gitee stars](https://camo.githubusercontent.com/75fb67ad8bec45bfaca21d2c69040ee07b4ddf4b02070c676dee77671e4ac101/68747470733a2f2f67697465652e636f6d2f636f6e74696e65772f636f6e74696e65772d61646d696e2f62616467652f737461722e7376673f7468656d653d7768697465)](https://gitee.com/continew/continew-admin)[![Gitee forks](https://camo.githubusercontent.com/34982f94fc592a04d3b9361433a346a48efece6d7869700d7c7dfc4fe48bf1bd/68747470733a2f2f67697465652e636f6d2f636f6e74696e65772f636f6e74696e65772d61646d696e2f62616467652f666f726b2e7376673f7468656d653d7768697465)](https://gitee.com/continew/continew-admin) ??[在線文檔](https://continew.top/)| ??[演示地址](https://admin.continew.top/)（賬號/密碼：admin/admin123） ## 簡介 [](https://github.com/continew-org/continew-admin#%E7%AE%80%E4%BB%8B) ContiNew Admin（Continue New Admin）持續迭代優化的前后端分離中后臺管理系統框架。開箱即用，重視每一處代碼規范，重視每一種解決方案細節，持續提供舒適的前、后端開發體驗。當前采用的技術棧：Spring Boot3（Java17）、Vue3 & Arco Design & TS & Vite、Sa-Token、MyBatis Plus、Redisson、JetCache、JustAuth、Crane4j、EasyExcel、Liquibase、Hutool 等。