如何分析后台开源项目

分析后台开源项目

1.观察开源项目

2.开源项目下载

下载完毕,然后解压,优先使用码云下载!
解压,先不要着急运行
观察:
1、用了哪些技术([SpringBoot],[Vue],Redis)
2、是否有数据库
3、你的环境是否匹配([Maven],[npm,nodejs],redis…)
通过了,然后再想办法运行!

3.跑起来是第一步

在这里插入图片描述
1.mysql先导入
2.前端安装依赖,npm install【这里先搞是为了减少时间,一般后端项目全部运行完成后再安装,因为前端依赖于后端】
3.后端项目在idea中打开项目看有没有报错【只要发现了Swagger,那么跑起来的第一步就是先进入Swagger-ui页面!因为这里面都是接口!
进而查看配置文件!默认端口,有哪些配置,需要改为自己的项目和环境地址!】
4.打开后端redis服务
5.后端AppRun运行,进入swagger-ui.html页面,查看接口文档
6.前端依赖后端,npm run dev 运行【前端就是安装依赖,启动测试运行,看接口是否正常!】
也就是说页面展示是前端,swagger接口文档展示的数据接口都是后端

4.前后段分离项目固定套路

1.从前端开始分析。打开控制台,点一个接口,分析一波调用关系!
2.前后端端口调用不一致 前:8013 后:8000,怎么操作的

  • 封装了接口请求 【前后端分离一般用ajax,现在, 在vue中使用axios 用request去封装】
  • 找到配置
    在这里插入图片描述
  • 前后端分离项目的重点:找到接口的调用关系
  • SringBoot提供服务!前端调用接口数据!Vue负责渲染页面!
    在这里插入图片描述
  • 前端项目固定套路
    在这里插入图片描述
  • 通过抓取前端的请求,找到后端对应接口
    前端请求
    在这里插入图片描述
    后端对应接口 ctrl+shift+f 直接搜api/users
    在这里插入图片描述
  • Controller-Service-Dao:你就能看懂了
  • 现在从前到后可以分析了!但是如何渲染到视图上呢?看前端
    在这里插入图片描述
  • vue标准套路
<template>
    视图层
</template>

<script>
js操作
接口的调用
  export default {
  双向绑定进行渲染
    name: 'test'
  }
</script>

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

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

用码云做案例:

  1. 找分类 JAVA
  2. 看收藏,开源项目,所有人都觉得不错的,那就是好的!
  3. 看具有价值
  4. 根据自身的理解情况去看,阶段性成果,一步一步来把每一步走扎实,不能一步登天
  5. 如何学习Java

–知识来源狂神说JAVA

猜你喜欢

转载自blog.csdn.net/qq_55293923/article/details/124557544