开源项目学习

本文介绍了开源项目的学习步骤。先下载项目,解压后观察所用技术、数据库及环境匹配情况,再运行项目,包括安装数据库、启动前后端等。还阐述了前后端分离项目的分析套路,重点是找到接口调用关系,最后说明了寻找好的开源项目的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开源项目学习

学习步骤(对所有开源项目来说)

开源项目下载

下载完毕,然后解压,优先使用码云下载!

解压,先不要着急运行!

观察:

1、用了那些技术

2、是否有数据库

3、你的环境是否匹配

通过了,然后再想办法运行!

跑起来是第一步

1、安装数据库,执行SQL(如果它没有建库语句 则自己进行建库)

2、前端需要跑起来 前端依赖下载等…

3、后端项目导入跑起来 (idea直接import Project open的话会很麻烦的)

4、启动后端项目(一般前后端项目 前端是依赖后端的) 启动的先后顺序 先分析模块 主要分析common、system等模块 如果发现有redis等 需要先启动redis, 进而还要看看它的配置文件,看看端口号是否和自己是一致,再看看有那些配置需要改成自己的配置,比如数据库账号密码等

tip:只要发现了Swagger,那么跑起来的第一步就是先进入Swagger-ui页面!因为这里面都是接口!

前后端分离项目固定套路

1、从前端开始分析。打开控制台,点一个接口,分析一波调用关系!

2、前后端端口调用不一致~8013 – 8000

  • 封装了接口请求 ajax axios request

  • 找到配置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vvqyfvJy-1667048000797)(/upload/2022/02/image-20211123101403084-2f8199926ce14321b3ef9030ad66259d.png)]

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gaZrQzVi-1667048000801)(/upload/2022/02/1-2950fa3fc35c4c5b9a997ea5e1b72f46.png)]

  • 前端项目固定套路

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N0vy6vog-1667048000803)(/upload/2022/02/2-68641d6fd0e44ada9fc5078c37b0d0d8.png)]

  • 在api中每个方法 后端都一定有接口 复制一下路径到idea中用CTRL+SHIFT+F 来看
  • 通过抓取前端的请求,找到后端对应接口

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oLc7UKz9-1667048000804)(/upload/2022/02/3-bc8b16a51066481dbeb18a443d5f9d3c.png)]

  • 去后端进行全局搜索 找到后端对应的地址 接下来就可以进行深挖了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Zywp1vdT-1667048000805)(/upload/2022/02/4-332bd3c743b0454b92fa6baa55780bea.png)]

  • Controller–Service–Dao:接下来就能看懂了
  • 现在从前到后可以分析了!但是如何渲染到视图上呢?看前端

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1lMyOiea-1667048000806)(/upload/2022/02/5-391c0434d3f94d2c8d364c238f914d0b.png)]

  • vue标准套路
<template>
	视图层
</template>

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

<style>
页面的样式
</style>
  • 如果你现在自己的项目或者你要学习一个模块,将这个模块独立抽取出来即可!删除法

如何找到一个好的开源项目

1、找分类 JAVA

2、看收藏,开源项目,所有人觉得不错,那就是好的!

3、看具有价值

4、根据自身的理解情况去看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值