【数据结构与算法】图的基本概念 | 邻接矩阵和邻接表 | 广度优先遍历和深度优先遍历

news2024/11/17 8:24:09

🌠作者:@阿亮joy.
🎆专栏:《数据结构与算法要啸着学》
🎇座右铭:每个优秀的人都有一段沉默的时光,那段时光是付出了很多努力却得不到结果的日子,我们把它叫做扎根
在这里插入图片描述


目录

    • 👉图的基本概念👈
    • 👉图的存储结构👈
      • 邻接矩阵
      • 邻接表
    • 👉图的遍历👈
      • 图的广度优先遍历
      • 图的深度优先遍历
    • 👉总结👈

👉图的基本概念👈

图是由顶点集合及顶点间的关系组成的一种数据结构:G = (V, E),其中:顶点集合V = {x|x属于某个数据对象集}是有穷非空集合;E = {(x,y)|x, y 属于 V}或者E = {<x, y> |x ,y 属于 V && Path(x, y)} 是顶点间关系的有穷集合,也叫做边的集合。注:(x, y) 表示 x 到 y 的一条双向通路,即 (x, y) 是无方向的;Path(x, y) 表示从 x 到 y 的一条单向通路,即 Path(x, y) 是有方向的。

顶点和边:图中结点称为顶点,第 i 个顶点记作 vi。两个顶点 vi 和 vj 相关联称作顶点 vi 和顶点 vj 之间有一条边,图中的第 k 条边记作 ek,ek = (vi,vj) 或 <vi,vj>。

有向图和无向图:在有向图中,顶点对 <x, y> 是有序的,顶点对 <x,y> 称为顶点 x 到顶点 y 的一条边(弧),<x, y> 和 <y, x> 是两条不同的边,比如下图 G3 和 G4 为有向图。在无向图中,顶点对 (x, y) 是无序的,顶点对 (x,y) 称为顶点 x 和顶点 y 相关联的一条边,这条边没有特定方向,(x, y) 和 (y,x) 是同一条边,比如下图 G1 和 G2 为无向图。注意:无向边 (x, y) 等于有向边 <x, y> 和 <y, x>。

在这里插入图片描述
注:数是一种特殊(无环联通)的图,图不一定是树。树关注的是节点(顶点)中存的值,图关注的是顶点及边的权值。

完全图:在有 n 个顶点的无向图中,若有 n * (n - 1) / 2 条边,即任意两个顶点之间有且仅有一条边,则称此图为无向完全图,比如上图 G1;在 n 个顶点的有向图中,若有 n * (n - 1)条边,即任意两个顶点之间有且仅有方向相反的边,则称此图为有向完全图(最稠密的图),比如上图 G4。

邻接顶点:在无向图 G 中,若 (u, v) 是 E(G) 中的一条边,则称 u 和 v 互为邻接顶点,并称边 (u,v) 依附于顶点 u 和 v;在有向图 G 中,若 <u, v> 是 E(G) 中的一条边,则称顶点 u 邻接到 v,顶点 v 邻接自顶点 u,并称边 <u, v> 与顶点 u 和顶点 v 相关联。

顶点的度:顶点v的度是指与它相关联的边的条数,记作deg(v)。在有向图中,顶点的度等于该顶点的入度与出度之和,其中顶点 v 的入度是以 v 为终点的有向边的条数,记作 indev(v);顶点 v 的出度是以 v 为起始点的有向边的条数,记作 outdev(v)。因此:dev(v) = indev(v) + outdev(v)。注意:对于无向图,顶点的度等于该顶点的入度和出度,即 dev(v) = indev(v) = outdev(v)。

路径:在图 G = (V, E) 中,若从顶点 vi 出发有一组边使其可到达顶点 vj,则称顶点 vi 到顶点 vj 的顶点序列为从顶点 vi 到顶点 vj 的路径。

路径长度:对于不带权的图,一条路径的路径长度是指该路径上的边的条数;对于带权的图,一条路径的路径长度是指该路径上各个边权值的总和。

在这里插入图片描述
注:在交通网络图中,顶点可以表示城市,边的权值可以表示城市之间的一个关系(高铁距离、高铁价格等)。在社交关系图中,顶点可以表示人,边表示两个人是好友,权值表示亲密度等等。微信和 QQ 上的好友等关系是无向图,是强社交关系;微博和抖音上的博主和粉丝等关系是有向图,是弱社交关系。

