分析开源项目 (EL-ADMIN)

1 观察开源项目

• 后端

• 前端

2 开源项目下载

下载完毕 ==> 解压 ==> 不要着急运行

观察

• 用了那些技术 (Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue、Element-UI)
• 是否有数据库 (MySQL)
• 你的环境是否匹配 (java， maven，npm，nodejs，redis)

通过了，然后想办法运行

3 跑起来是第一步

1. 安装数据库，执行SQL（注意：有没有建库语句）

2. 前端需要跑起来(npm 版本最好 6.x.xx)

3. 后端项目导入

4. 启动后端项目

   

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

   进而查看配置文件! 默认端口….

   前端就是安装依赖, 启动测试, 看接口是否正常

4 前后端分离项目的固定套路

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

2. 前后端端口调用不一致 8013 - - 8000，怎么操作的

   • 封装了接口请求 ajax axios request

   • 找到配置

     

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

     

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

   • 前端项目固定套路

     

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

     

   • 后端分析

     

   • Controller — Service — Dao/Mapper

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

     

   • Vue 标准套路

     

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

1. 按分类
2. 看收藏
3. 看具有价值