快看！这么优雅的后台管理系统你见过吗？

哈喽，大家好！,我是前端实验室的小师妹!

开源项目千千万，管理系统占一半！小师妹介绍过很多优秀的后台管理系统，有大家都知道的，也有小众独特的；但是今天这个确实惊艳到小师妹了！

说她清新优雅也毫不过分，她就是——soybean-admin

soybean-admin

Soybean Admin 是一个基于 Vue3、Vite、TypeScript、NaiveUI、Pinia 和 UnoCSS 的中后台模版，使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于 mock 实现的动态权限路由，开箱即用

特点

• 最新技术栈：使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm

• TypeScript: 应用程序级 JavaScript 的语言

• 主题：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色

• 代码规范：丰富的规范插件及极高的代码规范,内置 angular 提交规范

• 权限路由：基于文件的路由系统、基于 mock 的动态路由能快速实现后端动态路由

• 请求函数：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器适配器

安装使用

• 环境配置 本地环境需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git

安装依赖

pnpm i

运行

pnpm dev

项目展示

仪表盘

主题配色

内置组件

地图插件

异常页面

深色模式

Soybean Admin 是完全开源免费的项目,如果你有兴趣，完全可以运用到自己的项目中,如此清新优雅的页面UI，保准让用户眼前一亮

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

最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。

关注【前端实验室】公众号回复： bbbb223

即可免费获取拉勾教育价值17999元的全套前端教程