第114天学习打卡SpringCloud 总结 分析开源项目

SpringCloud 总结

image-20210502104220618

 

分析开源项目

开源项目的地址:项目介绍 | EL-ADMIN

eladmin: 项目基于 Spring Boot 2.1.0 、 Jpa、 Spring Security、redis、Vue的前后端分离的后台管理系统,有问题可以在 Github 上面提 Issues,或者加群反馈!! (gitee.com)

1.观察开源项目

后端:

image-20210502105306349

src · Elune/eladmin-web - 码云 - 开源中国 (gitee.com)

前端:

image-20210502110158669

把前端与后端的项目下载下来:

image-20210502110441979

 

2.开源项目下载

下载完毕,然后解压,优先使用码云下载

解压,先不要着急运行

观察:

1.用来哪些技术(Springboot、 Vue、 Redis 、 MQ....)

2.是否有数据库(MySQL)

3.你都环境是否匹配(Java 、Maven 、npm、nodejs、redis...)

通过了之后再想办法运行。

3.跑起来第一步

1.创建数据库,执行SQL:

 

image-20210502143502032

2.前端需要跑起来

image-20210502145412884

image-20210502151124803

3.后端需要导入跑起来

4.启动后端项目

image-20210502145209141

 

只要发现了Swagger,那么跑起来的第一步就是先进入Swagger-ui页面!因为这里面都是接口!

进而查看配置文件!默认端口,有哪些配置,需要改为自己的项目和环境地址!

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

启动Redis:

image-20210502150426905

 

访问端口页面Swagger UI

image-20210502150500966

项目跑起来的界面:

image-20210502151438505

 

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

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

2.前后端端口调用不一致 前端8013 后端8000,研究怎么操作的?

  • 封装了接口请求, 前后端分离用ajax vue用axios 用request封装

  • 找到配置

    image-20210502153558579

 

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

  • Springboot提供服务!前端调用接口数据!Vue负责渲染页面!

  • image-20210502153757057

 

  • 前端项目固定套路

image-20210502154332042

 

  • 通过抓取前端的请求,找到后端对应的接口。

image-20210502155745122

 

  • 后端分析

image-20210502155723217

  • Controller-- Service(业务)---Dao(底层):就可以看懂了

  • 现在从前到后就可以分析了!但是如何渲染到视图上的呢?看前端

 

image-20210502161154672

  • Vue 标准套路

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

     

  • 如果你现在自己的项目或者你要学习一个模块,将这个模块独立抽取出来即可!用删除法

image-20210502162017243

 

5.如何找到一个好的开源项目

1.找分类

2.看收藏,所有人都觉得不错的,那就是好的! Java - Gitee

3.看具有价值

4.根据自身的理解情况去看。Java, SSM, Springboot,阶段性成果!

前端页面网站:Ant Design Pro

B站学习网址:【狂神说Java】手把手教你如何分析开源项目_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

相关文章

本篇文章为大家展示了如何解决Spring Cloud 服务冲突问题,内...
本篇内容主要讲解“spring cloud服务的注册与发现怎么实现”...
本篇内容介绍了“Dubbo怎么实现Spring Cloud服务治理 ”的有...
本篇内容主要讲解“SpringCloud相关面试题有哪些”,感兴趣的...
如何分析Spring Cloud Ribbon、Spring Cloud Feign以及断路器...
这篇文章主要讲解了“springcloud微服务的组成部分有哪些”,...