学会阅读别人的源码

学会阅读别人的源码

学会阅读别人的源码

预览运行效果

学会阅读别人的源码
学会阅读别人的源码

下载(用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

你也可以合并筛选条件来查找
学会阅读别人的源码

上一篇:swagger@GetMapping参数


下一篇:springboot集成swagger2