第114天学习打卡（SpringCloud 总结 分析开源项目）
作者：互联网
SpringCloud 总结
分析开源项目
开源项目的地址：项目介绍 | EL-ADMIN
1.观察开源项目
后端：
src · Elune/eladmin-web - 码云 - 开源中国 (gitee.com)
前端：
把前端与后端的项目下载下来：
2.开源项目下载
下载完毕，然后解压，优先使用码云下载
解压，先不要着急运行
观察：
1.用来哪些技术（Springboot、 Vue、 Redis 、 MQ....）
2.是否有数据库(MySQL)
3.你都环境是否匹配(Java 、Maven 、npm、nodejs、redis...)
通过了之后再想办法运行。
3.跑起来第一步
1.创建数据库，执行SQL：
2.前端需要跑起来
3.后端需要导入跑起来
4.启动后端项目
只要发现了Swagger，那么跑起来的第一步就是先进入Swagger-ui页面！因为这里面都是接口！
进而查看配置文件！默认端口，有哪些配置，需要改为自己的项目和环境地址！
前端就是安装依赖，启动测试运行，看接口是否正常！
启动Redis:
访问端口页面：Swagger UI
项目跑起来的界面：
4 前后端分离项目固定套路
1.从前端开始分析。打开控制台，点一个接口，分析一波调用关系！
2.前后端端口调用不一致 前端8013 后端8000，研究怎么操作的？
-
封装了接口请求， 前后端分离用ajax vue用axios 用request封装
-
找到配置
-
前后端分离项目的重点：找到接口的调用关系
-
Springboot提供服务！前端调用接口数据！Vue负责渲染页面！
-
-
前端项目固定套路
-
通过抓取前端的请求，找到后端对应的接口。
-
后端分析
-
Controller-- Service(业务)---Dao（底层）：就可以看懂了
-
现在从前到后就可以分析了！但是如何渲染到视图上的呢？看前端
-
Vue 标准套路
<template>
视图层
</template>
<script>
js操作 ，接口的调用
export default{
}
</script>
<style>
页面的样式
</style>
-
如果你现在自己的项目或者你要学习一个模块，将这个模块独立抽取出来即可！用删除法
5.如何找到一个好的开源项目
1.找分类
2.看收藏，所有人都觉得不错的，那就是好的！ Java - Gitee
3.看具有价值
4.根据自身的理解情况去看。Java, SSM, Springboot，阶段性成果！
前端页面网站：Ant Design Pro
B站学习网址：【狂神说Java】手把手教你如何分析开源项目_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
标签：Java,项目,SpringCloud,前端,接口,114,开源,打卡,页面 来源： https://www.cnblogs.com/doudoutj/p/14726686.html