ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

学会阅读别人的源码

2021-09-26 13:01:11  阅读:145  来源: 互联网

标签:找到 学会 接口 源码 报错 阅读 swagger 前端 下载


学会阅读别人的源码

在这里插入图片描述

预览运行效果

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

下载(用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,前端,下载
来源: https://blog.csdn.net/sxh06/article/details/120457489

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有