看看人家的后台管理系统,确实清新优雅!


哈喽,大家好,我是美丽又可爱的开源小妹!

小妹之前给大家介绍过很多优秀的后台管理系统,但是都感觉还缺少点什么。最近小妹新接触到一个项目确实把我惊艳到了,太优雅清新了,惹不住今天要来给大家分享一下 - Soybean Admin

项目简介

官方对Soybean Admin是这样介绍的,目前 Github 上面收获2.4K star。

Vue3、TypeScript、NaiveUI,还有丰富的主题,动态路由全新,而且开箱即用,看起来确实不错。

项目特点

项目展示

官方提供了预览的界面,小妹带大家一起来看看。

仪表盘

文档

内置各种组件

包括各种类别的按钮、卡片、表格。

各类插件

图表、地图、视频、编辑器、图标等等。

异常页面

403、404、500都设置了不同的有趣页面。

主题配色

界面的右边,有多样的主题配色、界面功能等设置,满足个性化的需求。

深色模式

安装使用

本地使用的话,需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git。

依次执行:

1
2
3
git clone https://github.com/honghuangdc/soybean-admin.git
pnpm i
pnpm dev

Docker 部署的话

1
2
docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6

然后打开本地浏览器访问http://localhost,即可访问 SoybeanAdmin了。

注意

官方对于本地开发,推荐使用Chrome 90+ 浏览器, 不支持 IE

Soybean Admin目前完全开源免费,小妹觉得完全可以试着用到自己的项目当中去,不用再费神造轮子了,如此优雅的UI,顿时会让客户耳目一新,啧啧称赞~~

关于项目的更多内容,感兴趣的小伙伴可以去项目地址探索~~~

1
https://github.com/honghuangdc/soybean-admin

写在最后

欢迎加入开源小分队读者交流群,聊天学习摸鱼为主,不定时会分享一些技术要点和优质学习资源,有一群有趣有料的小伙伴在等你哦!

进群方式:开源小分队 公众号后台回复888,按提示操作即可进群。

问君能有几多愁,开源项目解千愁,我们下期再见!

大家的点赞、收藏和评论对小妹非常重要,如文章对你有帮助还请转发支持下,谢谢!


  目录