分析一个开源项目

分析步骤:

1、观察开源项目

后端结构

在这里插入图片描述

​ 前端结构
在这里插入图片描述

2、开源项目下载

下载解压,优先使用码云。

观察:

  • 用了那些技术(Spring boot、Vue、Redis、MQ。。。)
  • 是否有数据库(MySQL)
  • 自己的环境是否匹配(java、maven、npm、nodejs、redis、MQ。。。)

通过后,运行。

3、跑起来是第一步

  1. 安装数据库,执行SQL。
  2. 前端跑起来
  3. 后端项目导入跑起来
  • 分析项目模块

在这里插入图片描述

  • 有swagger,进入swagger页面,查看接口。进而查看配置文件,默认端口、环境地址、数据源信息(需要修改)。

  • 前端安装依赖,启动测试运行,看接口是否正常!

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

  1. 从前端开始分析。打开控制台,点一个接口,分析一波调用关系!

  2. 前后端端口调用不一致,8013–8000,查看如何操作的。

    • 封装了接口请求 ajax axios(request)

    • 找到配置

在这里插入图片描述

  • 找到接口调用关系(Springboot提供服务!前端调用接口数据!Vue负责渲染页面)
  • 通过抓取前端的请求,找到后端对应接口。
  1. 后端分析

    • Controller–Service–Dao
    • 视图如何渲染?搜索一个接口,看他的地址在哪里调用了
  2. 前端分析

    • vue的固定格式
    <template>
      视图层
    </template>
    
    <script>
    	js操作,接口的调用
      export default {
          
      }
    </script>
    
    <style>
        页面的样式
    </style>
    

    如何寻找一个好的项目?

    根据分类,star数量,价值。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值