分析开源项目

手把手教你分析开源项目

不知道代码怎么来的?

代码跑不起来?

项目对自己有帮助,不会模块化分析?

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

这里以 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、根据自身的理解情况看,

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/327391.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Hangfire项目实践分享

项目中使用Hangfire已经快一年了&#xff0c;期间经历过很多次的试错及升级优化&#xff0c;才达到现在的稳定效果。趁最近不是太忙&#xff0c;自己在github上做了个案列&#xff0c;也是拿来跟大家分享下&#xff0c;案例是从项目里剥离出来的&#xff0c;有兴趣的可以访问 这…

IDEA开启Run Dashboard窗口

https://www.jianshu.com/p/df201a16d2cc 启动多个端口Run Dashboard窗口显得更好管理&#xff0c;如下&#xff1a; 图片 如果新建的项目运行后不出现Run Dashboard&#xff0c;希望切换成Run Dashboard运行需要进行手动修改。 首先在项目目录下的.idea 文件夹下的workspace…

如何修改服务器mac地址,如何修改服务器mac地址

如何修改服务器mac地址 内容精选换一换更新弹性云服务器的系统或者软件时&#xff0c;可以连接Internet&#xff0c;通过外部Pypi镜像源提供相关服务。但是&#xff0c;如果弹性云服务器无法访问Internet&#xff0c;或者外部Pypi镜像源提供的服务不稳定时&#xff0c;可以使用…

深入Synchronized和java.util.concurrent.locks.Lock的区别详解

转载自 深入Synchronized和java.util.concurrent.locks.Lock的区别详解 本篇文章是对Synchronized和java.util.concurrent.locks.Lock的区别进行了详细的分析介绍&#xff0c;需要的朋友参考下 主要相同点&#xff1a;Lock能完成Synchronized所实现的所有功能。主要不同点&am…

支持断线重连、永久watcher、递归操作并且能跨平台(.NET Core)的ZooKeeper异步客户端

什么是ZooKeeper&#xff1f; ZooKeeper是一个分布式的&#xff0c;开放源码的分布式应用程序协调服务&#xff0c;是Google的Chubby一个开源的实现&#xff0c;是Hadoop和Hbase的重要组件。它是一个为分布式应用提供一致性服务的软件&#xff0c;提供的功能包括&#xff1a;配…

云服务器的购买和宝塔面板的使用

为什么程序员都需要一个自己的服务器 1、作为一个程序员&#xff0c;必须要发布自己的网站和项目 2、练习Linux操作 3、自己的远程仓库、远程数据库、远程tomcat…搭建在服务器上 4、练习&#xff0c;Linux进行任意的环境部署操作 服务器如何购买 尽量打折的时候买 香港服务…

mysql循环insert多条数据

https://blog.csdn.net/ZeroBz/article/details/85119528 DROP PROCEDURE IF EXISTS proc_initData;-- 如果存在此存储过程则删掉 DELIMITER $ CREATE PROCEDURE proc_initData() BEGIN DECLARE i INT DEFAULT 1; WHILE i<15000000 DO INSERT INTO t_…

Java 多线程 —— 深入理解 volatile 的原理以及应用

转载自 Java 多线程 —— 深入理解 volatile 的原理以及应用 推荐阅读&#xff1a;《java 多线程—线程怎么来的》 这一篇主要讲解一下volatile的原理以及应用&#xff0c;想必看完这一篇之后&#xff0c;你会对volatile的应用原理以及使用边界会有更深刻的认知。本篇主要内容…

中间件和微服务,Docker以及原生云架构的关系

IT世界的技术更新非常迅速。一年前我曾写过一篇关于&#xff1a;微服务是否是企业服务总线和其他中间件的死亡魔法。本文章是之前文章的后续以及关于微服务、容器和原生云架构的中间件关系讨论的更新。各种规模的企业正在以令人不可思议的速度快速向这些技术靠拢&#xff01; 在…

Linux基本目录解释

以下是对这些目录的解释&#xff1a; /bin&#xff1a;bin是Binary的缩写, 这个目录存放着最经常使用的命令。/boot&#xff1a; 这里存放的是启动Linux时使用的一些核心文件&#xff0c;包括一些连接文件以及镜像文件。(不要动)/dev &#xff1a; dev是Device(设备)的缩写, 存…

