Alawn/Interview-Notebook
1
0
Fork 0
mirror of https://github.com/CyC2018/Interview-Notebook.git synced 2026-10-29 23:23:43 +00:00
Code Issues Releases Wiki Activity

Update 设计模式 - 中介者.md

Browse Source 
重新绘制配图。
This commit is contained in:
CyC2018
2026-10-26 22:04:21 +08:00
parent d3ea423f18
commit 29ae9a6e9b
5 changed files with 100 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
notes/pics/mediator-after.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

notes/pics/mediator-before.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

notes/设计模式 - 中介者.md
+2 -2
View File
@@ -17,11 +17,11 @@
Alarm（闹钟）、CoffeePot（咖啡壶）、Calendar（日历）、Sprinkler（喷头）是一组相关的对象，在某个对象的事件产生时需要去操作其它对象，形成了下面这种依赖结构：
<div align="center"> <img src="https://cs-notes-1256109796.cos.ap-guangzhou.myqcloud.com/82cfda3b-b53b-4c89-9fdb-26dd2db0cd02.jpg"/> </div><br>
<div align="center"> <img src="pics/mediator-before.png" width="640px"/> </div><br>
使用中介者模式可以将复杂的依赖结构变成星形结构：
<div align="center"> <img src="https://cs-notes-1256109796.cos.ap-guangzhou.myqcloud.com/5359cbf5-5a79-4874-9b17-f23c53c2cb80.jpg"/> </div><br>
<div align="center"> <img src="pics/mediator-after.png" width="640px"/> </div><br>
```java
public abstract class Colleague {
tools/diagram/src/mediator-after.svg
+49
View File
@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="300" viewBox="0 0 640 300">
<style>
text { font-family: "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; fill: #3F3F3F; font-size: 12px; }
.title { font-weight: bold; font-size: 15px; fill: #333; text-anchor: middle; }
.b { font-weight: bold; }
.c { text-anchor: middle; }
.e { text-anchor: end; }
.sub { font-size: 11px; fill: #6E6E6E; }
.note { fill: #C0605A; }
.ok { fill: #6A9F68; }
.mono { font-family: Menlo, Consolas, monospace; }
.arrow { stroke: #555; stroke-width: 1.1; fill: none; marker-end: url(#a); }
.red { stroke: #C0605A; marker-end: url(#r); }
.green { stroke: #6A9F68; marker-end: url(#g); }
.dash { stroke-dasharray: 5 4; }
.line { stroke: #555; stroke-width: 1.1; fill: none; }
.frame { fill: none; stroke: #999; stroke-width: 1; stroke-dasharray: 4 3; }
.shadow { fill: #DADADA; }
</style>
<defs>
<marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1,1.5 L9.5,5 L1,8.5 z" fill="#555"/>
</marker>
<marker id="r" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1,1.5 L9.5,5 L1,8.5 z" fill="#C0605A"/>
</marker>
<marker id="g" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1,1.5 L9.5,5 L1,8.5 z" fill="#6A9F68"/>
</marker>
</defs>
<rect width="100%" height="100%" fill="#FFFFFF"/>
<text x="320" y="28" class="title">中介者：网状依赖变成星形</text>
<rect x="70" y="58" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="140" y="84.5" class="c sub b">Alarm</text>
<rect x="430" y="58" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="500" y="84.5" class="c sub b">CoffeePot</text>
<rect x="70" y="208" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="140" y="234.5" class="c sub b">Calendar</text>
<rect x="430" y="208" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="500" y="234.5" class="c sub b">Sprinkler</text>
<rect x="250" y="133" width="140" height="44" rx="6" fill="#C6ECE9" stroke="#7DBCB7"/>
<text x="320" y="159.5" class="c sub b">Mediator</text>
<line x1="212" y1="90" x2="248" y2="143" class="arrow "/>
<line x1="428" y1="90" x2="392" y2="143" class="arrow "/>
<line x1="212" y1="220" x2="248" y2="167" class="arrow "/>
<line x1="428" y1="220" x2="392" y2="167" class="arrow "/>
<text x="320" y="286" class="c sub">每个对象只把事件交给 Mediator，由它决定通知谁，例如闹钟响了就调用咖啡壶、日历和喷头。</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

tools/diagram/src/mediator-before.svg
+49
View File
@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="300" viewBox="0 0 640 300">
<style>
text { font-family: "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; fill: #3F3F3F; font-size: 12px; }
.title { font-weight: bold; font-size: 15px; fill: #333; text-anchor: middle; }
.b { font-weight: bold; }
.c { text-anchor: middle; }
.e { text-anchor: end; }
.sub { font-size: 11px; fill: #6E6E6E; }
.note { fill: #C0605A; }
.ok { fill: #6A9F68; }
.mono { font-family: Menlo, Consolas, monospace; }
.arrow { stroke: #555; stroke-width: 1.1; fill: none; marker-end: url(#a); }
.red { stroke: #C0605A; marker-end: url(#r); }
.green { stroke: #6A9F68; marker-end: url(#g); }
.dash { stroke-dasharray: 5 4; }
.line { stroke: #555; stroke-width: 1.1; fill: none; }
.frame { fill: none; stroke: #999; stroke-width: 1; stroke-dasharray: 4 3; }
.shadow { fill: #DADADA; }
</style>
<defs>
<marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1,1.5 L9.5,5 L1,8.5 z" fill="#555"/>
</marker>
<marker id="r" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1,1.5 L9.5,5 L1,8.5 z" fill="#C0605A"/>
</marker>
<marker id="g" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1,1.5 L9.5,5 L1,8.5 z" fill="#6A9F68"/>
</marker>
</defs>
<rect width="100%" height="100%" fill="#FFFFFF"/>
<text x="320" y="28" class="title">没有中介者：对象之间互相调用</text>
<rect x="70" y="58" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="140" y="84.5" class="c sub b">Alarm</text>
<rect x="430" y="58" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="500" y="84.5" class="c sub b">CoffeePot</text>
<rect x="70" y="208" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="140" y="234.5" class="c sub b">Calendar</text>
<rect x="430" y="208" width="140" height="44" rx="6" fill="#C6E4FB" stroke="#7FB2D6"/>
<text x="500" y="234.5" class="c sub b">Sprinkler</text>
<line x1="214" y1="80" x2="426" y2="80" class="arrow" marker-start="url(#a)"/>
<line x1="140" y1="110" x2="140" y2="200" class="arrow" marker-start="url(#a)"/>
<line x1="208.308" y1="91.5385" x2="431.692" y2="218.462" class="arrow" marker-start="url(#a)"/>
<line x1="431.692" y1="91.5385" x2="208.308" y2="218.462" class="arrow" marker-start="url(#a)"/>
<line x1="500" y1="110" x2="500" y2="200" class="arrow" marker-start="url(#a)"/>
<line x1="214" y1="230" x2="426" y2="230" class="arrow" marker-start="url(#a)"/>
<text x="320" y="286" class="c sub">4 个对象之间有 6 条依赖，新增一个对象就要修改其它所有对象。</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB