开源项目学习
学习步骤(对所有开源项目来说)
开源项目下载
下载完毕,然后解压,优先使用码云下载!
解压,先不要着急运行!
观察:
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)]](https://i-blog.csdnimg.cn/blog_migrate/850fa7ce8f765b45e7863d8471f71be2.png)
- 前后端分离项目的重点:找到接口的调用关系
- Springboot提供服务!前端调用接口数据!Vue负责渲染页面!
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gaZrQzVi-1667048000801)(/upload/2022/02/1-2950fa3fc35c4c5b9a997ea5e1b72f46.png)]](https://i-blog.csdnimg.cn/blog_migrate/a4233d4cab01f95b6da59932d849ac49.png)
- 前端项目固定套路
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N0vy6vog-1667048000803)(/upload/2022/02/2-68641d6fd0e44ada9fc5078c37b0d0d8.png)]](https://i-blog.csdnimg.cn/blog_migrate/78f51d753310044b577f792defcc89ab.png)
- 在api中每个方法 后端都一定有接口 复制一下路径到idea中用CTRL+SHIFT+F 来看
- 通过抓取前端的请求,找到后端对应接口
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oLc7UKz9-1667048000804)(/upload/2022/02/3-bc8b16a51066481dbeb18a443d5f9d3c.png)]](https://i-blog.csdnimg.cn/blog_migrate/d6abd4f1752527d18eb454c0462f3c9d.png)
- 去后端进行全局搜索 找到后端对应的地址 接下来就可以进行深挖了
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Zywp1vdT-1667048000805)(/upload/2022/02/4-332bd3c743b0454b92fa6baa55780bea.png)]](https://i-blog.csdnimg.cn/blog_migrate/6be3235c52eaad15beb7602a4256b915.png)
- Controller–Service–Dao:接下来就能看懂了
- 现在从前到后可以分析了!但是如何渲染到视图上呢?看前端
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1lMyOiea-1667048000806)(/upload/2022/02/5-391c0434d3f94d2c8d364c238f914d0b.png)]](https://i-blog.csdnimg.cn/blog_migrate/7bf2e116f1658069ae8e487e8bc8a3c4.png)
- vue标准套路
<template>
视图层
</template>
<script>
js操作,接口的调用
export default{
}
</script>
<style>
页面的样式
</style>
- 如果你现在自己的项目或者你要学习一个模块,将这个模块独立抽取出来即可!删除法
如何找到一个好的开源项目
1、找分类 JAVA
2、看收藏,开源项目,所有人觉得不错,那就是好的!
3、看具有价值
4、根据自身的理解情况去看
本文介绍了开源项目的学习步骤。先下载项目,解压后观察所用技术、数据库及环境匹配情况,再运行项目,包括安装数据库、启动前后端等。还阐述了前后端分离项目的分析套路,重点是找到接口调用关系,最后说明了寻找好的开源项目的方法。
1151

被折叠的 条评论
为什么被折叠?



