企业实习日志|学会阅读别人的源码


学会阅读别人的源码

  • 预览运行效果
  • 下载(用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
你也可以合并筛选条件来查找
企业实习日志|学会阅读别人的源码
文章图片

    推荐阅读