如何分析开源项目
教程:【狂神说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.前端跑起来
# 安装依赖
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里测一下,是否可以将它查出来。