【温馨提示】由于公众号更改了推送规则,不再按照时间顺序排列,如果不想错过测试开发技术精心准备的的干货文章,请将测试开发技术设为“星标☆”,看完文章在文尾处点亮“在看”!
今天给大家推荐一款高颜值且功能强大的后台管理系统:Soybean Admin
1、介绍
它是基于现代Web技术栈(包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS)构建的一套企业级的中台服务解决方案,它旨在为开发者提供一个灵活、高效且功能丰富的管理后台,以支撑复杂的业务系统。
项目地址:
https://github.com/soybeanjs/soybean-admin
以下是Soybean Admin
的一些核心特性和技术优势:
模块化架构:Soybean Admin采用了模块化的设计思想,将常见的业务功能如用户管理、权限控制、内容发布等划分为独立的模块,使得系统易于维护和扩展。
高度可定制:Soybean Admin支持高度定制化,从界面布局到功能组件,开发者可以根据项目需求灵活调整,以满足不同企业的个性化需求。
响应式设计:采用最新的前端技术,Soybean Admin能够提供响应式的用户界面,确保在不同设备上都能提供一致的用户体验。
安全性强:Soybean Admin内置了多种安全机制,包括登录验证、权限控制、操作日志等,保障了系统的安全稳定运行。
强大的数据处理能力:针对企业级的数据管理需求,Soybean Admin提供了强大的数据处理能力,支持大数据量的存储、检索和分析,帮助业务人员快速获取数据洞察。
开箱即用:Soybean Admin内置了丰富的功能插件,包括图表统计、表单构建器、富文本编辑器等,减少了开发的工作量,让开发者能够快速搭建起所需的管理后台。
2、安装部署
环境部署运行要求:
具体操作步骤:
# 1、克隆代码
git clone https://github.com/soybeanjs/soybean-admin.git
# 2、安装依赖
pnpm i
# 3、构建项目
pnpm build
# 4、启动项目
pnpm dev
然后打开本地浏览器,访问http://localhost
,即可访问Soybean Admin了。
目前支持的浏览器版本有:
如果你不想在本地部署,可以直接访问soybeanjs.cn
进行使用体验。
3、效果展示
1、登录界面
2、首页
3、用户管理
4、整合了各种常用的插件,包括图表、地图、视频、编辑器和图标等。通过引入相应的组件和库,即可在项目中轻松使用,如下图所示:
5、提供了丰富多样的主题配色和深色模式,并且支持个性化的界面功能设置。用户可以根据自己的需求,选择合适的主题和界面样式,如下图所示:
更多关于项目的使用,感兴趣的小伙伴可以自行探索!
如果你正在考虑基于开源框架定制开发一款测试平台或其他企业级工作协同平台,那么Soybean Admin
将会是你一个极好的选择。
如果觉得有用,就请关注、点赞、在看、分享到朋友圈吧!
推荐阅读:
END
所有原创文章
第一时间发布至此公众号「测试开发技术」
长按二维码/微信扫码 添加作者