自学内容网 自学内容网

如何分析开源项目

如何分析开源项目

教程:【狂神说Java】手把手教你如何分析开源项目_哔哩哔哩_bilibili

一.开源项目下载

1.下载

因为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-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里测一下,是否可以将它查出来。


原文地址:https://blog.csdn.net/2301_76556912/article/details/140416566

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!