简单路径与回路:若路径上各顶点 v1,v2,v3,…,vm 均不重复,则称这样的路径为简单路径。若路径上第一个顶点 v1 和最后一个顶点 vm 重合,则称这样的路径为回路或环。

在这里插入图片描述

子图:设图 G = {V, E} 和图 G1 = {V1,E1},若 V1 属于 V 且 E1 属于 E,则称 G1 是 G 的子图。

在这里插入图片描述

连通图:在无向图中,若从顶点 v1 到顶点 v2 有路径,则称顶点 v1 与顶点 v2 是连通的(可以直接相连,也可以间接相连)。如果图中任意一对顶点都是连通的,则称此图为连通图。如果不是连通图,则会存在孤岛。

强连通图:在有向图中,若在每一对顶点 vi 和 vj 之间都存在一条从 vi 到 vj 的路径,也存在一条从 vj 到 vi的路径,则称此图是强连通图。

生成树:在无向图中,一个连通图的最小连通子图称作该图的生成树。有 n 个顶点的连通图的生成树有 n 个顶点和 n - 1 条边。

👉图的存储结构👈

因为图中既有节点,又有边(节点与节点之间的关系)。因此,在图的存储中,只需要保存节点和边关系即可。节点保存比较简单,只需要一段连续空间即可,那边关系该怎么保存呢?

邻接矩阵

因为节点与节点之间的关系就是连通与否,即为 0 或者1,因此邻接矩阵(二维数组)即是先用一个数组将定点保存,然后采用矩阵来表示节点与节点之间的关系

在这里插入图片描述
注意:

  1. 无向图的邻接矩阵是对称的,第 i 行(列)元素之和,就是顶点 i 的度。有向图的邻接矩阵则不一定是对称的,第 i 行(列)元素之后就是顶点 i 的出(入)度。
  2. 如果边带有权值,并且两个节点之间是连通的,上图中的边的关系就用权值代替,如果两个顶点不通,则使用无穷大代替。

在这里插入图片描述
3. 邻接矩阵的优点:非常适合存储稠密图,用邻接矩阵存储图的有点是能够快速知道两个顶点是否连通并取到权值。缺点:如果顶点比较多,边比较少时,矩阵中存储了大量的 0 成为系数矩阵,比较浪费空间,并且要求两个节点之间的路径不是很好求。相对而言,不适合查找一个顶点的所有边,时间复杂度为 O(顶点个数)。

邻接矩阵的模拟实现

#pragma once
#include <vector>
#include <map>
#include <iostream>
using namespace std;

namespace matrix
{
	// V是顶点,W是权值
	// 默认权值是INT_MAX,默认是无向图
	template <class V, class W, W W_MAX = INT_MAX, bool Direction = false>
	class Graph
	{
	public:
		// 图的创建
		// 1.IO输入 -- 不方便测试,OJ中更适合
		// 2.图的结构关系写到文件中,读取文件
		// 3.手动添加边,方便测试
		Graph(const V* a, size_t n)
		{
			// 将顶点集合的空间开好
			_vertexs.reserve(n);
			for (size_t i = 0; i < n; ++i)
			{
				// 建立映射关系
				_vertexs.push_back(a[i]);
				_indexMap[a[i]] = i;
			}
			// 将邻接矩阵的空间开好
			_matrix.resize(n);
			for (size_t i = 0; i < n; ++i)
			{
				_matrix[i].resize(n, W_MAX);
			}
		}

		// 获得顶点对应的下标
		size_t GetVertexIndex(const V& v)
		{
			auto it = _indexMap.find(v);
			if (it != _indexMap.end())
				return it->second;
			else
			{
				//assert(false);
				throw invalid_argument("顶点不存在");
				return -1;
			}
		}
		
		void AddEdge(const V& src, const V& dst, const W& w)
		{
			size_t srci = GetVertexIndex(src);
			size_t dsti = GetVertexIndex(dst);

			_matrix[srci][dsti] = w;
			// 无向图
			if (Direction == false)
				_matrix[dsti][srci] = w;
		}

