EL-admin 搭建流程

GitHub地址： https://github.com/elunez/eladmin
官方网站： https://el-admin.vip/
预览地址： https://el-admin.xin/dashboard
账号密码：admin / 123456

基于 Spring Boot 2.1.0、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue、Element-UI的前后端分离的后台管理系统。

后端：

前端：

一、开源项目下载

下载解压后观察：

1. 用了哪些技术（springhboot，Vue，Redis，MQ。。。）
2. 是否有数据库（MySql）
3. 环境是否匹配（Java，Maven，npm，nodejs，redis。。。）

二、运行流程

1. 数据库

安装数据库，执行sql脚本

2、前端

安装前端依赖 代码所在目录cmd npm install命令

3、后端

后端项目导入跑起来✌

4、启动后端项目

swagger

只要发现Swagger，跑起来第一步就是进入Swagger-ui页面，因为都是接口！

打开redis

配置文件

启动前端

前端就是安装依赖,测试运行,看接口是否正常!

npm run dev

三、前后端分离固定套路

1. 从前端开始分析。打开控制台，点一个接口，分析调用关系！
2. 前后端端口调用不一致~ 8013–8000 ，怎么操作的
   - 封装接口请求 ajax axios requset
   - 找到配置文件
   
   - 前后端分离的重点：找到调用关系
   - springboot提供服务，前端调用接口数据，vue渲染界面

• 前端固定套路
  

• 通过抓去前端请求，找到后端对应接口

• 后端分析
  

• Controller-Service-Dao

• 从前到后分析
  

• vue标准套路

js操作,接口调用
texport default{

}

• 根据需要抽取模块