怎样分析开源项目

怎样分析开源项目

教程：【狂神说Java】手把手教你怎样分析开源项目_哔哩哔哩_bilibili

   一.开源项目下载

  1.下载

由于GitHub下载太慢了，下载完毕举行解压。

• 后端：eladmin: eladmin-jpa 版本：项目基于 Spring Boot 2.1.0 、 Jpa、 Spring Security、redis、Vue的前后端分离的背景管理体系，有题目可以在 Github 上面提 Issues，大概加群反馈！！
  
• 前端：eladmin-web: eladmin-jpa版本：前端源码，项目基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 Spring Security、Redis、Vue的前后端分离背景管理体系， 权限控制接纳 RBAC，菜单动态路由，Bug 反馈移步Github
  

2.观察项目 

解压完不要发急运行，先去观察项目：

• 用了哪些技能（Springboot、Vue、Redis、MQ…）
  
• 是否有数据库
  
• 你的环境是否匹配(Maven、(npm、node.js)、redis…)
  

后端 

前端：

   三.怎样跑起来 

  1.安装数据库

实行SQL（先创建数据库，编码默认utf8）

 

2.前端跑起来

1. # 安装依赖
2. npm install
4. # 启动服务 localhost:8013
5. npm run dev
7. # 构建生产环境
8. npm run build:prod

复制代码

  启动乐成！
  

• 用户名和暗码：admin/123456
  

3.后端项目导入

关于新版idea怎样导入项目_新版idea 没import project-CSDN博客
后端项目结构（一样平常前后端分离项目，前端依赖于后端）
只要发现Swagger，就须要先辈入Swagger-ui页面，由于前后端分离的接口全部都在这里；

打开Redis

开辟环境重点须要去看端标语：server：port：8000（在总文件application.yml内里）前端也是调这个端口。

去看Redis的端标语。

看开辟环境dev.yml的JDBC是否有题目。

启动后端项目：

进入页面：localhost:8000/swagger-ui.html

   四.前后端分离项目标固定套路

  1.从前端开始分拆

打开控制台(VS-Code)，点一个接口，分析一波调用关系
前后端端口调用不划一：前端：8013 后端：8000；研究怎么操纵。

• 封装了接口哀求 ajax(前后端分离) axios(Vue) request(前端封装)
  
• 找到设置（生产设置、开辟环境设置）
  

• 前后端分离项目标重点：找到接口的调用关系。
  
• Springboot提供服务、前端调用接口数据、Vue负责渲染页面
  

前端项目固定模板：

• 每一个接口的反面都在后端有一个逐一对应的地点。
  
• 通过抓取前端的哀求，找到后端对应的接口。
  

• 在前端文件中，找对应的接口文件：
  

• 在后端文件中，找对应的接口文件：
  

• 怎么去跟后端对接？拿到接口的地点：
  

• 去后端找：
  

   后端分析套路：Controller ——> Service ——> Dao
  

• 如果你想测试这个接口成不乐成，在Swagger UI里测一下，是否可以将它查出来。