官網:https://el-admin.vip
簡單配置后可直接運行,極大地提高了你在開發管理后台的效率,從而有更多時間逛 HelloGitHub。不信?跟着本文,讓你 5 分鍾 跑起來一個功能豐富的管理后台項目。
一、快速開始
1.1 環境准備
后端環境:
- JDK 1.8+
- Maven 3.0+
- MYSQL 5.5+
- Redis 3.0+
前端環境:
- Node v10+
開發工具
- IDE:IDEA
- MySQL 可視化:Navicat
1.2 快速開始
(1)clone 項目
- GitHub:
# 后端項目
git clone https://github.com/elunez/eladmin.git
# 前端項目
git clone https://github.com/elunez/eladmin-web.git
- Gitee(國內訪問網速較快):
# 后端項目
git clone https://gitee.com/elunez/eladmin.git
# 前端項目
git clone https://gitee.com/elunez/eladmin-web.git
(2)導入 MySQL 數據庫
打開 Navicat,連接 MySQL,新建數據庫 eladmin,設置字符集和排序規則如下圖所示:
右鍵你新建的數據庫,選擇「運行 SQL 文件」,選擇 clone 的下來的 eladmin/sql/eladmin.sql
文件。
導入 SQL 數據成功,一共有 27 張表。
(3)運行后端項目
配置文件:使用 IDEA 打開后端項目 eladmin,等待 maven 下載結束后,打開配置文件 yml 配置數據庫(路徑 eladmin\eladmin-system\src\main\resources\config 下的application.yml、application-dev.yml、application-prod.yml),改成你機器上的 MySQL 或者 Redis 的 IP、端口和密碼。
MySQL 默認:
- url:localhost:3306
- 密碼:123456
Redis 默認:
- url:localhost:6379
- 密碼:無
運行后端項目:run AppRun
(4)運行前端項目
在 clone 的前端項目「eladmin-web」文件夾下打開 cmd 命令行窗口。
# 安裝
npm install
# 運行
npm run dev
1.3 效果預覽
運行成功會自動彈出下面界面(
網址:http://localhost:8013/
賬戶名:admin
密碼:123456
測試用戶名:test
測試用戶名密碼:123456
):
二、可能遇到的坑
2.1 端口占用
報錯信息:
端口被占用或停用,修改端口信息:
我們這里使用其他端口,修改配置文件 application.yml
端口為 8001:
server:
port: 8001
注意:修改后端端口后,需要修改前端對應的請求接口:其中的8000修改為8001
2.2 npm install
安裝緩慢或者安裝失敗
設置淘寶鏡像源來解決
npm config set registry https://registry.npm.taobao.org
檢查是否設置成功
npm config get registry