如何分析开源项目

JAVA前后端分离开源项目

1.开源项目下载

github上clone或者码云上下载

加载完解压，先不要急着运行！

观察：

1.用到了哪些技术（SpringBoot，Vue等）

2.是否有数据库

3.你的环境是否匹配（Java，Maven，npm，nodejs，redis….）

然后再想办法运行

2.跑起来是第一步

1.安装数据库，执行SQL

2.后端项目导入跑起来！

​ 1）后端需要的数据库需要先装

​ 2）是否有swagger，有swagger就是先进入swagger，因为这里面都是接口，通过这个就可以分析了

​ swagger的标准页面为：localhost:8000/swagger-ui.html (这里的默认端口号需要查看后端项目的配置文件)

​ 3）查看配置文件！默认端口号，需要修改为自己的项目和环境地址

3.前端需要跑起来！

前端就是安装依赖（npm…）,启动测试运行，看接口是否正常！

3.前后端分离项目固定套路

1.从前段开始分析，打开控制台，点开一个接口，分析一波调用关系

看到这里的端口号是8090，在后端项目的配置文件中查看也是8090，就说明前后端调用接口一致

如果前后端的调用接口不一致-如8013 – 8000，怎么操作的，封装了接口请求 ajax axios request

• 找到前端配置

• 前后端分离项目的重点：找到接口调用关系
• springboot提供服务！前端调用接口！Vue负责渲染页面！

看到这里的 api/auth/login可以在前端代码项目中的api目录（前端项目的套路api目录中装的是后端接口，可以在后端代码中找到一一对应的地址）

中根据业务含义到对应的js文件中搜索

• 找到后端对应的接口

• Controller –Service–Dao：你就能看懂了

• 现在从前到后就可以分析了！但是如何渲染到视图上的呢？看前端：搜索一个接口如·api/auth/login看在哪里调用了

• Vue标准套路

  <template>
  视图层
  </template>
  
  <script>
    js操作，接口的调用
    export default{
    
    }
  </script>
  
  <style>
    页面的样式
  </style>

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

1.找分类 如：java

2.看收藏，大家都认为好的东西，活跃度

3.看价值

4.根据自身的理解能力去学，如果学起来很吃力，那肯定是找的资料不满足T+1的输入模型（指的是比你现阶段段位高一段的知识）