Java教程

学会阅读别人的源码

本文主要是介绍学会阅读别人的源码,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

学会阅读别人的源码

  • 预览运行效果
  • 下载(用idea拉取代码)
  • 运行
    • 安装数据库
    • 安装前端依赖
    • 后端maven更换等
    • 分析架构
    • Run一下
    • 启动前端
  • 前后端分离项目的套路
  • 如何找到一个好的开源项目
    • gitee
    • github

在这里插入图片描述

预览运行效果

在这里插入图片描述
在这里插入图片描述

下载(用idea拉取代码)

在这里插入图片描述
然后分别下载前端工程和后端工程
github下载或拉代码比较慢,可以选码云来下载
在这里插入图片描述
在这里插入图片描述
如果下载后的压缩包无法打开,那就idea拉代码吧
我是直接拉的代码,因为,下载zip真的很慢
如果不会,请看我的另一篇文章

后端工程拉好后加载需要一点时间,耐心等待

1.用了哪些技术
2.有没有sql
3.你的环境是否完整

运行

安装数据库

找到sql脚本,并运行
在这里插入图片描述

安装前端依赖

所以,如果是一个vue项目,你一定要有nodejs环境
在这里插入图片描述
在这里插入图片描述

如果出现报错,按如下命令操作
在这里插入图片描述

npm config set registry https://registry.npm.taobao.org
npm install forever -g

后端maven更换等

检查jdk、maven仓库、数据库驱动是否适合自己的环境等
如果如下图,没有报错即可
在这里插入图片描述

分析架构

先看到redis
在这里插入图片描述

然后我们又看到了swagger,只要看到swagger我们就可以先进入swagger-ui
在这里插入图片描述
看配置文件
在这里插入图片描述
在这里插入图片描述

Run一下

在这里插入图片描述
在这里插入图片描述
确定没有报错之后,访问一下swagger看一看接口文档
http://localhost:8000/swagger-ui.html
在这里插入图片描述

启动前端

在这里插入图片描述
出现了一个小问题,先处理一下
先核对一下版本看看是什么鬼情况
在这里插入图片描述
在这里插入图片描述

安装一下vue-cli
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后。。你就会看到登陆界面
在这里插入图片描述
在这里插入图片描述

检查一下接口,没什么问题,大功告成!!

前后端分离项目的套路

我的习惯!从前端可以分析,点开一个接口,分析调用关系!
看看前端是8013,后端是8000,这又是怎么操作的呢??

  • 封装了接口请求 ajax axios request

  • 找到配置
    在这里插入图片描述

  • 找到接口的调用关系
    在这里插入图片描述
    SpringBoot提供服务,前端调用接口!vue负责渲染

  • 看看架构
    在这里插入图片描述
    看看登陆接口
    在这里插入图片描述

通过前端请求,找到api,进而找到后端请求
在这里插入图片描述

来看看标准的resful风格的接口

在这里插入图片描述

全局搜索,controller-service-dao你值得拥有!!

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

1.找分类
2.看收藏
3.看价值star

gitee

看看码云
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

github

学会精确查找
1.NAME
2.Description (有些人没有写基础介绍)
3.DownLoad
4.README.md

比如
in:name layui
in:description springboot
in:language java

你也可以合并筛选条件来查找
在这里插入图片描述

这篇关于学会阅读别人的源码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!