去评论
dz插件网

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

独家记忆
2024/09/21 18:52:23



mall学习教程官网:macrozheng.com

哈喽,大家好,之前给大家介绍过很多优秀的后台管理系统,但是都感觉还缺少点什么。

最近新接触到一个项目,确实把我惊艳到了,太优雅清新了,忍不住今天要来给大家分享一下 - Soybean Admin


项目简介


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



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

项目特点



项目推荐


再推荐一个或许对你有用的开源项目,mall项目是一套基于 SpringBoot + Vue + uni-app 实现的电商系统(Github标星60K),采用Docker容器化部署,后端支持多模块和微服务架构。包括前台商城项目和后台管理系统,能支持完整的订单流程!涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能!
  • Boot项目:https://github.com/macrozheng/mall
  • Cloud项目:https://github.com/macrozheng/mall-swarm
  • 视频教程:https://www.macrozheng.com/video/

项目演示:


项目展示


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

仪表盘



文档



内置各种组件


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


各类插件


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




异常页面


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


主题配色


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




深色模式



安装使用


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

依次执行:
git clone https://github.com/honghuangdc/soybean-admin.git
pnpm i
pnpm dev

Docker 部署的话
docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6

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

注意


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



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

项目地址


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

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


Github上标星60K的电商实战项目mall,全套 视频教程(2023最新版) 已更新完毕!全套教程约40小时,共113期,通过这套教程你可以拥有一个涵盖主流Java技术栈的完整项目经验,同时提高自己独立开发一个项目的能力,下面是项目的整体架构图,感兴趣的小伙伴可以点击链接 mall视频教程 加入学习。



整套 视频教程 的内容还是非常完善的,涵盖了mall项目最佳学习路线、整体框架搭建、业务与技术实现全方位解析、线上Docker环境部署、微服务项目学习等内容,具体大纲可以参考下图,你也可以点击链接 mall视频教程 了解更多内容。


推荐阅读