如何分析一个开源项目（eladmin）

开源项目（eladmin），前后端项目。来源码云；参考：狂神说Java；

一）百度搜索eladmin：

 

 

下载后端项目：https://gitee.com/elunez/eladmin;

下载前端项目：https://gitee.com/elunez/eladmin-web

 

 *下载注意事项：

①国内优先使用码云下载，速度更快；

②解压之前观察：

     1）项目使用技术；

     2）是否带有数据库（mysql）；

     3）运行环境是否匹配；

         Java，SpringBoot->Maven；Vue->npm,nodejs（一种javascript的运行环境，能够使得javascript脱离浏览器运行）；Redis-reids....

③第二步都ok，开始导入项目运行；

 

二）准备运行；

1）查看是否安装mysql数据库，如有的话，打开数据库，运行后端项目中的sql；

 

 ①新建一个数据库eladmin，

 

 ②复制sql语句，并运行；

 

 2）运行前端项目，前端依赖安装；

①安装npm install；

文档上写的步骤；

 

 

 

 

 

 3）后端项目导入；

 

 

 

 4）先启动后端项目；

①只要发现Swagger，那么跑起来的第一步都是先进入swagger-ui页面，因为这里都是接口；

②查看配置文件（默认端口，配置，环境地址）；

 

启动成功：

 

 

 

 

 5）启动前端；

前端就是安装依赖，启动测试运行，查看接口是否正常；

 

 6）访问前端；

前端启动成功；

 

 

 

 遇到问题，redis未启动：

 

 安装redis教程：https://www.runoob.com/redis/redis-install.html；

启动；

 

 登录成功，进入后台；

 

 三）分析前后端分离项目固定套路；

1）从前端开始分析，打开控制台，点一个接口，分析一波调用关系；

2）前后端端口调用不一致；8012-8000；怎么连接的；

     ①封装了接口请求，ajax（jsp），axios（request，vue）；

     ②找到环境配置；前后端项目分离的重点，找到接口的调用关系；SpringBoot提供服务，前端调用接口数据，Vue负责渲染页面；

 

前端项目基本组成；

 

 

         ③通过前端的请求，找到后端的接口；

         ④后端分析，Controller->Service-Dao；

         ⑤从前到后分析，如何渲染到视图上；

 

         ⑥vue标准套路；       

<template>
视图层
</template>

<script>
js操作，接口的调用
export default{
    
}
</script>

<style>
页面的样式
</style>