外部后台模版集合地址：http://vue.easydo.work/ # 2024年 30大开源后台管理系统模板 参考来源1：https://www.cnblogs.com/chu1204505056/p/vue3-admin.html 参考来源2：小程序：7Tools 参考来源3：公众号  当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类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技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。  ## **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)** [](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) [](https://show.cool-admin.com/) cool-admin 一个很酷的后台权限管理系统，开源免费，模块化、插件化、极速开发 CRUD，方便快速构建迭代后台管理系统， 到[文档](https://cool-js.com/)进一步了解 [](https://github.com/cool-team-official/cool-admin-vue/blob/master/LICENSE)[](https://github.com/cool-team-official/cool-admin-vue/blob/7.x)[](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://gitee.com/fantastic-admin/basic###)[](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) [](https://gitee.com/derekgo/vue-cms_xg/stargazers)[](https://gitee.com/derekgo/vue-cms_xg/members)[](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://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/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/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) [](https://camo.githubusercontent.com/20f70f08f4c033a6b991db57ad500e13dae591043198a54e80359638aa7e37fa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f707572652d61646d696e2f7675652d707572652d61646d696e3f7374796c653d666c6174)[](https://camo.githubusercontent.com/bf4c1c74d614169a4db560ab65513b6e421de4715291b64c9be9e34bc219b6ad/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f707572652d61646d696e2f7675652d707572652d61646d696e3f636f6c6f723d666136343730267374796c653d666c6174)[](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) [](https://gitee.com/layui-vue/layui-vue-admin#)[](https://gitee.com/layui-vue/layui-vue-admin#)[](https://gitee.com/layui-vue/layui-vue-admin#)[](https://gitee.com/layui-vue/layui-vue-admin#)  ### [](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) [](https://github.com/continew-org/continew-admin/blob/dev/LICENSE)[](https://github.com/continew-org/continew-admin)[](https://app.codacy.com/gh/continew-org/continew-admin/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)[](https://sonarcloud.io/summary/new_code?id=Charles7c_continew-admin)[](https://github.com/continew-org/continew-starter)[](https://spring.io/projects/spring-boot)[](https://github.com/continew-org/continew-starter)[](https://github.com/continew-org/continew-admin)[](https://github.com/continew-org/continew-admin)[](https://gitee.com/continew/continew-admin)[](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 等。