Antd-vue-admin

推荐指数:5颗星

技术栈:vue2 + and design UI

UI组件丰富,支持响应式。(后期vue3 + TS开始收费)

开源地址: ​​https://github.com/vueComponent/ant-design-vue-pro​

效果预览: ​​https://preview.pro.antdv.com/dashboard/workplace​

文档地址: ​​https://pro.antdv.com/docs/getting-started​

阿里系其他UI组件:

AntV: ​​http://antv-2018.alipay.com/zh-cn/g2/3.x/index.html​

阿里前端周边:

iview-admin

推荐指数:4颗星

技术栈:vue2 + iview + axios

开源地址:​​https://github.com/iview/iview-admin​

码云地址:​​https://gitee.com/icarusion/iview-admin​

文档地址:​​https://lison16.github.io/iview-admin-doc/#/​

预览地址:​​https://admin.iviewui.com/login​

收费版(响应式):

推荐指数:4颗星(差一颗因为收费)

​https://pro.iviewui.com/admin-pro/introduce​

vue-element-admin

推荐指数:4颗星

技术栈:vue2 + Element UI

代码最近一次更新:11 moth ago, 不利于日后升级扩展。但是毕竟有过曾经的荣耀,代码和文档内容都有一定的参考性。此demo,实现了大部分响应式开发,虽说实现并不是很好,但是可基于已有内容做优化。

开源地址:​​https://github.com/PanJiaChen/vue-element-admin​

文档地址:​​https://panjiachen.github.io/vue-element-admin-site/zh/​

效果预览:​​https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard​

D2admin

推荐指数:2颗星

技术栈:vue2 + d2(UI)

UI组件非主流组件,且相对不丰富,但是项目中有些不错思想可参考。

开源地址:​​https://github.com/d2-projects/d2-admin​

文档地址:​​https://d2.pub/zh/doc/d2-admin/​

效果预览:​​https://d2.pub/d2-admin/preview/#/index​

JEECG-BOOT

推荐指数:0颗星

技术栈:vue2 + antd-vue

虽然这里不推荐使用该项目,但是前端部分的代码和功能可借鉴(功能及其丰富)。不推荐理由:不好看且存在重复功能模块,功能过多。

开源地址:​​https://github.com/jeecgboot/jeecg-boot​

文档地址:​​http://doc.jeecg.com/2043868​

效果预览:​​http://boot.jeecg.com/dashboard/analysis​

GIN-VUE-ADMIN

推荐指数:0颗星

技术栈:vue2 + Element UI

里面有个代码生成器、表单生成器,很有意思,思想可以参考,能否快速生成代码或者抽离出公共代码,用最少的代码实现最多的功能。

开源地址:​​https://github.com/flipped-aurora/gin-vue-admin​

文档地址:​​https://www.gin-vue-admin.com/docs/​

效果预览:​​http://demo.gin-vue-admin.com/#/layout/dashboard​

Dcat-admin

推荐指数:0颗星

技术栈:PHP

一个基于PHP开发的后台管理项目,前端UI有点意思,可以看看,简洁优雅。

开源地址:​​https://github.com/flipped-aurora/gin-vue-admin​

文档地址:​​https://www.gin-vue-admin.com/docs/​

效果预览:​​http://demo.gin-vue-admin.com/#/layout/dashboard​

前端搭建好的后台管理系统还有很多,这里仅介绍部分让人印象深刻的。