		void Print()
		{
			int n = _vertexs.size();
			// 打印顶点及映射关系
			for (size_t i = 0; i < n; ++i)
			{
				cout <<"[" << _vertexs[i] << "]" << "->" << i << endl;
			}
			cout << endl;

			// 打印矩阵列标
			cout << "  ";
			for (size_t i = 0; i < _vertexs.size(); ++i)
			{
				cout << i << " ";
			}
			cout << endl;

			// 打印权值
			for (size_t i = 0; i < n; ++i)
			{
				cout << i << " ";	// 打印矩阵行标
				for (size_t j = 0; j < n; ++j)
				{
					if (_matrix[i][j] != W_MAX)
						cout << _matrix[i][j] << " ";
					else
						cout << "*" << " ";
				}
				cout << endl;
			}
			cout << endl << endl;
		}

	private:
		vector<V> _vertexs;			// 顶点集合
		map<V, int> _indexMap;		// 顶点映射的下标
		vector<vector<W>> _matrix;	// 邻接矩阵
	};

	void GraphTest()
	{
		Graph<char, int, INT_MAX, true> g("0123", 4);
		g.AddEdge('0', '1', 1);
		g.AddEdge('0', '3', 4);
		g.AddEdge('1', '3', 2);
		g.AddEdge('1', '2', 9);
		g.AddEdge('2', '3', 8);
		g.AddEdge('2', '1', 5);
		g.AddEdge('2', '0', 3);
		g.AddEdge('3', '2', 6);

		g.Print();
	}
}

在这里插入图片描述

邻接表

邻接表:使用数组表示顶点的集合,使用链表表示边的关系。

  1. 无向图邻接表存储

在这里插入图片描述
注意:无向图中同一条边在邻接表中出现了两次。如果想知道顶点 vi 的度,只需要知道顶点 vi 边链表集合中结点的数目即可。

  1. 有向图邻接表存储

在这里插入图片描述
注意:有向图中每条边在邻接表中只出现一次,与顶点 vi 对应的邻接表所含结点的个数,就是该顶点的出度,也称出度表。想要得到 vi 顶点的入度,必须检测其他所有顶点对应的边链表,看有多少边顶点的 dst 取值是 i。

邻接表适合存储稀疏图,适合查找一个顶点连接出去的边,邻接表不适合确定两个顶点是否相连及边的权重。一般情况下,有向图存储出边表即可。

邻接表的实现

#pragma once
#include <vector>
#include <map>
#include <iostream>
#include <string>
using namespace std;

namespace linkTable
{
	template<class W>
	struct LinkEdge
	{
		// 只关心出边
		//int _srcIndex;	// 起始点下标
		int _dstIndex;	// 目标点下标
		W _w;			// 权值
		LinkEdge<W>* _next;	

		LinkEdge(int dstIndex, const W& w)
			: _dstIndex(dstIndex)
			, _w(w)
			, _next(nullptr)
		{}
	};

	// V是顶点,W是权值
	// 默认是无向图
	template <class V, class W, bool Direction = false>
	class Graph
	{
		typedef LinkEdge<W> Edge;
	public:
		Graph(const V* a, size_t n)
		{
			// 将顶点集合的空间开好
			_vertexs.reserve(n);
			for (size_t i = 0; i < n; ++i)
			{
				// 建立映射关系
				_vertexs.push_back(a[i]);
				_indexMap[a[i]] = i;
			}
			// 将邻接表的空间开好
			_tables.resize(n, nullptr);
		}

		// 获得顶点对应的下标
		size_t GetVertexIndex(const V& v)
		{
			auto it = _indexMap.find(v);
			if (it != _indexMap.end())
				return it->second;
			else
			{
				//assert(false);
				throw invalid_argument("顶点不存在");
				return -1;
			}
		}

		void AddEdge(const V& src, const V& dst, const W& w)
		{
			size_t srci = GetVertexIndex(src);
			size_t dsti = GetVertexIndex(dst);

			// 头插
			Edge* eg = new Edge(dsti, w);
			eg->_next = _tables[srci];
			_tables[srci] = eg;
			
			// 无向图
			if (Direction == false)
			{
				eg = new Edge(srci, w);
				eg->_next = _tables[dsti];
				_tables[dsti] = eg;
			}
		}

		void Print()
		{
			int n = _tables.size();
			// 顶点
			for (size_t i = 0; i < n; ++i)
			{
				cout << "[" << i << "]:" << _vertexs[i] << "->";
				Edge* cur = _tables[i];
				while (cur)
				{
					cout << "[" << cur->_dstIndex << ":" << _vertexs[cur->_dstIndex] << ":" << cur->_w << "]" << "->";
					cur = cur->_next;
				}
				cout << "nullptr" << endl;
			}
			cout << endl;
		}

