1.下载EL-ADMIN

在本地新建一个目录d:/vuejs_dev/project/eladmin_learn，利用git克隆上述前端与后端源代码到本地

//下载后端 Administrator@Lenovo MINGW64 /d/vuejs_dev/project/eladmin_learn $ git clone https://gitee.com/elunez/eladmin.git //下载前端 Administrator@Lenovo MINGW64 /d/vuejs_dev/project/eladmin_learn $ git clone https://gitee.com/elunez/eladmin-web.git

下载完成后eladmin_learn目录长这样

2. 后端运行准备

2.1 配置数据库

首先利用IDEA打开后端文件夹eladmin，等待maven加载依赖，看看结构（注意是利用IDEA的File->Open命令打开） 可以看到这是一个标准的maven项目，对于这类框架项目，首先要做的就是连接数据库，这里eladmin已经为我们准备好sql文件，我们可以方便的创建数据库以便于启动程序 打开SQLyogEnt(我本人爱用，也可以利用Navicat） （链接：https://pan.baidu.com/s/169Y2zzmYb7NAY9pdPxXQxg 提取码：xf5w） 创建数据库 “eladmin123”

CREATE DATABASE eladmin123

将eladmin.sql粘贴进去，点运行，可生成所需要的表和数据。

USE eladmin123 // 将eladmin.sql内容粘贴到这里,出错的话就删除 "SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0;" 这两行 //

生成的表格如下 配置数据库连接,

2.2 打开redis 服务

由于eladmin官网项目介绍中明确有redis服务，因此框架运行还需要启动redis服务，下载window版本的redis （链接：https://pan.baidu.com/s/13T_eMpHchiURitb8Cf9-gw 提取码：p1ft），解压打开，其目录结构为

在该目录下运行cmd,按住shift键点鼠标右键，选择"在此处打开命令窗口" 在cmd中输入 即可启动redis服务

3.启动后端与前端

启动后端

完成上述步骤后，可开启后端服务 即可看到后端成功启动。

启动前端

打开前端目录

明显可以看出，这是一个基于vue.js的前端项目，所以必须先部署好node.js的开发环境，具体可移步官网自行操作。 在该目录下打开cmd命令，操作如下

D:\vuejs_dev\project\eladmin_learn\eladmin-web>npm install //安装依赖...// D:\vuejs_dev\project\eladmin_learn\eladmin-web>npm run dev

4. 成功进入登录页面

主界面长样： 哈哈！成功进入主界面，本节完毕，第二节将运用EL-ADMIN的代码生成器生成一套自己的管理系统界面，未完待续。

​