一個開源的后台管理項目


官網:https://el-admin.vip

 

簡單配置后可直接運行,極大地提高了你在開發管理后台的效率,從而有更多時間逛 HelloGitHub。不信?跟着本文,讓你 5 分鍾 跑起來一個功能豐富的管理后台項目。

一、快速開始

1.1 環境准備

后端環境:

  1. JDK 1.8+
  2. Maven 3.0+
  3. MYSQL 5.5+
  4. Redis 3.0+

前端環境:

  1. Node v10+

開發工具

  1. IDE:IDEA
  2. 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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM