分析步骤:
1、观察开源项目
后端结构
前端结构
2、开源项目下载
下载解压,优先使用码云。
观察:
- 用了那些技术(Spring boot、Vue、Redis、MQ。。。)
- 是否有数据库(MySQL)
- 自己的环境是否匹配(java、maven、npm、nodejs、redis、MQ。。。)
通过后,运行。
3、跑起来是第一步
- 安装数据库,执行SQL。
- 前端跑起来
- 后端项目导入跑起来
- 分析项目模块
-
有swagger,进入swagger页面,查看接口。进而查看配置文件,默认端口、环境地址、数据源信息(需要修改)。
-
前端安装依赖,启动测试运行,看接口是否正常!
4、前后端分离项目固定套路
-
从前端开始分析。打开控制台,点一个接口,分析一波调用关系!
-
前后端端口调用不一致,8013–8000,查看如何操作的。
-
封装了接口请求 ajax axios(request)
-
找到配置
-
- 找到接口调用关系(Springboot提供服务!前端调用接口数据!Vue负责渲染页面)
- 通过抓取前端的请求,找到后端对应接口。
-
后端分析
- Controller–Service–Dao
- 视图如何渲染?搜索一个接口,看他的地址在哪里调用了
-
前端分析
- vue的固定格式
<template> 视图层 </template> <script> js操作,接口的调用 export default { } </script> <style> 页面的样式 </style>
如何寻找一个好的项目?
根据分类,star数量,价值。