No services have been found解决方案

今天在做web服务的时候遇到了一个问题&#xff0c;很是头疼&#xff0c; No services have been found&#xff0c;就是它&#xff01;&#xff01;&#xff01; 我的解决方案是&#xff0c;在web.xml里面加上&#xff1a; <context-param> <param-name>cont…

linux安装jdk8

https://blog.csdn.net/pdsu161530247/article/details/81582980 linux安装jdk8 最后d轻语 2018-08-11 09:25:21 38205 收藏 83 分类专栏&#xff1a; 软件安装 文章标签&#xff1a; centos6安装jdk linux安装jdk 源码包安装 centos6.4 jdk8 版权 目录 1.下载jdk8 2.源…

Java中的读/写锁

转载自 Java中的读/写锁 原文链接 作者&#xff1a;Jakob Jenkov 译者&#xff1a;微凉 校对&#xff1a;丁一 相比Java中的锁(Locks in Java)里Lock实现&#xff0c;读写锁更复杂一些。假设你的程序中涉及到对一些共享资源的读和写操作&#xff0c;且写操作没有读操作那么频…

.net线程池内幕

本文通过对.NET4.5的ThreadPool源码的分析讲解揭示.NET线程池的内幕&#xff0c;并总结ThreadPool设计的好与不足。 线程池的作用线程池&#xff0c;顾名思义&#xff0c;线程对象池。Task和TPL都有用到线程池&#xff0c;所以了解线程池的内幕有助于你写出更好的程序。由于篇幅…

处理目录的常用命令---Linux

处理目录的常用命令 接下来我们就来看几个常见的处理目录的命令吧&#xff1a; ls: 列出目录cd&#xff1a;切换目录pwd&#xff1a;显示目前的目录mkdir&#xff1a;创建一个新的目录rmdir&#xff1a;删除一个空的目录cp: 复制文件或目录rm: 移除文件或目录mv: 移动文件与目…

com.sun.istack.SAXException2: 在对象图中检测到循环。这将产生无限深的 XML

错误如下所示&#xff1a; javax.xml.ws.soap.SOAPFaultException: Marshalling Error: 在对象图中检测到循环。这将产生无限深的 XML: org.entity.Dept5e54a99b -> org.entity.Emp72433225 -> org.entity.Dept5e54a99b at org.apache.cxf.jaxws.JaxWsClientProxy.i…

Linux下安装nginx (tar解压版安装) nginx1.16.1

https://blog.csdn.net/qq_40431100/article/details/104729504 Linux下安装nginx (tar解压版安装) nginx1.16.1 Jkcc 2020-03-08 16:42:30 2241 收藏 分类专栏&#xff1a; linux 运行环境 文章标签&#xff1a; linux nginx 版权 Linux下安装nginx (tar安装) nginx1.16.…

ASP.NET Core HTTP 管道中的那些事儿

前言 马上2016年就要过去了&#xff0c;时间可是真快啊。 上次写完 Identity 系列之后&#xff0c;反响还不错&#xff0c;所以本来打算写一个 ASP.NET Core 中间件系列的&#xff0c;但是中间遇到了很多事情。首先是 NPOI 的移植工作&#xff0c;移植过后还有一些Bug需要修复&…

详解Java多线程编程中LockSupport类的线程阻塞用法

转载自 详解Java多线程编程中LockSupport类的线程阻塞用法 LockSupport类是Java6(JSR166-JUC)引入的一个类&#xff0c;提供了基本的线程同步原语。LockSupport实际上是调用了Unsafe类里的函数&#xff0c;归结到Unsafe里&#xff0c;只有两个函数&#xff1a; public native…

javaWeb服务详解(含源代码,测试通过,注释)

javaweb服务分为两个部分&#xff0c;一部分是web服务端&#xff0c;另一部分就是你调用的客户端了。首先我说下实现web服务的简单思路&#xff1a; 一、服务器端实现&#xff1a; 1.添加webservice jar包 spring支持 2.添加一个web服务 3.在实体类和接口以及对应的实现类中添…