如何分析开源项目

1、观察开源项目
开源项目一般放在gitee、github
前端

后端

2、开源项目下载
下载完毕，解压，优先使用gitee

解压后不要着急运行

观察
1、用了哪些技术
2、是否有数据库
3、本地的环境和开源项目的运行环境是否匹配
这些都准备好，可以尝试运行

跑起来：
1、建库，执行sql
2、前端需要跑起来

3、后端项目==》导入跑起来 import project

4、等待所有的项目跑成功

5、启动后端项目
先分析common，common有核心的模块

然后分析system，系统的核心业务

然后分析tools，工具类

只要发现了swagger，跑起来的第一步就是进入swagger-ui页面，这里边都是接口

安装redis，解压后运行redis-server.exe

查看配置文件，默认端口，有哪些配置，需要改为自己的配置

默认端口 8000

redis 端口号，如果自己本地的端口号进行了修改，配置文件同样需要修改

需要自己注意数据库名称，数据库类型及登录名和密码

进入swagger页面

注意开源许可的协议，否则可能侵权

swagger可以正常进入证明后端接口文档没有问题

下载完成后，输入npm run dev 启动服务

使用visual studio code 打开解压后的前端资源文件夹

前端主要是安装依赖，启动测试运行，看接口是否正常

查看项目是否报错，右键审查元素查看console

登录后，前端每个项目都可以点击查看，说明项目已经没有问题，可以正常运行

3、前后端分离项目固定套路

1、从前端开始分析，打开控制台，点一个接口，分析调用关系
2、前后端端口调用不一致~怎么操作？

• • 封装了接口请求，前后端分离一般使用ajax，vue一般使用axios，前端一般使用request。
• • 找到配置
    

• *前后端分离项目的重点：找到接口的调用关系
  

• *springboot提供服务，前端调用接口数据，vue负责渲染页面

• • 前端项目固定套路
    
• • 后端分析：Controller-->Service -->Dao
    
• • 如何渲染到视图层，看前端搜索一个接口，看他的地址
    

• *vue标注套路
  

• *要学习某个模块，通过删除法将这个模块抽取出来

只要看到@/utiles/request说明下边看到的所有东西都是被封装过的

4、如何找到一个好的开源项目
1、按照分类找
2、看收藏，高star、高收藏
3、看具有价值

4、根据自身学习和理解去找项目