如何分析一个开源项目

学习的方式

1. 不知道这个代码怎么来的
2. 这个代码跑不起来
3. 这个项目对我们有什么帮助，不会模块化分析

任何一个开源项目，都可以让自己得到提升！

下面以一个案例来说明如何分析开源项目：

https://gitee.com/elunez/eladmin

https://gitee.com/elunez/eladmin-web

观察开源项目

后端的

前端的

开源项目下载

下载完毕，然后解压，优先使用码云下载！

解压，先不要着急运行！

观察

1. 用了哪些技术（Springboot,Vue,Redis,MQ…）
2. 是否有数据库(MySQL)
3. 你的环境是否匹配（java, Maven, npm, nodejs, redis）

通过了，然后想办法运行！

跑起来是第一步

1. 安装数据库，执行sql
2. 前端需要跑起来
3. 后端项目***导入***跑起来
4. 等待所有的项目跑成功！
   

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

进而查看配置文件！默认端口，有哪些配置，需要改为自己的项目和环境地址！

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

前后端分离项目固定套路

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

2. 前后端端口调用不一致！8013（前端）–8000（后端），怎么操作的

   • 封装了接口请求 ajax axios request

   • 找到配置

     

   • 前后端分离项目的重点：找到接口的调用关系

   • Springboot提供服务！前端调用接口数据！Vue负责渲染页面

     

   • 前端项目固定套路

     

   • 通过抓取前端的请求，找到后端对应的接口

     

   • 后端分析

     

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

   • 现在从前到后可以分析了！但是如何渲染到视图上呢？看前端

     

   • vue标准套路

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

   • 如果你现在自己的项目或者你要学习一个模块，将这个模块独立抽取出来即可！删除法

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

用码云做案例：

1. 找分类 JAVA
2. 看收藏，开源项目，所有人都觉得不错的，那就是好的！
3. 看具有价值
4. 根据自身的理解情况去看，Java、SSM、Springboot、阶段性成果！
5. 如何学习java