如何分析开源项目

如何分析开源项目

教程:【狂神说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.观察项目 

解压完不要着急运行,先去观察项目:

  1. 用了哪些技术(Springboot、Vue、Redis、MQ…)
  2. 是否有数据库
  3. 你的环境是否匹配(Maven、(npm、node.js)、redis…)

后端 

前端:

三.如何跑起来 

1.安装数据库

执行SQL(先创建数据库,编码默认utf8)

 

2.前端跑起来

# 安装依赖
npm install

# 启动服务 localhost:8013
npm run dev

# 构建生产环境
npm run build:prod

启动成功!

  • 用户名和密码:admin/123456

3.后端项目导入

关于新版idea如何导入项目_新版idea 没import project-****博客

后端项目结构(一般前后端分离项目,前端依赖于后端)

只要发现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里测一下,是否可以将它查出来。

上一篇:Unity图形用户界面!*★,°*:.☆( ̄▽ ̄)/$:*.°★* 。(万字解析)


下一篇:WebRTC关键技术及应用场景:EasyCVR视频汇聚平台高效低延迟视频监控解决方案