Soybean Admin?是一個基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新優雅的中后臺模版，它使用了最新流行的前端技術棧，內置豐富的主題配置，有著極高的代碼規范，基于文件的路由系統以及基于 Mock 的動態權限路由，開箱即用的中后臺前端解決方案，也可用于學習參考。
特性
- 最新流行技術棧：使用 Vue3/Vite 等前端前沿技術開發, 使用高效率的 npm 包管理器 pnpm
- TypeScript: 應用程序級 JavaScript 的語言
- 主題：豐富可配置的主題、暗黑模式，基于原子 css 框架 - UnoCss 的動態主題顏色
- 代碼規范：豐富的規范插件及極高的代碼規范
- 文件路由系統：基于文件的路由系統，根據頁面文件自動生成路由聲明、路由導入和路由模塊
- 權限路由：提供前端靜態和后端動態兩種路由模式，基于 mock 的動態路由能快速實現后端動態路由
- 請求函數：基于 axios 的完善的請求函數封裝，提供 Promise 和 hooks 兩種請求函數，加入請求結果數據轉換的適配器
在線預覽
文檔
代碼倉庫
更新日志
后端服務
項目示例圖
安裝使用
-
環境配置?本地環境需要安裝 pnpm 7.x 、Node.js 14.18+ 和 Git
-
克隆代碼
git clone https://github.com/honghuangdc/soybean-admin.git
- 安裝依賴
pnpm i
- 運行
pnpm dev
- 打包
pnpm build
Docker 部署
- Docker 部署 Soybean
docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
- 訪問 SoybeanAdmin
打開本地瀏覽器訪問http://localhost
如何貢獻
非常歡迎您的加入！提一個 Issue?或者提交一個 Pull Request。
Git 貢獻提交規范
項目已經內置 Angular 提交規范，直接執行 commit 命令即可生成符合 Angular 提交規范的 commit。
項目已用 simple-git-hooks 代替了 husky, 舊版本用了 husky，執行 pnpm soy init-git-hooks 進行初始化配置
基于 SoybeanAdmin 二次開發的項目
electron-mock-admin: 一個 Mock Api 管理系統，幫助前端開發伙伴快速實現接口的mock。
瀏覽器支持
本地開發推薦使用Chrome 90+?瀏覽器
支持現代瀏覽器, 不支持 IE
| IE | Edge | Firefox | Chrome | Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
開源作者
交流
Soybean Admin?是完全開源免費的項目，在幫助開發者更方便地進行中大型管理系統開發，同時也提供微信和 QQ 交流群，使用問題歡迎在群內提問。
繼續閱讀
