Soybean Admin

[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE) ## 简介 [Soybean Admin](https://github.com/honghuangdc/soybean-admin) 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。 ## 特性 - **最新技术栈**:使用 Vue3/Vite3 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm - **TypeScript**:应用程序级 JavaScript 的语言 - **主题**:丰富可配置的主题、暗黑模式,基于原子 css 框架 - UnoCSS 的动态主题颜色 - **代码规范**:丰富的规范插件及极高的代码规范 - **权限路由**:简易的路由配置、基于 mock 的动态路由能快速实现后端动态路由 - **请求函数**:基于 axios 的完善的请求函数封装,提供 Promise 和 hooks 两种请求函数,加入请求结果数据转换的适配器 ## 预览 - [soybean-admin](https://soybean.pro/) ## 文档 - [项目文档: docs.soybean.pro](https://docs.soybean.pro) ## 代码仓库 - [github](https://github.com/honghuangdc/soybean-admin) - [gitee](https://gitee.com/honghuangdc/soybean-admin) ## 更新日志 [CHANGELOG](./CHANGELOG.md) ## 后端服务 - [soybean-admin-java(开发中)](https://github.com/honghuangdc/soybean-admin-java) - [soybean-admin-go(开发中)](https://github.com/honghuangdc/soybean-admin-go) - [soybean-admin-nestjs(开发中)](https://github.com/honghuangdc/soybean-admin-nestjs) ## 项目示例图 ![](https://s2.loli.net/2022/05/16/keOtgFH27r9nqYS.png) ![](https://s2.loli.net/2022/05/18/bW7mftiQexkvSTG.png) ![](https://s2.loli.net/2022/05/16/uV5nzjb3gYptAEl.png) ![](https://s2.loli.net/2022/05/16/rSnNHLdpuvkKxWq.png) ![](https://s2.loli.net/2022/05/18/Mt6YZqmDxO8v4uR.png) ![](https://s2.loli.net/2022/05/16/ktH5dcG3fuFOoKA.png) ![](https://s2.loli.net/2022/05/16/VPl6Ru1iCAhLcS4.png) ![](https://s2.loli.net/2022/05/16/bRlAKuHW7ZVh9DT.png) ![](https://s2.loli.net/2022/06/07/rY8TyAftM5dxspv.png) ![](https://s2.loli.net/2022/06/07/5GNBAd31IzQVjLP.png) ![](https://s2.loli.net/2022/06/07/rRSG6mEZpujOACT.png) ## 安装使用 - 环境配置 **本地环境需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git** - 克隆代码 ```bash git clone https://github.com/honghuangdc/soybean-admin.git ``` - 安装依赖 ```bash pnpm i ``` - 运行 ```bash pnpm dev ``` - 打包 ```bash pnpm build ``` ## Docker 部署 - Docker 部署 Soybean ```bash docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6 ``` - 访问 SoybeanAdmin 打开本地浏览器访问`http://localhost` ## 如何贡献 非常欢迎您的加入![提一个 Issue](https://github.com/honghuangdc/soybean-admin/issues/new) 或者提交一个 Pull Request。 ## Git 贡献提交规范 项目已经内置 angular 提交规范,通过 git cz 代替 git commit 命令即可。 git cz 命令需要全局安装 commitizen ```bash pnpm i -g commitizen ``` ## 浏览器支持 本地开发推荐使用`Chrome 90+` 浏览器 支持现代浏览器, 不支持 IE | [IE](http://godban.github.io/browsers-support-badges/)IE | [ Edge](http://godban.github.io/browsers-support-badges/)Edge | [Firefox](http://godban.github.io/browsers-support-badges/)Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)Chrome | [Safari](http://godban.github.io/browsers-support-badges/)Safari | | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## 开源作者 [@Soybean](https://github.com/honghuangdc) ## 交流 `Soybean Admin` 是完全开源免费的项目,在帮助开发者更方便地进行中大型管理系统开发,同时也提供微信和 QQ 交流群,使用问题欢迎在群内提问。 - 微信交流群(添加本人微信拉进群),欢迎来技术交流,业务咨询。
- QQ 交流群 `711301266`
## 捐赠 如果你觉得这个项目对你有帮助,可以请 Soybean 喝杯饮料表示支持,Soybean 开源的动力离不开各位的支持和鼓励。 ![赞助](https://s2.loli.net/2022/01/24/i9cpq7lTCrKUoFf.png) ## License [MIT © Soybean-2021](./LICENSE)