一款簡單好用、功能強大的 admin 管理系統，包含前端和後端源碼，分享給大傢。

關於 ELADMIN

ELADMIN 是一款基於 Spring Boot、Jpa 或 Mybatis-Plus、 Spring Security、Redis、Vue 的前後端分離的後臺管理系統。

eladmin 官網

ELADMIN 的作者在 Github 和 Gitee 上看了很多的項目，發現大多數都是基於 Mybatis ， 而基於 Spring Boot Jpa 的很少，於是就產生了開發 ELADMIN 的想法。不過後來考慮到國內開發業務比較復雜，很多項目都使用 Mybatis ，ELADMIN 也同步發佈了 Mybatis-Plus 的版本。

ELADMIN 目前最新版是基於 Spring Boot 2.6.4 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue、Element UI 的前後端分離的後臺管理系統， 項目采用按功能分模塊的開發方式，權限控制采用 RBAC 思想，支持數據字典與數據權限管理，支持一鍵生成前後端代碼，支持前端菜單動態路由等。

eladmin 後臺主頁

需要註意的是，和之前分享的很多 admin 管理後臺的前端項目不同，這是一個包含 web 前端和 Spring Boot 後端開發源碼的項目，適合使用該技術選型的開發者或者是公司團隊使用。

技術特性

• 使用最新技術棧，社區資源豐富；
• 高效率開發，代碼生成器可一鍵生成前後端代碼；
• 支持數據字典，可方便地對一些狀態進行管理；
• 支持接口限流，避免惡意請求導致服務層壓力過大；
• 支持接口級別的功能權限與數據權限，可自定義操作；
• 自定義權限註解與匿名接口註解，可快速對接口攔截與放行；
• 對一些常用地前端組件封裝：表格數據請求、數據字典等；
• 前後端統一異常攔截處理，統一輸出異常，避免繁瑣的判斷；
• 支持在線用戶管理與服務器性能監控，支持限制單用戶登錄；
• 支持運維管理，可方便地對遠程服務器的應用進行部署與管理。

主要功能

• 用戶管理：提供用戶的相關配置，新增用戶後，默認密碼為 123456
• 角色管理：對權限與菜單進行分配，可根據部門設置角色的數據權限
• 菜單管理：已實現菜單動態路由，後端可配置化，支持多級菜單
• 部門管理：可配置系統組織架構，樹形表格展示
• 崗位管理：配置各個部門的職位
• 字典管理：可維護常用一些固定的數據，如：狀態，性別等
• 系統日志：記錄用戶操作日志與異常日志，方便開發人員定位排錯
• SQL監控：采用druid 監控數據庫訪問性能，默認用戶名 admin，密碼 123456
• 定時任務：整合Quartz做定時任務，加入任務日志，任務運行情況一目了然
• 代碼生成：高靈活度生成前後端代碼，減少大量重復的工作任務
• 郵件工具：配合富文本，發送 html 格式的郵件
• 七牛雲存儲：可同步七牛雲存儲的數據到系統，無需登錄七牛雲直接操作雲數據
• 支付寶支付：整合了支付寶支付並且提供了測試賬號，可自行測試
• 服務監控：監控服務器的負載情況
• 運維管理：一鍵部署應用

ELADMIN 適合哪些開發者？

適合 Java 後端開發

ELADMIN 項目包含後端和 web 前端，采用目前流行的前後端分離的開發模式，如果你們公司的後端開發用的是 Java 平臺下的 Spring Boot，這個項目就非常適合，ELADMIN 很多開箱即用的功能，大大地節省開發時間。

後端開發人員同時熟悉 Vue

也有很多 Java 後端開發者，在熟悉 Vue 的基礎下，自己同時寫前端和後端，免去了前後端調試的麻煩工作，ELADMIN 也是一個很好的選擇。

ELADMIN web 開發上手

ELADMIN 項目有幾個倉庫，eladmin 是 Spring Boot 的後端源碼倉庫，而 eladmin-web 就是管理系統 Vue 部分的前端源碼，官網同時提供了前端開發手冊和後端開發手冊。作為一個更偏向前端的開發者，下面為大傢介紹一下 ELADMIN 的前端部分的開發上手。

首先 Mac 使用終端（Windows 使用 Cmd），進入到進入到工作目錄，通過 git clone 項目源碼：

git clone https://gitee.com/elunez/eladmin-web.git

然後執行下面命令來運行項目：

# 安裝依賴
npm install
# 啟動服務 本地服務網址 localhost:8013
npm run dev

eladmin 登錄頁

這時候用瀏覽器訪問 localhost:8013 就可以打開項目。接下來我們就可以根據 ELADMIN 提供的功能目錄和頁面模板來開發自己所需要的功能，前端的組件庫用得是 element ui，國內很流行也非常好用，官方提供的開發手冊也有一些代碼例子，上手並不難。不過文檔不是很豐富，很多技術細節還是需要自己閱讀源碼來實現。

eladmin 表格列表

eladmin 彈窗功能

開發完成後，通過下面命令來打包項目：

# 打包生產環境
npm run build:prod

免費開源說明

ELADMIN 是一個免費開源的後臺管理系統，無論是 Vue 前端部分還是 Spring Boot 後端部分，都采用 Apache 2.0 開源協議，任何個人和公司都可以免費下載來開發使用，用在商業項目上也沒問題。

↓↓點擊查看本次分享的網站。

ELADMIN - 免費開源 admin 後臺管理系統，基於 Spring Boot 和 Vue ，包含前端和後端源碼｜那些免費的磚