mirror of
https://github.com/zhwei820/learn.lianglianglee.com.git
synced 2025-09-17 08:46:40 +08:00
1058 lines
31 KiB
HTML
1058 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<!-- saved from url=(0046)https://kaiiiz.github.io/hexo-theme-book-demo/ -->
|
||
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
||
<head>
|
||
|
||
<head>
|
||
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
||
|
||
<link rel="icon" href="/static/favicon.png">
|
||
|
||
<title>02 适配模式：身高不够鞋来凑.md.html</title>
|
||
|
||
<!-- Spectre.css framework -->
|
||
|
||
<link rel="stylesheet" href="/static/index.css">
|
||
|
||
<!-- theme css & js -->
|
||
|
||
<meta name="generator" content="Hexo 4.2.0">
|
||
|
||
</head>
|
||
<body>
|
||
<div class="book-container">
|
||
|
||
<div class="book-sidebar">
|
||
|
||
<div class="book-brand">
|
||
|
||
<a href="/">
|
||
|
||
<img src="/static/favicon.png">
|
||
|
||
<span>技术文章摘抄</span>
|
||
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<div class="book-menu uncollapsible">
|
||
|
||
<ul class="uncollapsible">
|
||
|
||
<li><a href="/" class="current-tab">首页</a></li>
|
||
|
||
</ul>
|
||
<ul class="uncollapsible">
|
||
|
||
<li><a href="../">上一级</a></li>
|
||
|
||
</ul>
|
||
<ul class="uncollapsible">
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/00 生活中的设计模式：启程之前，请不要错过我.md.html">00 生活中的设计模式：启程之前，请不要错过我.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/01 监听模式：坑爹的热水器.md.html">01 监听模式：坑爹的热水器.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="current-tab" href="/专栏/白话设计模式 28 讲（完）/02 适配模式：身高不够鞋来凑.md.html">02 适配模式：身高不够鞋来凑.md.html</a>
|
||
|
||
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/03 状态模式：人与水的三态.md.html">03 状态模式：人与水的三态.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/04 单例模式：你是我生命的唯一.md.html">04 单例模式：你是我生命的唯一.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/05 职责模式：我的假条去哪了.md.html">05 职责模式：我的假条去哪了.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/06 中介模式：找房子问中介.md.html">06 中介模式：找房子问中介.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/07 代理模式：帮我拿一下快递.md.html">07 代理模式：帮我拿一下快递.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/08 装饰模式：你想怎么穿就怎么穿.md.html">08 装饰模式：你想怎么穿就怎么穿.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/09 工厂模式：你要拿铁还是摩卡.md.html">09 工厂模式：你要拿铁还是摩卡.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/10 迭代模式：下一个就是你了.md.html">10 迭代模式：下一个就是你了.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/11 组合模式：自己组装电脑.md.html">11 组合模式：自己组装电脑.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/12 构建模式：想要车还是庄园.md.html">12 构建模式：想要车还是庄园.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/13 克隆模式：给你一个分身术.md.html">13 克隆模式：给你一个分身术.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/14 策略模式：怎么来不重要，人到就行.md.html">14 策略模式：怎么来不重要，人到就行.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/15 命令模式：大闸蟹，走起！.md.html">15 命令模式：大闸蟹，走起！.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/16 备忘模式：好记性不如烂笔头.md.html">16 备忘模式：好记性不如烂笔头.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/17 享元模式：颜料很贵必须充分利用.md.html">17 享元模式：颜料很贵必须充分利用.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/18 外观模式：学妹别慌，学长帮你.md.html">18 外观模式：学妹别慌，学长帮你.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/19 访问模式：一千个读者一千个哈姆雷特.md.html">19 访问模式：一千个读者一千个哈姆雷特.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/20 生活中的设计模式：与经典设计模式的不解渊源.md.html">20 生活中的设计模式：与经典设计模式的不解渊源.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/21 生活中的设计模式：那些未完待续的设计模式.md.html">21 生活中的设计模式：那些未完待续的设计模式.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/22 深入解读过滤器模式：制作一杯鲜纯细腻的豆浆.md.html">22 深入解读过滤器模式：制作一杯鲜纯细腻的豆浆.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/23 深入解读对象池技术：共享让生活更便捷.md.html">23 深入解读对象池技术：共享让生活更便捷.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/24 深入解读回调机制：把你技能亮出来.md.html">24 深入解读回调机制：把你技能亮出来.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/25 谈谈我对设计模式的理解.md.html">25 谈谈我对设计模式的理解.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/26 谈谈我对设计原则的思考.md.html">26 谈谈我对设计原则的思考.md.html</a>
|
||
</li>
|
||
|
||
<li>
|
||
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/27 谈谈我对项目重构的看法.md.html">27 谈谈我对项目重构的看法.md.html</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="sidebar-toggle" onclick="sidebar_toggle()" onmouseover="add_inner()" onmouseleave="remove_inner()">
|
||
|
||
<div class="sidebar-toggle-inner"></div>
|
||
|
||
</div>
|
||
<script>
|
||
|
||
function add_inner() {
|
||
|
||
let inner = document.querySelector('.sidebar-toggle-inner')
|
||
|
||
inner.classList.add('show')
|
||
|
||
}
|
||
function remove_inner() {
|
||
|
||
let inner = document.querySelector('.sidebar-toggle-inner')
|
||
|
||
inner.classList.remove('show')
|
||
|
||
}
|
||
function sidebar_toggle() {
|
||
|
||
let sidebar_toggle = document.querySelector('.sidebar-toggle')
|
||
|
||
let sidebar = document.querySelector('.book-sidebar')
|
||
|
||
let content = document.querySelector('.off-canvas-content')
|
||
|
||
if (sidebar_toggle.classList.contains('extend')) { // show
|
||
|
||
sidebar_toggle.classList.remove('extend')
|
||
|
||
sidebar.classList.remove('hide')
|
||
|
||
content.classList.remove('extend')
|
||
|
||
} else { // hide
|
||
|
||
sidebar_toggle.classList.add('extend')
|
||
|
||
sidebar.classList.add('hide')
|
||
|
||
content.classList.add('extend')
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
function open_sidebar() {
|
||
|
||
let sidebar = document.querySelector('.book-sidebar')
|
||
|
||
let overlay = document.querySelector('.off-canvas-overlay')
|
||
|
||
sidebar.classList.add('show')
|
||
|
||
overlay.classList.add('show')
|
||
|
||
}
|
||
|
||
function hide_canvas() {
|
||
|
||
let sidebar = document.querySelector('.book-sidebar')
|
||
|
||
let overlay = document.querySelector('.off-canvas-overlay')
|
||
|
||
sidebar.classList.remove('show')
|
||
|
||
overlay.classList.remove('show')
|
||
|
||
}
|
||
</script>
|
||
<div class="off-canvas-content">
|
||
|
||
<div class="columns">
|
||
|
||
<div class="column col-12 col-lg-12">
|
||
|
||
<div class="book-navbar">
|
||
|
||
<!-- For Responsive Layout -->
|
||
|
||
<header class="navbar">
|
||
|
||
<section class="navbar-section">
|
||
|
||
<a onclick="open_sidebar()">
|
||
|
||
<i class="icon icon-menu"></i>
|
||
|
||
</a>
|
||
|
||
</section>
|
||
|
||
</header>
|
||
|
||
</div>
|
||
|
||
<div class="book-content" style="max-width: 960px; margin: 0 auto;
|
||
|
||
overflow-x: auto;
|
||
|
||
overflow-y: hidden;">
|
||
|
||
<div class="book-post">
|
||
|
||
<p id="tip" align="center"></p>
|
||
|
||
<div><h1>02 适配模式：身高不够鞋来凑</h1>
|
||
|
||
<p>【故事剧情】</p>
|
||
|
||
<blockquote>
|
||
|
||
<p>晚上九点半，Tony 上了地铁，准备回家，正巧还有一个空位，赶紧走向前坐下。工作一天后，疲惫不堪的他正准备坐着打个盹小睡一会儿。这时进来两个小姑娘，一个小巧可爱，一个身姿曼妙；嬉笑地聊着天走到了 Tony 的前面，Tony 犹豫了片刻后还是绅士般地给小女孩让了个座……</p>
|
||
|
||
<p>两个小姑娘道了声谢谢，便挤在一块坐下了，继续有说有笑地谈论着……</p>
|
||
|
||
<p>Amy：周末在商场里看到你和一个帅哥在一起。好你个 Nina，脱单了也不告诉姐姐我，太不够意思了！怎么……想金屋藏“娇”啊！</p>
|
||
|
||
<p>Nina：不是啦，也是最近刚有事，还没来得及告诉你呢。</p>
|
||
|
||
<p>Amy：那快说说呗！那小哥看着很高啊！</p>
|
||
|
||
<p>Nina：嗯，他1米85。</p>
|
||
|
||
<p>Amy：厉害了，你155 他185，这就是传说中的最萌身高组合啊！</p>
|
||
|
||
<p>Nina：嗯，走在大街上，别人都回头看我们，弄的我挺不好了意思的~</p>
|
||
|
||
<p>Amy：你这是身在福中不知福啊！别人就是因为想求也求不到呢！</p>
|
||
|
||
<p>Nina：也有很气的时候啦，有时生气想打他，结果粉拳一出去就被他的大手包了饺子。</p>
|
||
|
||
<p>Amy：哈哈哈哈，还有呢！</p>
|
||
|
||
<p>Nina：还有一件很囧的事，我一抬头总是看到他的鼻毛，他一低头总是看到我的头发屑！</p>
|
||
|
||
<p>Amy：哈哈哈！笑的我肚子痛了……所以你们在一起，你一定要天天洗头，他一定要天天修鼻毛咯~</p>
|
||
|
||
<p>Nina：是啊！可麻烦了~</p>
|
||
|
||
<p>Amy：看来还是我这 160 的身高最棒了！衣服可以随便挑，更重要的是我男友 175，穿上高跟鞋，我就可以挽着他的手肩并肩地走~</p>
|
||
|
||
<p>Nina：这就是所谓的<strong>身高不够鞋来凑</strong>吗？</p>
|
||
|
||
<p>Amy：不然怎么叫万能的高跟鞋呢……</p>
|
||
|
||
<p>Nina：好羡慕啊！在我这，高跟鞋也无能~</p>
|
||
|
||
<p>Amy：… …</p>
|
||
|
||
<p>正听的兴起时，地铁门开了。Tony 才反应过来，到站了，该下车了。Tony 赶忙往车门方向走，一不小心额头碰到了把手上，只好一手护着头往外跑，两个小姑娘相视一笑~</p>
|
||
|
||
</blockquote>
|
||
|
||
<p><img src="assets/92000c10-71eb-11e8-89a0-a176c63a6bd8.jpg" alt="img" /></p>
|
||
|
||
<h3>用程序来模拟生活</h3>
|
||
|
||
<p>身材苗条、长像出众是每个人梦寐以求的，尤其是女孩子！但很多人却因为先天的原因并不能如意，这时就需要通过服装、化妆去弥补。所谓美女，三分靠长相七分靠打扮！比如身高不够，就可以通过穿高跟鞋来弥补；如果本身就比较高，那穿不穿高跟鞋就没那么重要了。这里的高跟鞋就起着一个适配的作用，能让你的形象增高四、五厘米，下面我们就用代码来模拟一下高跟鞋在生活中的场景吧！</p>
|
||
|
||
<p>源码示例：</p>
|
||
|
||
<pre><code class="language-python">class IHightPerson:
|
||
|
||
"接口类，提供空实现的方法，由子类去实现"
|
||
def getName(self):
|
||
|
||
"获取姓名"
|
||
|
||
pass
|
||
def getHeight(self):
|
||
|
||
"获取身高"
|
||
|
||
pass
|
||
class HighPerson(IHightPerson):
|
||
|
||
"个高的人"
|
||
def __init__(self, name):
|
||
|
||
self.__name = name
|
||
def getName(self):
|
||
|
||
return self.__name
|
||
def getHeight(self):
|
||
|
||
return 170
|
||
class ShortPerson:
|
||
|
||
"个矮的人"
|
||
def __init__(self, name):
|
||
|
||
self.__name = name
|
||
def getName(self):
|
||
|
||
return self.__name
|
||
def getRealHeight(self):
|
||
|
||
return 160
|
||
def getShoesHeight(self):
|
||
|
||
return 6
|
||
class DecoratePerson(ShortPerson, IHightPerson):
|
||
|
||
"有高跟鞋搭配的人"
|
||
def getHeight(self):
|
||
|
||
return super().getRealHeight() + super().getShoesHeight()
|
||
</code></pre>
|
||
|
||
<p>测试代码：</p>
|
||
|
||
<pre><code class="language-python">def canPlayReceptionist(person):
|
||
|
||
"""
|
||
|
||
是否可以成为(高级酒店)接待员
|
||
|
||
:param person: IHightPerson的对象
|
||
|
||
:return: 是否符合做接待员的条件
|
||
|
||
"""
|
||
|
||
return person.getHeight() >= 165;
|
||
def testPerson():
|
||
|
||
lira = HighPerson("Lira")
|
||
|
||
print(lira.getName() + "身高" + str(lira.getHeight()) + "，完美如你，天生的美女！" )
|
||
|
||
print("是否适合做接待员：", "符合" if canPlayReceptionist(lira) else "不符合")
|
||
|
||
print()
|
||
|
||
demi = DecoratePerson("Demi");
|
||
|
||
print(demi.getName() + "身高" + str(demi.getHeight()) + "在高跟鞋的适配下，你身高不输高圆圆，气质不输范冰冰！")
|
||
|
||
print("是否适合做接待员：", "符合" if canPlayReceptionist(lira) else "不符合")
|
||
</code></pre>
|
||
|
||
<p>输出结果：</p>
|
||
|
||
<pre><code>Lira身高170，完美如你，天生的美女！
|
||
|
||
是否适合做接待员： 符合
|
||
Demi身高166在高跟鞋的适配下，你身高不输高圆圆，气质不输范冰冰！
|
||
|
||
是否适合做接待员： 符合
|
||
</code></pre>
|
||
|
||
<h3>从剧情中思考适配器模式</h3>
|
||
|
||
<p>在上面的例子中，高跟鞋起着一个适配的作用，让其形象增高 5~7 厘米完全不在话下，而且效果立竿见影！使得一些女孩原本不符合接待员的真实身高，在鞋子的帮助下也能符合条件。如高跟鞋一样，使原本不匹配某种功能的对象变得匹配这种功能，这在程序中叫做适配器模式。</p>
|
||
|
||
<h4>适配器模式</h4>
|
||
|
||
<blockquote>
|
||
|
||
<p>Convert the interface of a class into another interface clients expect. Adapter lets classes work together that couldn't otherwise because of incompatible interfaces.</p>
|
||
|
||
<p>将一个类的接口变成客户端所期望的另一种接口，从而使原本因接口不匹配而无法一起工作的两个类能够在一起工作。</p>
|
||
|
||
</blockquote>
|
||
|
||
<p>适配器模式的作用：</p>
|
||
|
||
<ul>
|
||
|
||
<li>接口转换，将原有的接口（或方法）转换成另一种接口；</li>
|
||
|
||
<li>用新的接口包装一个已有的类；</li>
|
||
|
||
<li>匹配一个老的组件到一个新的接口。</li>
|
||
|
||
</ul>
|
||
|
||
<h4>设计思想</h4>
|
||
|
||
<p>适配器模式又叫变压器模式，也叫包装模式（Wrapper），它的核心思想是将一个对象经过包装或转换后使它符合指定的接口，使得调用方可以像使用这接口的一般对象一样使用它。这一思想，在我们生活中可谓是处处可见，比如变压器插座，能让你像使用国内电器一样使用美标（110V）电器；还有就是各种转接头，如 MiniDP 转 HDMI 转接头、HDMI 转 VGA 线转换器、Micro USB 转 Type-C 转接头等。</p>
|
||
|
||
<p>你们知道吗？“设计模式”一词最初是来源于建筑领域，而中国古建筑是世界建筑史的一大奇迹（如最具代表性的紫禁城），中国古建筑的灵魂是一种叫<strong>榫卯结构</strong>的建造理念。</p>
|
||
|
||
<blockquote>
|
||
|
||
<p>榫卯（sǔn mǎo）是两个木构件上所采用的一种凹凸结合的连接方式。凸出部分叫榫（或榫头）；凹进部分叫卯（或榫眼、榫槽）。它是古代中国建筑、家具及其他木制器械的主要结构方式。</p>
|
||
|
||
</blockquote>
|
||
|
||
<p>榫卯结构的经典模型如下图：</p>
|
||
|
||
<p><img src="assets/a0c29f50-71ec-11e8-9e76-835574e7e257.jpg" alt="img" /></p>
|
||
|
||
<p>榫卯是藏在木头里的灵魂！而随着时代的变化，其结构也发生着一些变化，现在很多建材生产商也在发明和生产新型的具有榫卯结构的木板。假设木板生产商有下面两块木板，木板 A 是榫，木板 B 是卯，A、B 两块木板就完全吻合。他们之间的榫卯接口是一种 T 字形的接口。</p>
|
||
|
||
<p><img src="assets/dd5adc20-71ec-11e8-9e76-835574e7e257.jpg" alt="enter image description here" /></p>
|
||
|
||
<p>后来，随着业务的拓展，木板厂商增加了一种新木板 C。但 C 是 L 形的接口，不能与木板 A 对接。为了让木板 C 能与木板 A 进行对接，就需要增加一个衔接板 D 进行适配，而这个 D 就相当于适配器，如下图：</p>
|
||
|
||
<p><img src="assets/fadc6b10-71ec-11e8-b1ea-d92fd075c722.jpg" alt="enter image description here" /></p>
|
||
|
||
<p>适配器模式通常用于对已有的系统拓展新功能时，尤其适用于在设计良好的系统框架下接入第三方的接口或第三方的 SDK 时。在系统的最初设计阶段，最好不要把适配器模式考虑进去，除非一些特殊的场景（如系统本身就是要去对接和适配多种类型的硬件接口）。</p>
|
||
|
||
<h3>适配器模式的模型抽象</h3>
|
||
|
||
<h4>类图</h4>
|
||
|
||
<p>适配器模式的类图如下：</p>
|
||
|
||
<p><img src="assets/43604d60-71ee-11e8-be4d-f5aac07d9486.jpg" alt="enter image description here" /></p>
|
||
|
||
<p>Target 是一个接口类，是提供给用户调用的接口抽象，如上面示例中的 IHightPerson。Adaptee 是你要进行适配的对象类，如上面的 ShortPerson。Adapter 是一个适配器，是对 Adaptee 的适配，它将 Adaptee 的对象转换（或说包装）成符合 Target 接口的对象；如上面的 DecoratePerson，将 ShortPerson 的 getRealHeight 和 getShoesHeight 方法包装成 IHightPerson 的 getHeight 接口。</p>
|
||
|
||
<h3>模型说明</h3>
|
||
|
||
<h4>设计要点</h4>
|
||
|
||
<p>适配器模式中主要三个角色，在设计适配器模式时要找到并区分这些角色：</p>
|
||
|
||
<ul>
|
||
|
||
<li><strong>目标（Target）：</strong> 即你期望的目标接口，要转换成的接口。</li>
|
||
|
||
<li><strong>源对象（Adaptee）：</strong> 即要被转换的角色，要把谁转换成目标角色。</li>
|
||
|
||
<li><strong>适配器（Adapter）：</strong> 适配器模式的核心角色，负责把源对象转换和包装成目标对象。</li>
|
||
|
||
</ul>
|
||
|
||
<h4>优缺点</h4>
|
||
|
||
<h5>适配器模式的优点</h5>
|
||
|
||
<ul>
|
||
|
||
<li>可以让两个没有关联的类一起运行，起着中间转换的作用。</li>
|
||
|
||
<li>提高了类的复用。</li>
|
||
|
||
<li>灵活性好，不会破坏原有的系统。</li>
|
||
|
||
</ul>
|
||
|
||
<h5>适配器模式的缺点</h5>
|
||
|
||
<ul>
|
||
|
||
<li>如果原有系统没有设计好（如 Target 不是抽象类或接口，而一个实体类），适配器模式将很难实现。</li>
|
||
|
||
<li>过多地使用适配器，容易使代码结构混乱，如明明看到调用的是 A 接口，内部调用的却是 B 接口的实现。</li>
|
||
|
||
</ul>
|
||
|
||
<h3>实战应用</h3>
|
||
|
||
<p>有一个电子书阅读器的项目（Reader），研发之初，产品经理经过各方讨论，最后告诉我们只支持 TXT 和 Epub 格式的电子书。然后经过仔细思考、精心设计，采用了如图1的代码架构。在这个类图中，有一个阅读器的核心类 Reader，一个 TXT 文档的关键类 TxtBook（负责 TXT 格式文件的解析），和一个 Epub 文档的关键类 EpubBook（负责 Epub 格式文件的解析）。</p>
|
||
|
||
<p><img src="assets/dcd4aa40-71ee-11e8-89a0-a176c63a6bd8.jpg" alt="enter image description here" /></p>
|
||
|
||
<p>图1：阅读器类图</p>
|
||
|
||
<p>产品上线半年后，市场响应良好，业务部门反映：有很多办公人员也在用我们的阅读器，他们希望这个阅读器能同时支持 PDF 格式，这样就不用在多个阅读器神之间来回切换了，此时程序就需要增加对 PDF 格式的支持，而 PDF 并不是核心业务，我们不会单独为其开发一套 PDF 解析内核，而会使用一些开源的 PDF 库（我们称它为第三方库），如 MuPDF、TCPDF 等。而开源库的接口和我们的接口并不相同（如图2），返回的内容也不是我们直接需要的，需要经过一些转换才能符合我们的要求。</p>
|
||
|
||
<p><img src="assets/19859f30-71ef-11e8-be4d-f5aac07d9486.jpg" alt="enter image description here" /></p>
|
||
|
||
<p>图2：第三方 PDF 解析库的类图</p>
|
||
|
||
<p>这时，我们就需要对 PDF 的解析库 MuPDF 进行适配。经过上面的学习，你一定知道这时该用适配器模式了，于是有了如下图3的类图结构。</p>
|
||
|
||
<p><img src="assets/306de130-71ef-11e8-b1ea-d92fd075c722.jpg" alt="enter image description here" /></p>
|
||
|
||
<p>图3：兼容 PDF 的类图结构</p>
|
||
|
||
<p><strong>代码实现如下：</strong></p>
|
||
|
||
<pre><code class="language-python">class Page:
|
||
|
||
"电子书一页的内容"
|
||
|
||
def __init__(self, pageNum):
|
||
|
||
self.__pageNum = pageNum
|
||
def getContent(self):
|
||
|
||
return "第 " + str(self.__pageNum) + " 页的内容..."
|
||
class Catalogue:
|
||
|
||
"目录结构"
|
||
def __init__(self, title):
|
||
|
||
self.__title = title
|
||
|
||
self.__chapters = []
|
||
|
||
self.setChapter("第一章")
|
||
|
||
self.setChapter("第二章")
|
||
def setChapter(self, title):
|
||
|
||
self.__chapters.append(title)
|
||
def showInfo(self):
|
||
|
||
print("标题：" + self.__title)
|
||
|
||
for chapter in self.__chapters:
|
||
|
||
print(chapter)
|
||
class IBook:
|
||
|
||
"电子书文档的接口类"
|
||
def parseFile(self, filePath):
|
||
|
||
pass
|
||
def getCatalogue(self):
|
||
|
||
pass
|
||
def getPageCount(self):
|
||
|
||
pass
|
||
def getPage(self, pageNum):
|
||
|
||
pass
|
||
class TxtBook(IBook):
|
||
|
||
"TXT解析类"
|
||
def parseFile(self, filePath):
|
||
|
||
# 模拟文档的解析
|
||
|
||
print(filePath + " 文件解析成功")
|
||
|
||
self.__pageCount = 500
|
||
|
||
return True
|
||
def getCatalogue(self):
|
||
|
||
return Catalogue("TXT电子书")
|
||
def getPageCount(self):
|
||
|
||
return self.__pageCount
|
||
def getPage(self, pageNum):
|
||
|
||
return Page(pageNum)
|
||
class EpubBook(IBook):
|
||
|
||
"TXT解析类"
|
||
def parseFile(self, filePath):
|
||
|
||
# 模拟文档的解析
|
||
|
||
print(filePath + " 文件解析成功")
|
||
|
||
self.__pageCount = 800
|
||
|
||
return True
|
||
def getCatalogue(self):
|
||
|
||
return Catalogue("Epub电子书")
|
||
def getPageCount(self):
|
||
|
||
return self.__pageCount
|
||
def getPage(self, pageNum):
|
||
|
||
return Page(pageNum)
|
||
class Outline:
|
||
|
||
"第三方PDF解析库的目录类"
|
||
|
||
pass
|
||
class PdfPage:
|
||
|
||
"PDF页"
|
||
def __init__(self, pageNum):
|
||
|
||
self.__pageNum = pageNum
|
||
def getPageNum(self):
|
||
|
||
return self.__pageNum
|
||
class ThirdPdf:
|
||
|
||
"第三方PDF解析库"
|
||
def __init__(self):
|
||
|
||
self.__pageSize = 0
|
||
def open(self, filePath):
|
||
|
||
print("第三方解析PDF文件：" + filePath)
|
||
|
||
self.__pageSize = 1000
|
||
|
||
return True
|
||
def getOutline(self):
|
||
|
||
return Outline()
|
||
def pageSize(self):
|
||
|
||
return self.__pageSize
|
||
def page(self, index):
|
||
|
||
return PdfPage(index)
|
||
class PdfAdapterBook(ThirdPdf, IBook):
|
||
|
||
"TXT解析类"
|
||
def parseFile(self, filePath):
|
||
|
||
# 模拟文档的解析
|
||
|
||
rtn = super().open(filePath)
|
||
|
||
if(rtn):
|
||
|
||
print(filePath + "文件解析成功")
|
||
|
||
return rtn
|
||
def getCatalogue(self):
|
||
|
||
outline = super().getOutline()
|
||
|
||
print("将Outline结构的目录转换成Catalogue结构的目录")
|
||
|
||
return Catalogue("PDF电子书")
|
||
def getPageCount(self):
|
||
|
||
return super().pageSize()
|
||
def getPage(self, pageNum):
|
||
|
||
page = self.page(pageNum)
|
||
|
||
print("将PdfPage的面对象转换成Page的对象")
|
||
|
||
return Page(page.getPageNum())
|
||
# 导入os库
|
||
|
||
import os
|
||
class Reader:
|
||
|
||
"阅读器"
|
||
def __init__(self, name):
|
||
|
||
self.__name = name
|
||
|
||
self.__filePath = ""
|
||
|
||
self.__curBook = None
|
||
|
||
self.__curPageNum = -1
|
||
def __initBook(self, filePath):
|
||
|
||
self.__filePath = filePath
|
||
|
||
extName = os.path.splitext(filePath)[1]
|
||
|
||
if(extName.lower() == ".epub"):
|
||
|
||
self.__curBook = EpubBook()
|
||
|
||
elif(extName.lower() == ".txt"):
|
||
|
||
self.__curBook = TxtBook()
|
||
|
||
elif(extName.lower() == ".pdf"):
|
||
|
||
self.__curBook = PdfAdapterBook()
|
||
|
||
else:
|
||
|
||
self.__curBook = None
|
||
def openFile(self, filePath):
|
||
|
||
self.__initBook(filePath)
|
||
|
||
if(self.__curBook is not None):
|
||
|
||
rtn = self.__curBook.parseFile(filePath)
|
||
|
||
if(rtn):
|
||
|
||
self.__curPageNum = 1
|
||
|
||
return rtn
|
||
|
||
return False
|
||
def closeFile(self):
|
||
|
||
print("关闭 " + self.__filePath + " 文件")
|
||
|
||
return True
|
||
def showCatalogue(self):
|
||
|
||
catalogue = self.__curBook.getCatalogue()
|
||
|
||
catalogue.showInfo()
|
||
def prePage(self):
|
||
|
||
return self.gotoPage(self.__curPageNum - 1)
|
||
def nextPage(self):
|
||
|
||
return self.gotoPage(self.__curPageNum + 1)
|
||
def gotoPage(self, pageNum):
|
||
|
||
if(pageNum < 1 or pageNum > self.__curBook.getPageCount()):
|
||
|
||
return None
|
||
self.__curPageNum = pageNum
|
||
|
||
print("显示第" + str(self.__curPageNum) + "页")
|
||
|
||
page = self.__curBook.getPage(self.__curPageNum)
|
||
|
||
page.getContent()
|
||
|
||
return page
|
||
</code></pre>
|
||
|
||
<p>测试代码：</p>
|
||
|
||
<pre><code class="language-python">def testReader():
|
||
|
||
reader = Reader("阅读器")
|
||
|
||
if(not reader.openFile("平凡的世界.txt")):
|
||
|
||
return
|
||
|
||
reader.showCatalogue()
|
||
|
||
reader.gotoPage(1)
|
||
|
||
reader.nextPage()
|
||
|
||
reader.closeFile()
|
||
|
||
print()
|
||
if (not reader.openFile("平凡的世界.epub")):
|
||
|
||
return
|
||
|
||
reader.showCatalogue()
|
||
|
||
reader.gotoPage(5)
|
||
|
||
reader.nextPage()
|
||
|
||
reader.closeFile()
|
||
|
||
print()
|
||
if (not reader.openFile("平凡的世界.pdf")):
|
||
|
||
return
|
||
|
||
reader.showCatalogue()
|
||
|
||
reader.gotoPage(10)
|
||
|
||
reader.nextPage()
|
||
|
||
reader.closeFile()
|
||
</code></pre>
|
||
|
||
<p><strong>输出结果：</strong></p>
|
||
|
||
<pre><code>平凡的世界.txt 文件解析成功
|
||
|
||
标题：TXT电子书
|
||
|
||
第一章
|
||
|
||
第二章
|
||
|
||
显示第1页
|
||
|
||
显示第2页
|
||
|
||
关闭 平凡的世界.txt 文件
|
||
平凡的世界.epub 文件解析成功
|
||
|
||
标题：Epub电子书
|
||
|
||
第一章
|
||
|
||
第二章
|
||
|
||
显示第5页
|
||
|
||
显示第6页
|
||
|
||
关闭 平凡的世界.epub 文件
|
||
第三方解析PDF文件：平凡的世界.pdf
|
||
|
||
平凡的世界.pdf文件解析成功
|
||
|
||
将Outline结构的目录转换成Catalogue结构的目录
|
||
|
||
标题：PDF电子书
|
||
|
||
第一章
|
||
|
||
第二章
|
||
|
||
显示第10页
|
||
|
||
将PdfPage的面对象转换成Page的对象
|
||
|
||
显示第11页
|
||
|
||
将PdfPage的面对象转换成Page的对象
|
||
|
||
关闭 平凡的世界.pdf 文件
|
||
</code></pre>
|
||
|
||
<h3>应用场景</h3>
|
||
|
||
<ul>
|
||
|
||
<li>系统需要使用现有的类，而这些类的接口不符合现有系统的要求。</li>
|
||
|
||
<li>对已有的系统拓展新功能时，尤其适用于在设计良好的系统框架下增加接入第三方的接口或第三方的 SDK 时。</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div>
|
||
|
||
<div style="float: left">
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/01 监听模式：坑爹的热水器.md.html">上一页</a>
|
||
|
||
</div>
|
||
|
||
<div style="float: right">
|
||
|
||
<a href="/专栏/白话设计模式 28 讲（完）/03 状态模式：人与水的三态.md.html">下一页</a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<a class="off-canvas-overlay" onclick="hide_canvas()"></a>
|
||
|
||
</div>
|
||
|
||
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"70997b7d2c753cfa","version":"2021.12.0","r":1,"token":"1f5d475227ce4f0089a7cff1ab17c0f5","si":100}' crossorigin="anonymous"></script>
|
||
|
||
</body>
|
||
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NPSEEVD756"></script>
|
||
|
||
<script>
|
||
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag() {
|
||
|
||
dataLayer.push(arguments);
|
||
|
||
}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-NPSEEVD756');
|
||
|
||
var path = window.location.pathname
|
||
|
||
var cookie = getCookie("lastPath");
|
||
|
||
console.log(path)
|
||
|
||
if (path.replace("/", "") === "") {
|
||
|
||
if (cookie.replace("/", "") !== "") {
|
||
|
||
console.log(cookie)
|
||
|
||
document.getElementById("tip").innerHTML = "<a href='" + cookie + "'>跳转到上次进度</a>"
|
||
|
||
}
|
||
|
||
} else {
|
||
|
||
setCookie("lastPath", path)
|
||
|
||
}
|
||
function setCookie(cname, cvalue) {
|
||
|
||
var d = new Date();
|
||
|
||
d.setTime(d.getTime() + (180 * 24 * 60 * 60 * 1000));
|
||
|
||
var expires = "expires=" + d.toGMTString();
|
||
|
||
document.cookie = cname + "=" + cvalue + "; " + expires + ";path = /";
|
||
|
||
}
|
||
function getCookie(cname) {
|
||
|
||
var name = cname + "=";
|
||
|
||
var ca = document.cookie.split(';');
|
||
|
||
for (var i = 0; i < ca.length; i++) {
|
||
|
||
var c = ca[i].trim();
|
||
|
||
if (c.indexOf(name) === 0) return c.substring(name.length, c.length);
|
||
|
||
}
|
||
|
||
return "";
|
||
|
||
}
|
||
</script>
|
||
</html>
|
||
|