GOF23之外观模式Demo

本文通过开立公司的流程示例,详细介绍了外观模式的概念及其在实际开发中的应用。外观模式简化了客户端与子系统的交互过程,遵循迪米特法则,提高了系统的可维护性和扩展性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

外观模式应该是设计模式中最简单的模式了。
先了解下,迪米特法则(最少知识原则):一个软件的实体应当尽可能少的与其他实体发生相互作用。
外观模式核心:为子系统提供统一的入口,封装子系统的复杂性,便于客户端调用。
以开立公司为例:通常开立公司经过一系列流程:工商局检查、质监局办理组织机构代码、税务局办理税务登记、银行开户。如果不使用外观模式,那么所有的这些流程将全部由客户端按照顺序调用完成。客户端需要知道的东西太多,需要发生关系的类太多,显然违反了迪米特法则。
举例代码如下:

public interface 工商局  {
    void checkName();  //核名
}

class 海淀区工商局 implements 工商局 {
    @Override
    public void checkName() {
        System.out.println("检查名字是否有冲突!");
    }
}

public interface 质检局 {
    void  orgCodeCertificate();  //办理组织机构代码证
}

class 海淀质检局 implements 质检局 {
    @Override
    public void orgCodeCertificate() {
        System.out.println("在海淀区质检局办理组织机构代码证!");
    }
} 

public interface 税务局 {
    void taxCertificate();  //办理税务登记证
}

class 海淀税务局 implements 税务局 {
    @Override
    public void taxCertificate() {
        System.out.println("在海淀税务局办理税务登记证!");
    }
}

public interface 银行 {
    void  openAccount();  //开户
}

class 中国工商银行 implements 银行 {
    @Override
    public void openAccount() {
        System.out.println("在中国工商银行开户!");
    }
}

客户端调用:

public class Client1 {
    public static void main(String[] args) {
        工商局  a = new 海淀区工商局();
        a.checkName();
        质检局 b = new 海淀质检局();
        b.orgCodeCertificate();
        税务局  c  = new 海淀税务局();
        c.taxCertificate();
        银行  d = new 中国工商银行();
        d.openAccount();
    }
}

运行结果如下:
检查名字是否有冲突!
在海淀区质检局办理组织机构代码证!
在海淀税务局办理税务登记证!
在中国工商银行开户!

外观模式就是将经过的那些流程整合到一起。
新增一个类整合流程,这个类相当于办理注册公司流程的门面对象:

/**
 * 办理注册公司流程的门面对象
 *
 */
public class RegisterFacade {
    public void register(){
        工商局  a = new 海淀区工商局();
        a.checkName();
        质检局 b = new 海淀质检局();
        b.orgCodeCertificate();
        税务局  c  = new 海淀税务局();
        c.taxCertificate();
        银行  d = new 中国工商银行();
        d.openAccount();
    }
}

客户端调用:

public class Client1 {
    public static void main(String[] args) {
        new RegisterFacade().register();
    }
}

运行结果:
运行结果:
检查名字是否有冲突!
在海淀区质检局办理组织机构代码证!
在海淀税务局办理税务登记证!
在中国工商银行开户!

可以看到运行结果与客户端分别调用那些类的方法一样。

外观模式在开发中常见的场景:
频率很高。哪里都会遇到。各种技术和框架中都有外观模式的使用,如:JDBC封装后的,commons提供的DBUtils类,Hibernate提供的工具类,Spring JDBC工具类。

资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 在本文中,我们将探讨如何通过 Vue.js 实现一个带有动画效果的“回到顶部”功能。Vue.js 是一款用于构建用户界面的流行 JavaScript 框架,其组件化和响应式设计让实现这种交互功能变得十分便捷。 首先,我们来分析 HTML 代码。在这个示例中,存在一个 ID 为 back-to-top 的 div 元素,其中包含两个 span 标签,分别显示“回到”和“顶部”文字。该 div 元素绑定了 Vue.js 的 @click 事件处理器 backToTop,用于处理点击事件,同时还绑定了 v-show 指令来控制按钮的显示与隐藏。v-cloak 指令的作用是在 Vue 实例渲染完成之前隐藏该元素,避免出现闪烁现象。 CSS 部分(backTop.css)主要负责样式设计。它首先清除了一些默认的边距和填充,对 html 和 body 进行了全屏布局,并设置了相对定位。.back-to-top 类则定义了“回到顶部”按钮的样式,包括其位置、圆角、阴影、填充以及悬停时背景颜色的变化。此外,与 v-cloak 相关的 CSS 确保在 Vue 实例加载过程中隐藏该元素。每个 .page 类代表一个页面,每个页面的高度设置为 400px,用于模拟多页面的滚动效果。 接下来是 JavaScript 部分(backTop.js)。在这里,我们创建了一个 Vue 实例。实例的 el 属性指定 Vue 将挂载到的 DOM 元素(#back-to-top)。data 对象中包含三个属性:backTopShow 用于控制按钮的显示状态;backTopAllow 用于防止用户快速连续点击;backSeconds 定义了回到顶部所需的时间;showPx 则规定了滚动多少像素后显示“回到顶部”按钮。 在 V
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值