1. 全栈程序员必看首页

分析开源项目[通俗易懂]

全栈程序员-站长 • • 未分类 • 阅读 41

分析开源项目[通俗易懂]手把手教你分析开源项目不知道代码怎么来的？代码跑不起来？项目对自己有帮助，不会模块化分析？任何一个开源项目，都可以让自己得到提升！这里以EL-ADMIN为例https://el-admin.vip/1、观察开源项目后端代码：前端代码：2、开源项目下载可使用zip下载，或者Git观察：用了哪些技术（springboot，vue，redis，）是否有数据库（mysql）你的环境是否匹配（Java，Maven，npm，nodejs，）通过了，然后再想办法运行3、跑

大家好，又见面了，我是你们的朋友全栈君。

手把手教你分析开源项目

不知道代码怎么来的？

代码跑不起来？

项目对自己有帮助，不会模块化分析？

任何一个开源项目，都可以让自己得到提升！

这里以 EL-ADMIN 为例https://el-admin.vip/

在这里插入图片描述

在这里插入图片描述

1、观察开源项目

后端代码：

在这里插入图片描述

前端代码：

在这里插入图片描述

在这里插入图片描述

2、开源项目下载

可使用zip下载，或者Git

观察：

  1. 用了哪些技术（springboot，vue，redis，）
  2. 是否有数据库（mysql）
  3. 你的环境是否匹配（Java，Maven，npm，nodejs，）

通过了，然后再想办法运行

3、跑起来是第一步

1、安装数据库，执行sql

2、前端需要跑起来

3、后端项目导入跑起来

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

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z1uJ7KQy-1610767085248)(C:\Users\王东梁\AppData\Roaming\Typora\typora-user-images\image-20210116000313297.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YyjjSSAz-1610767085250)(C:\Users\王东梁\AppData\Roaming\Typora\typora-user-images\image-20210116001008968.png)]

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

1、从前端开始分析。打开控制台，点一个接口，分析一波调用关系！

2、前后端端口不一致~ 8013—8000，怎么操作的

  • 封装了接口请求 ajax axios request

  • 找到配置

    在这里插入图片描述

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

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

    在这里插入图片描述

  • 前后端固定套路

在这里插入图片描述

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

    在这里插入图片描述

    在这里插入图片描述

  • Controller–Service–Dao ： 就能看懂了

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

    在这里插入图片描述

  • vue标准套路

    <template>

</template>

<script>
export default{
    
}
</script>

<style>
   页面的样式
</style>

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

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

1、找分类

2、看收藏，开源项目，所有人都觉得好的，那就是好的！

3、看具有价值

4、根据自身的理解情况看，

内化为自己的才是最重要的！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/131711.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • [Python图像处理] 十七.图像锐化与边缘检测之Roberts算子、Prewitt算子、Sobel算子和Laplacian算子

    [Python图像处理] 十七.图像锐化与边缘检测之Roberts算子、Prewitt算子、Sobel算子和Laplacian算子

    [Python图像处理] 十七.图像锐化与边缘检测之Roberts算子、Prewitt算子、Sobel算子和Laplacian算子图像锐化和边缘提取技术可以消除图像中的噪声，提取图像信息中用来表征图像的一些变量，为图像识别提供基础。通常使用灰度差分法对图像的边缘、轮廓进行处理，将其凸显。本文分别采用Laplacian算子、Robert算子、Prewitt算子和Sobel算子进行图像锐化边缘处理实验。本文主要讲解灰度线性变换，基础性知识希望对您有所帮助。1.Roberts算子2.Prewitt算子3.Sobel算子4.Laplacian算子5.总结代码

    全栈程序员-站长的头像 全栈程序员-站长
    2025年7月1日
    2
  • idea安装配置tomcat_eclipse中配置tomcat idea

    idea安装配置tomcat_eclipse中配置tomcat

    idea安装配置tomcat_eclipse中配置tomcat我看到很多博文介绍使用maven配置tomcat，那种方法我没有尝试，不过社区版其实是有tomcat的->SmartTomcat。打开IDEA，Crtl+Alt+S或者File->setting在设置里面的plugins插件里面，搜索tomcat就能看到了，点击Install进行安装即可。安装好之后，重启IDEA工具，然后点击IDEA右上角的Addconfiguratio…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月22日
    3
  • <span>全网最硬核讲解计算机启动流程</span>

    全网最硬核讲解计算机启动流程

    全网最硬核讲解计算机启动流程

    全栈程序员-站长的头像 全栈程序员-站长
    2020年11月20日
    215
  • robots.txt文件的作用

    robots.txt文件的作用

    robots.txt文件的作用Robots.txt文件的作用：1、屏蔽网站内的死链接。2、屏蔽搜索引擎蜘蛛抓取站点内重复内容和页面。3、阻止搜索引擎索引网站隐私性的内容。因此建立robots.txt文件是很有必要的，网站中重复的内容、页面或者404信息过多，搜索引擎蜘蛛就会认为该网站价值较低，从而降低对该网站的“印象分”，这就是我们经常听到的“降低权重”，这样网站的排名就不好了。robo

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月8日
    43
  • SSL协议体系结构[通俗易懂]

    SSL协议体系结构[通俗易懂]

    SSL协议体系结构[通俗易懂]SSL原理及应用（1）SSL协议体系结构SSL(SecureSocketsLayer ，安全套接层)，是为网络通信提供安全及数据完整性的一种安全协议。由Netscape研发，用以保障在Internet上数据传输的安全，利用数据加密(Encryption)技术，确保数据在网络上的传输过程中不会被截取及窃听。当前几乎所有浏览器都支持SSL，但是支持的版本有所不同。从图8-1中可以看到，

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月27日
    30
  • 海思Hi3798处理器参数,Hi3798芯片详细信息介绍「建议收藏」

    海思Hi3798处理器参数,Hi3798芯片详细信息介绍「建议收藏」

    海思Hi3798处理器参数,Hi3798芯片详细信息介绍「建议收藏」Hi3798CV200集成4核64位高性能CortexA53处理器、内置NEON加速引擎，强大的CPU处理能力可以满足各种差异化的业务需求。在码流兼容性、在线视频播放的流畅性、图像质量以及整机性能方面保持业界最好的用户体验。支持4K2KP60@10bit超高清视频解码和显示，支持H.265/HEVC、H.264/AVC、AVS+、MVC、MPEG2、MPEG4、VC-1、VP6、VP…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月30日
    626

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号