	private:
		vector<V> _vertexs;			// 顶点集合
		map<V, int> _indexMap;		// 顶点映射的下标
		vector<Edge*> _tables;		// 邻接表
	};

	void GraghTest()
	{
		string a[] = { "张三", "李四", "王五", "赵六", "田七" };
		Graph<string, int, true> g1(a, sizeof(a) / sizeof(string));	// 无向图
		//Graph<string, int, true> g1(a, sizeof(a) / sizeof(string));	// 有向图
		g1.AddEdge("张三", "李四", 100);
		g1.AddEdge("张三", "王五", 200);
		g1.AddEdge("王五", "赵六", 30);
		g1.AddEdge("王五", "田七", 30);
		
		g1.Print();
	}
}

在这里插入图片描述

👉图的遍历👈

给定一个图 G 和其中任意一个顶点 v0,从 v0 出发,沿着图中各边访问图中的所有顶点,且每个顶点仅被遍历一次。遍历即对结点进行某种操作的意思

图的广度优先遍历

这里是引用
在这里插入图片描述
图的广度优先遍历和树的层序遍历相似,需要借助队列。当前节点出队列,需要将与其相连的节点入队列。如果相连节点已经遍历过了,该节点不能再入队列,所以需要将已遍历过的节点(即入队列的节点)标记一下。

namespace matrix
{
	// ...
	class Graph
	{
	public:
		void BFS(const V& src)
		{
			size_t srci = GetVertexIndex(src);
			// 队列和标记数组
			vector<bool> visited(_vertexs.size(), false);
			queue<int> q;
			q.push(srci);
			visited[srci] = true;

			size_t n = _vertexs.size();
			while (!q.empty())
			{
				int front = q.front();
				q.pop();
				cout << "[" << front << ":" << _vertexs[front] << "]" << endl;
				// front的邻接顶点入队列
				for (size_t i = front + 1; i < n; ++i)
				{
					if (_matrix[front][i] != W_MAX)
					{
						if (visited[i] == false)
						{
							q.push(i);
							visited[i] = true;
						}
					}
				}
			}
		}
	}
	// ...
}

在这里插入图片描述

在这里插入图片描述
思路:和二叉树的层序遍历一层一层打印的思路类似,找出一个人的 n 度好友也需要控制一层一层地打印。

namespace matrix
{
	// ...
	class Graph
	{
	public:
		void BFS(const V& src)
		{
			size_t srci = GetVertexIndex(src);
			// 队列和标记数组
			vector<bool> visited(_vertexs.size(), false);
			queue<int> q;
			q.push(srci);
			visited[srci] = true;
			int levelSize = 1;

			size_t n = _vertexs.size();
			while (!q.empty())
			{
				for (int i = 0; i < levelSize; ++i)
				{
					int front = q.front();
					q.pop();
					cout << "[" << front << ":" << _vertexs[front] << "]" << "  ";
					// front的邻接顶点入队列
					for (size_t i = front + 1; i < n; ++i)
					{
						if (_matrix[front][i] != W_MAX)
						{
							if (visited[i] == false)
							{
								q.push(i);
								visited[i] = true;
							}
						}
					}
				}
				cout << endl;

				levelSize = q.size();
			}
		}
	}
	// ...
}

在这里插入图片描述

图的深度优先遍历

这里是引用
在这里插入图片描述

