程序员接私活--常用的10个开源前端后台管理项目

逃离我推掉我的手 2023-09-29 16:13 109阅读 0赞

原文网址：[程序员接私活--常用的10个开源前端后台管理项目\_IT利刃出鞘的博客-CSDN博客][--_10_IT_-CSDN]

## 简介 ##

在互联网项目中，几乎所有的平台都需要一个后台管理系统。

从零开发一套后台管理系统是很麻烦的：产品画出原型图、UI工程师进行美化、前端进行切图并转化为前端代码。

从零开发一套系统适合于公司的一个开发团队去做，不适合程序员接私活。

对于程序员接私活来说，可以使用一些现成的开源的前端后台管理项目。我搜集了比较好的10款项目。下边依次介绍（按star数排序）。

## 1. Vue-Element-Admin ##

**介绍**

基于 vue2.0 和 Eelement 的后台管理 UI 框架。

Github Star 数：76.4K。

**Github 地址**

[https://github.com/PanJiaChen/vue-element-admin][https_github.com_PanJiaChen_vue-element-admin]

**文档地址**

[https://panjiachen.github.io/vue-element-admin-site/zh/][https_panjiachen.github.io_vue-element-admin-site_zh]

**界面展示**

![format_png][]

## 2. AdminLTE ##

**介绍**

基于 Bootstrap 3.x 的后台 UI 框架。

Github Star 数：41K。

**Github 地址**

[https://github.com/ColorlibHQ/AdminLTE][https_github.com_ColorlibHQ_AdminLTE]

**界面展示**

![image][]

###  ###

## 3. ant-design-pro ##

**介绍**

蚂蚁金服开源的中台前端/设计解决方案。

Github Star 数：32.2K

**Github 地址**

[https://github.com/ant-design/ant-design-pro][https_github.com_ant-design_ant-design-pro]

**界面展示**

![image.png][]

## 4. tabler ##

**介绍**

基于 BootStrap 4 的 HTML 后台管理前端框架。

Github Star 数：25.9K

**Github 地址**

[https://github.com/tabler/tabler][https_github.com_tabler_tabler]

**界面展示**

![format_png 1][]

###  ###

## 5. ngx-admin ##

**介绍**

基于 Angular 2、Bootstrap 4 和 Webpack 的后台管理前端框架。

Github Star 数：23.7K。

**Github 地址**

[https://github.com/akveo/ngx-admin][https_github.com_akveo_ngx-admin]

**界面展示**

![image.png][image.png 1]

## 6. Gentelella ##

**介绍**

基于 Bootstarp 的后台控制面板。

Github Star 数：20.5K。

**Github 地址**

[https://github.com/ColorlibHQ/gentelella][https_github.com_ColorlibHQ_gentelella]

**界面展示**

![image.png][image.png 2]

##  ##

## 7. iview-admin ##

**介绍**

基于 Vue 2.0 和 iView 的后台管理前端框架。

Github Star 数：16.1K。

**Github 地址**

[https://github.com/iview/iview-admin][https_github.com_iview_iview-admin]

**界面展示**

![image.png][image.png 3]

## 8. blur-admin ##

**介绍**

基于 Angular 和 Bootstrap 的后台管理前端框架。

Github Star 数：11.3K

**Github 地址**

[https://github.com/akveo/blur-admin][https_github.com_akveo_blur-admin]

![image.png][image.png 4]

###  ###

## 10. material-dashboard ##

**介绍**

基于 Bootstrap 4 和 Material 风格的后台管理前端框架。

Github Star 数：10.2K。

**Github 地址**

[https://github.com/creativetimofficial/material-dashboard][https_github.com_creativetimofficial_material-dashboard]

**界面展示**

![format_png 2][]

## 10. vue-admin ##

**介绍**

基于 Vue 和 Bulma 的后台管理前端框架。

Github Star 数：9.6K。

**Github 地址**

[https://github.com/vue-bulma/vue-admin][https_github.com_vue-bulma_vue-admin]

**界面展示**

![image.png][image.png 5]

###  ###

[--_10_IT_-CSDN]: https://knife.blog.csdn.net/article/details/125092038
[https_github.com_PanJiaChen_vue-element-admin]: https://github.com/PanJiaChen/vue-element-admin
[https_panjiachen.github.io_vue-element-admin-site_zh]: https://panjiachen.github.io/vue-element-admin-site/zh/
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC02NWUxMGU5ZjEzZjMzMmY2?x-oss-process=image/format,png
[https_github.com_ColorlibHQ_AdminLTE]: https://github.com/ColorlibHQ/AdminLTE
[image]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC1jYjFmZTY3MDM3ODA3Nzcz?x-oss-process=image/format,png
[https_github.com_ant-design_ant-design-pro]: https://github.com/ant-design/ant-design-pro
[image.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC02ODg3YjVlMmQ4MTkyZDI1LnBuZw?x-oss-process=image/format,png
[https_github.com_tabler_tabler]: https://github.com/tabler/tabler
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC1lMTYzYjk5MWU0MTEzOTE5LnBuZw?x-oss-process=image/format,png
[https_github.com_akveo_ngx-admin]: https://github.com/akveo/ngx-admin
[image.png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC0wNWRhM2FkYzdmNGVhMzBjLnBuZw?x-oss-process=image/format,png
[https_github.com_ColorlibHQ_gentelella]: https://github.com/ColorlibHQ/gentelella
[image.png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC1lOWQ5Y2M1YWE2YTllNGIzLnBuZw?x-oss-process=image/format,png
[https_github.com_iview_iview-admin]: https://github.com/iview/iview-admin
[image.png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC1jMTgwMWM2MmM0ZmFjOTFkLnBuZw?x-oss-process=image/format,png
[https_github.com_akveo_blur-admin]: https://github.com/akveo/blur-admin
[image.png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC00YWEyOTNhODRkYWUwNjdhLnBuZw?x-oss-process=image/format,png
[https_github.com_creativetimofficial_material-dashboard]: https://github.com/creativetimofficial/material-dashboard
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC1mYzBjYzNiY2FjZmFkNDg4LnBuZw?x-oss-process=image/format,png
[https_github.com_vue-bulma_vue-admin]: https://github.com/vue-bulma/vue-admin
[image.png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzE0ODAxMC02NmViMDQ2NTIyYTJhOTRjLnBuZw?x-oss-process=image/format,png