如何分析开源项目

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、根据自身学习和理解去找项目

posted @ 2021-12-19 16:26  micer  阅读(453)  评论(0编辑  收藏  举报