学会阅读别人的源码

学会阅读别人的源码

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

学会阅读别人的源码_第1张图片

预览运行效果

学会阅读别人的源码_第2张图片
学会阅读别人的源码_第3张图片

下载(用idea拉取代码)

学会阅读别人的源码_第4张图片
然后分别下载前端工程和后端工程
github下载或拉代码比较慢,可以选码云来下载
学会阅读别人的源码_第5张图片
学会阅读别人的源码_第6张图片
如果下载后的压缩包无法打开,那就idea拉代码吧
我是直接拉的代码,因为,下载zip真的很慢
如果不会,请看我的另一篇文章

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

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

运行

安装数据库

找到sql脚本,并运行
学会阅读别人的源码_第7张图片

安装前端依赖

所以,如果是一个vue项目,你一定要有nodejs环境
学会阅读别人的源码_第8张图片
学会阅读别人的源码_第9张图片

如果出现报错,按如下命令操作
学会阅读别人的源码_第10张图片

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

后端maven更换等

检查jdk、maven仓库、数据库驱动是否适合自己的环境等
如果如下图,没有报错即可
学会阅读别人的源码_第11张图片

分析架构

先看到redis
学会阅读别人的源码_第12张图片

然后我们又看到了swagger,只要看到swagger我们就可以先进入swagger-ui
学会阅读别人的源码_第13张图片
看配置文件
学会阅读别人的源码_第14张图片
学会阅读别人的源码_第15张图片

Run一下

学会阅读别人的源码_第16张图片
学会阅读别人的源码_第17张图片
确定没有报错之后,访问一下swagger看一看接口文档
http://localhost:8000/swagger-ui.html
学会阅读别人的源码_第18张图片

启动前端

学会阅读别人的源码_第19张图片
出现了一个小问题,先处理一下
先核对一下版本看看是什么鬼情况
学会阅读别人的源码_第20张图片
学会阅读别人的源码_第21张图片

安装一下vue-cli
学会阅读别人的源码_第22张图片
学会阅读别人的源码_第23张图片
学会阅读别人的源码_第24张图片
然后。。你就会看到登陆界面

学会阅读别人的源码_第25张图片

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

前后端分离项目的套路

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

  • 封装了接口请求 ajax axios request

  • 找到配置
    学会阅读别人的源码_第26张图片

  • 找到接口的调用关系
    学会阅读别人的源码_第27张图片
    SpringBoot提供服务,前端调用接口!vue负责渲染

  • 看看架构
    学会阅读别人的源码_第28张图片
    看看登陆接口
    学会阅读别人的源码_第29张图片

通过前端请求,找到api,进而找到后端请求
学会阅读别人的源码_第30张图片

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

学会阅读别人的源码_第31张图片

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

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

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

gitee

看看码云
学会阅读别人的源码_第32张图片
学会阅读别人的源码_第33张图片

github

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

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

你也可以合并筛选条件来查找
学会阅读别人的源码_第34张图片

你可能感兴趣的:(企业实习日志,笔记,JavaEE,vue.js,node.js,java)