namespace matrix
{
	// ...
	class Graph
	{
	public:
		void DFS(const V& src)
		{
			size_t srci = GetVertexIndex(src);
			vector<bool> visited(_vertexs.size(), false);
			_DFS(srci, visited);
		}
	private:
		void _DFS(size_t srci, vector<bool>& visited)
		{
			cout << "[" << srci << ":" << _vertexs[srci] << "]" << endl;
			visited[srci] = true;

			// 找一个与srci相邻的没有访问过的顶点,进行深度遍历
			for (size_t i = srci + 1; i < _vertexs.size(); ++i)
			{
				if (_matrix[srci][i] != W_MAX && visited[i] == false)
				{
					_DFS(i, visited);
				}
			}
		}
	// ...
}

在这里插入图片描述
注:对于稀疏图来说,邻接矩阵的广度优先遍历和深度优先遍历是比较吃亏的,因为比较多的位置是空的,但还需要去检查是否为空。而邻接表的广度优先遍历和深度优先遍历是比较复杂的,所以还是采用了邻接矩阵的广度优先遍历和深度优先遍历。

如果给出的图不是连通图,那么以某个顶点为起点就无法遍历完整个图的顶点,那如何保存遍历完剩下的顶点呢?visited 数组中记录着顶点的是否遍历过了的信息,只要将没有遍历过的顶点遍历就行了。

在这里插入图片描述

👉总结👈

本篇博客主要讲解了图的基本概念、邻接矩阵和邻接表、图的广度优先遍历和深度遍历等。那么以上就是本篇博客的全部内容了,如果大家觉得有收获的话,可以点个三连支持一下!谢谢大家!💖💝❣️

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

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

相关文章

ElasticSearc写入查询性能优化总结

文章目录前言1、bulk批量写入2、多线程写入3、修改索引刷新时间4、修改merge参数以及线程数6、index buffer7、磁盘间的任务均衡8、Mapping优化8.1、自动生成docID(避免ES对自定义ID验证的操作)8.2、调整字段Mapping8.3、调整_source字段8.4、禁用_all8.5、禁用Norms8.6、index…

Elasticsearch学习-父子文档

elasticsearch父子文档处理 join 一、背景二、需求三、前置知识四、实现步骤 1、创建 mapping2、添加父文档数据3、添加子文档4、查询文档 1、根据父文档id查询它下方的子文档2、has_child返回满足条件的父文档3、has_parent返回满足父文档的子文档 五、Nested Object 和 joi…

docker部署vue

1: 创建 Dockerfile 文件 配置一下内容&#xff1a; # 设置基础镜像&#xff0c;这里使用最新的nginx镜像&#xff0c;前面已经拉取过了 FROM nginx # 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面 COPY dist/ /usr/share/nginx/html/ 2: 安装nginx …

物联网平台的产品架构

一、物联网介绍1. 概述物联网&#xff08; IoT &#xff0c;Internet of things &#xff09;即“万物相连的互联网”&#xff0c;是互联网基础上的延伸和扩展的网络&#xff0c;将各种信息传感设备与互联网结合起来而形成的一个巨大网络&#xff0c;实现在任何时间、任何地点&…

LeetCode 热题 HOT 100 -- Java 题解

LeetCode 热题 HOT 100 --Java 题解1. 两数之和2. 两数相加3. 无重复字符的最长子串4. 寻找两个正序数组的中位数1. 两数之和 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target 的那 两个 整数&#xff0c;并返回它们的数组下…

【信管10.3】风险定量分析及应对监控

风险定量分析及应对监控通过前三个过程&#xff0c;我们已经有了风险登记册&#xff0c;也就是一个所有识别出来的风险情况。然后可以通过定性风险分析来进行分类和排序。接下来我们要继续通过定量&#xff0c;也就是数据的手段来继续完善风险登记册。只有有了详尽的风险登记册…

我对KMP算法的简单理解

我对KMP算法的简单理解 前言&#xff1a;字符串匹配问题 问题概述&#xff1a; “字符串A是否为字符串B的子串&#xff1f;如果是&#xff0c;出现在B的什么位置&#xff1f;”这个问题就是字符串匹配问题。字符串A称为模式串(zs)&#xff0c;字符串B称为主串(ss)。 其中&a…

C++ 深入理解模板实现多态思想

文章目录前言一、模板与多态基础1.模板2.多态二、模板实现多态三、实际应用前言 对C/C学习感兴趣的可以看看这篇文章噢&#xff1a;C/C教程 最近有时间&#xff0c;便用WTL写了一个兼具群聊、单聊以及传输文件的聊天软件&#xff0c;过几天应该就能更新到 C/C教程系列 中了 …

EasyGBS+EasyNVS技术方案,如何实现对多现场国标视频平台的统一管理?

一、平台能力 1&#xff09;EasyGBS EasyGBS国标视频云服务平台支持无缝、完整接入内网或者公网的国标设备&#xff0c;在输出上&#xff0c;实现全平台、全终端输出。EasyGBS可将GB/T28181设备/平台推送的PS流转成ES流&#xff0c;并提供RTSP、RTMP、FLV、HLS、WebRTC等多种…

使用shell进行简单操作

目录 1、shell实现乘法表的打印 2、shell判定成绩等级 3、循环创建用户 1、shell实现乘法表的打印 要求&#xff1a;嵌套循环实现9*9乘法表&#xff08;两种方式&#xff09; 创建脚本文件&#xff1a;vim mcl.sh #!/bin/bash ######################### #File name:mcl.s…

idea插件及插件使用方法

CamelCase (下划线转驼峰) 使用快捷键&#xff1a;altshiftu。 按住altshift再不停的按U&#xff0c;会把选中内容的单词的下划线转驼峰转大写等&#xff0c;不停的转换。 Maven Helper Maven助手 安装之后再次打开pom文件&#xff0c;文件左下角会多出一个视图。 切换到"…

软件测试基础(三) 之 软件的生命周期

软件的生命周期一、软件的生命周期简述软件的生命周期中最早可能是客户&#xff0c;可能是产品的一个想法阶段&#xff0c;然后再到后来的一个需求阶段&#xff0c;再到开发人员去进行编码&#xff0c;去进行自己的自测&#xff0c;再提到软件测试人员进行综合测试&#xff0c;…

C语言之初识指针

前言 &#x1f388;个人主页:&#x1f388; :✨✨✨初阶牛✨✨✨ &#x1f43b;推荐专栏: &#x1f354;&#x1f35f;&#x1f32f; c语言初阶 &#x1f511;个人信条: &#x1f335;知行合一 &#x1f349;本篇简介:>:介绍c语言中的新知识—指针有关的知识. 金句分享: ✨知…

大数据舆情监控流程,TOOM大数据舆情监控范围

大数据舆情监控是一种通过大数据技术&#xff0c;分析社会舆情信息&#xff0c;掌握舆情动态的方法。它利用大数据的存储和处理能力&#xff0c;对海量的网络舆情数据进行收集、清洗、分析、呈现&#xff0c;帮助企业和机构了解公众的想法和评价&#xff0c;掌握舆情动态&#…

【正点原子FPGA连载】第三十一章Linux内核定时器实验 摘自【正点原子】DFZU2EG_4EV MPSoC之嵌入式Linux开发指南

1&#xff09;实验平台&#xff1a;正点原子MPSoC开发板 2&#xff09;平台购买地址&#xff1a;https://detail.tmall.com/item.htm?id692450874670 3&#xff09;全套实验源码手册视频下载地址&#xff1a; http://www.openedv.com/thread-340252-1-1.html 第三十一章Linux…

【Linux】多线程详解(中)

&#x1f387;Linux&#xff1a; 博客主页&#xff1a;一起去看日落吗分享博主的在Linux中学习到的知识和遇到的问题博主的能力有限&#xff0c;出现错误希望大家不吝赐教分享给大家一句我很喜欢的话&#xff1a; 看似不起波澜的日复一日&#xff0c;一定会在某一天让你看见坚持…

哈希表的概念(散列表)

一、基本概念 散列表特点 &#xff1a; 数据元素的关键字与存储地址直接相关 通过哈希函数建立“关键字”与“存储地址”的联系 若不同的关键字通过散列函数映射到同一个值&#xff0c;则称它们为 “同义词” 通过散列函数确定的位置已经存放了其他元素&#xff0c;则称这种…

今日题目分享(两个维度的思考,双指针/动态规划,b站视频讲解)

先直接上连接 941有效的山脉数组 845数组中的最长山脉 2100适合打劫银行的日子. 2420找到所有好下标. 什么是两个维度&#xff1f; 这里是从代码随想录里面学习到的思考方式&#xff0c;开门见山地说&#xff0c;就是两个方面去考虑题目&#xff0c;比如&#xff0c;要求第…

vue前端框架应用案例(二)实现简单的SPA应用

目录路由使用步骤案例效果案例目录结构App.vueAbout.vueHome.vueindex.jsmain.jsindex.html本博客参考尚硅谷官方课程&#xff0c;详细请参考 【尚硅谷bilibili官方】 本博客以vue2作为学习目标&#xff08;请勿混淆v2与v3的代码规范&#xff0c;否则可能出现报错&#xff09…

docker搭建nacos集群

一、先搭建MySQL主从模式 Nacos使用delby作为内嵌数据库&#xff0c;在使用集群作为部署方式时&#xff0c;内嵌数据库无法保持数据同步与数据一致&#xff0c;故一般使用外接MySQL数据库的方式保存配置文件。使用一主一从的方式搭建&#xff0c;实现主从复制与读写分离。 1.…