【设计模式——学习笔记】23种设计模式——中介者模式Mediator(原理讲解+应用场景介绍+案例介绍+Java代码实现)

news2024/11/24 13:03:19

文章目录

  • 案例引入
    • 案例一
      • 普通实现
      • 中介者模式
    • 案例二
  • 介绍
    • 基础介绍
    • 登场角色
      • 尚硅谷
    • 《图解设计模式》
  • 案例实现
    • 案例一:智能家庭
      • 类图
      • 实现
    • 案例二:登录页面逻辑实现
      • 说明
      • 类图
      • 实现
  • 总结
  • 文章说明

案例引入

案例一

普通实现

在租房过程中,客户可能去找房东问房子是否可以租,但是房东可能要和家人进行一系列的沟通,最后还可能派出另一个家庭成员来和客户进行交流,整个沟通过程非常复杂、沟通线路繁多。如果是写成程序的模式,不同成员之间需要留好接口方便成员之间互相进行调用

在这里插入图片描述

【分析】

  • 各个成员彼此联系,你中有我,我中有你,不利于松耦合
  • 各个成员之间所传递的消息(参数)容易混乱
  • 当系统增加一个新的成员时,或者执行流程改变时,代码的可维护性、扩展性都不理想

【改进】

  • 使用中介者模式

中介者模式

客户只需要对接中介,其他成员互相之间不进行沟通,由中介来进行沟通。如 屋主—>爸爸 变成 屋主—>中介—>爸爸。通过中介的联络,可以将成员之间的关联关系都搞定
在这里插入图片描述

案例二

现在很多家庭都配备了智能家居,包括各种设备,如闹钟、咖啡机、电视机、窗帘……

当主人想要看电视时,会让多个设备协同工作,来自动完成看电视的准备工作,比如流程为: 闹铃响起->咖啡机开始做咖啡->窗帘自动落下->电视机开始播放

介绍

基础介绍

  • 在中介者模式中,团队组员之间不再互相沟通并私自做出决定,而是发生任何事情都向中介者报告,中介者站在整个团队的角度上对组员上报的事情做出决定。当中介者下达指示时,组员会立即执行
  • 用一个中介对象来封装一系列的对象交互方法。中介者使各个对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互
  • 中介者模式属于行为型模式
  • 在MVC模式中,C(Controller控制器) 是M(Model模型) 和V(View视图)的中介者,在前后端交互时起到了中间人的作用

在这里插入图片描述

登场角色

尚硅谷

在这里插入图片描述

  • Mediator 就是抽象中介者,定义了同事对象到中介者对象的接口
  • Colleague 是抽象同事类
  • ConcreteMediator 具体的中介者对象,实现抽象方法,他需要知道所有的具体同事类,即以HashMap管理所有同事类,并接受某个同事对象的消息,来协调其他同事完成相应的任务
  • ConcreteColleague 具体的同事类,可能会有很多个,每个同事只知道自己的行为,而不了解其他同事类的行为(方法),他们都依赖中介者对象

《图解设计模式》

在这里插入图片描述

  • Mediator(仲裁者、中介者):负责定义与 Colleague 角色进行通信和做出决定的接口(API)
  • ConcreteMediator(具体的仲裁者、中介者):负责实现 Mediator 角色的接口(API),负责实际上如何做出决定
  • Colleague(同事):负责定义与Mediator角色进行通信的接口(API)
  • ConcreteColleague(具体的同事):负责实现 Colleague 角色的接口(API)

案例实现

案例一:智能家庭

类图

在这里插入图片描述

【操作流程】

  • 创建 ConcreteMediator 对象
  • 创建各个同事类对象,比如: Alarm、CoffeeMachine、TV
  • 在创建同事类对象的时候,就直接通过构造器,加入到 colleagueMap
  • 同事类对象,可以调用sendMessage,最终会去调用ConcreteMediator的getMessage方法
  • getMessage(核心方法)会根据接收到的同事对象发出的消息 来协调调用其它的同事对象来共同完成任务

实现

【抽象中介者类】

package com.atguigu.mediator.smarthouse;

public abstract class Mediator {
   /**
    * 将给中介者对象,加入到集合中
    * @param colleagueName
    * @param colleague
    */
   public abstract void register(String colleagueName, Colleague colleague);

   /**
    * 接收消息, 具体的同事对象发出
    * @param stateChange
    * @param colleagueName
    */
   public abstract void getMessage(int stateChange, String colleagueName);

   public abstract void sendMessage();
}

【具体中介者类】

package com.atguigu.mediator.smarthouse;

import java.util.HashMap;

/**
 * 具体的中介者类
 */
public class ConcreteMediator extends Mediator {
   /**
    * 集合,放入所有的同事对象
    */
   private HashMap<String, Colleague> colleagueMap;
   private HashMap<String, String> interMap;

   public ConcreteMediator() {
      colleagueMap = new HashMap<String, Colleague>();
      interMap = new HashMap<String, String>();
   }

   @Override
   public void register(String colleagueName, Colleague colleague) {
      colleagueMap.put(colleagueName, colleague);

      if (colleague instanceof Alarm) {
         interMap.put("Alarm", colleagueName);
      } else if (colleague instanceof CoffeeMachine) {
         interMap.put("CoffeeMachine", colleagueName);
      } else if (colleague instanceof TV) {
         interMap.put("TV", colleagueName);
      } else if (colleague instanceof Curtains) {
         interMap.put("Curtains", colleagueName);
      }

   }

   /**
    * 具体中介者的核心方法
    * 1. 根据得到消息,完成对应任务
    * 2. 中介者在这个方法,协调各个具体的同事对象,完成任务
    * @param stateChange
    * @param colleagueName
    */
   @Override
   public void getMessage(int stateChange, String colleagueName) {

      //处理闹钟发出的消息
      if (colleagueMap.get(colleagueName) instanceof Alarm) {
         if (stateChange == 0) {
            // 老司机做咖啡
            ((CoffeeMachine) (colleagueMap.get(interMap
                  .get("CoffeeMachine")))).StartCoffee();
            // 启动电视
            ((TV) (colleagueMap.get(interMap.get("TV")))).StartTv();
         } else if (stateChange == 1) {
            // 关掉电视
            ((TV) (colleagueMap.get(interMap.get("TV")))).StopTv();
         }

      } else if (colleagueMap.get(colleagueName) instanceof CoffeeMachine) {
         // 将窗帘升起来
         ((Curtains) (colleagueMap.get(interMap.get("Curtains"))))
               .UpCurtains();
      } else if (colleagueMap.get(colleagueName) instanceof TV) {
         //如果TV发现消息
      } else if (colleagueMap.get(colleagueName) instanceof Curtains) {
         //如果是以窗帘发出的消息,这里处理...
      }

   }

   @Override
   public void sendMessage() {

   }

}

【抽象同事类:Colleague】

package com.atguigu.mediator.smarthouse;

/**
 * 抽象同事类
 */
public abstract class Colleague {
   /**
    * 关联 Mediator
    */
   private Mediator mediator;
   public String name;

   public Colleague(Mediator mediator, String name) {
      this.mediator = mediator;
      this.name = name;
   }

   public Mediator GetMediator() {
      return this.mediator;
   }

   public abstract void SendMessage(int stateChange);
}

【具体同事类:闹钟】

package com.atguigu.mediator.smarthouse;

/**
 * 具体的同事类 闹钟
 */
public class Alarm extends Colleague {

   /**
    * 构造器
    * @param mediator
    * @param name
    */
   public Alarm(Mediator mediator, String name) {
      super(mediator, name);
      //在创建Alarm 同事对象时,将自己放入到ConcreteMediator 对象的集合中
      mediator.register(name, this);
   }

   public void SendAlarm(int stateChange) {
      SendMessage(stateChange);
   }

   @Override
   public void SendMessage(int stateChange) {
      //调用的中介者对象的getMessage
      this.GetMediator().getMessage(stateChange, this.name);
   }

}

【具体同事类:窗帘】

package com.atguigu.mediator.smarthouse;

/**
 * 窗帘
 */
public class Curtains extends Colleague {

   public Curtains(Mediator mediator, String name) {
      super(mediator, name);
      mediator.register(name, this);
   }

   @Override
   public void SendMessage(int stateChange) {
      this.GetMediator().getMessage(stateChange, this.name);
   }

   public void UpCurtains() {
      System.out.println("I am holding Up Curtains!");
   }

}

【具体同事类:电视】

package com.atguigu.mediator.smarthouse;

public class TV extends Colleague {

   public TV(Mediator mediator, String name) {
      super(mediator, name);
      mediator.register(name, this);
   }

   @Override
   public void SendMessage(int stateChange) {
      this.GetMediator().getMessage(stateChange, this.name);
   }

   public void StartTv() {
      System.out.println("It's time to StartTv!");
   }

   public void StopTv() {
      System.out.println("StopTv!");
   }
}

【主类】

package com.atguigu.mediator.smarthouse;

public class ClientTest {

   public static void main(String[] args) {
      //创建一个中介者对象
      Mediator mediator = new ConcreteMediator();

      //创建Alarm并且加入到 ConcreteMediator 对象的HashMap
      Alarm alarm = new Alarm(mediator, "alarm");

      //创建了CoffeeMachine对象,并且加入到 ConcreteMediator 对象的HashMap
      CoffeeMachine coffeeMachine = new CoffeeMachine(mediator,
            "coffeeMachine");

      //创建 Curtains, 并且加入到 ConcreteMediator 对象的HashMap
      Curtains curtains = new Curtains(mediator, "curtains");
      TV tV = new TV(mediator, "TV");

      //让闹钟发出消息
      alarm.SendAlarm(0);
      //做好咖啡
      coffeeMachine.FinishCoffee();
      alarm.SendAlarm(1);
   }

}

【运行】

It's time to startcoffee!
It's time to StartTv!
After 5 minutes!
Coffee is ok!
I am holding Up Curtains!
StopTv!

Process finished with exit code 0

【分析】

  • 程序拓展性较好:如果添加一个机器,只需要添加一个 ConcreteColleague 并修改 ConcreteMediator 的相关方法就行,客户端不用改变

案例二:登录页面逻辑实现

说明

在这里插入图片描述

需要实现一个系统登录表单功能,具体的处理逻辑如下:

  • 如果选择作为游客访问,那么禁用用户名输入框和密码输入框,使用户无法输入
  • 如果选择作为用户登录,那么启用用户名输入框和密码输入框,使用户可以输入
  • 如果在用户名输入框中一个字符都没有输入,那么禁用密码输入框,使用户无法输入密码
  • 如果在用户名输入框中输入了至少一个字符,那么启用密码输入框,使用户可以输入密码(当然,如果选择作为游客访问,那么密码框依然是禁用状态 )
  • 只有当用户名输入框和密码输入框中都至少输入一个字符后,OK 按钮才处于启用状态,可以被按下
  • 用户名输入框或密码输入框中一个字符都没有被输入的时候,禁用OK按钮,使其不可被按下(当然,如果选择作为游客访问,那么OK 按总是处于启用状态)
  • Cancel按钮总是处于启用状态,任何时候都可以按下该按钮

类图

在这里插入图片描述

实现

中介者接口和组员接口的方法并非固定就是这些,当中介者和组员需要其他合作的话,就需要定义更多的方法

【中介者接口】

package com.atguigu.mediator.Sample;

public interface Mediator {
    /**
     * 生成 Mediator 管理的组员
     */
    public abstract void createColleagues();

    /**
     * 每个组员都会调用这个方法来向中介者汇报
     */
    public abstract void colleagueChanged();
}

【组员接口】

package com.atguigu.mediator.Sample;

public interface Colleague {
    /**
     * 设置中介者,告诉组员中介者是谁
     *
     * @param mediator
     */
    public abstract void setMediator(Mediator mediator);

    /**
     * 告知组员中介者所下达的指令
     * @param enabled 控制是否启用组员的功能
     */
    public abstract void setColleagueEnabled(boolean enabled);
}

【组员:按钮】

package com.atguigu.mediator.Sample;

import java.awt.*;

public class ColleagueButton extends Button implements Colleague {
    private Mediator mediator;

    public ColleagueButton(String caption) {
        super(caption);
    }

    public void setMediator(Mediator mediator) {
        // 保存Mediator
        this.mediator = mediator;
    }

    public void setColleagueEnabled(boolean enabled) {
        // Mediator下达启用/禁用的指示
        // setEnabled是java.awt.Button定义的方法,用来控制按钮组件是启用还是禁用,当设置为false时,按钮无法被按下
        setEnabled(enabled);
    }
}

【组员:文本输入框】

package com.atguigu.mediator.Sample;

import java.awt.*;
import java.awt.event.TextEvent;
import java.awt.event.TextListener;

/**
 * 实现 TextListener 接口来实现监听事件
 */
public class ColleagueTextField extends TextField implements TextListener, Colleague {
    private Mediator mediator;

    public ColleagueTextField(String text, int columns) {   // 构造函数
        super(text, columns);
    }

    public void setMediator(Mediator mediator) {            // 保存Mediator
        this.mediator = mediator;
    }

    public void setColleagueEnabled(boolean enabled) {      // Mediator下达启用/禁用的指示
        setEnabled(enabled);
        // 控件启用时,背景色变成白色;否则变为灰色
        setBackground(enabled ? Color.white : Color.lightGray);
    }

    /**
     * TextListener 中定义的方法,监听文本内容的变化,并通知中介者
     * @param e
     */
    public void textValueChanged(TextEvent e) {
        // 当文字发生变化时通知Mediator
        mediator.colleagueChanged();
    }
}

【组员:单选按钮】

package com.atguigu.mediator.Sample;

import java.awt.*;
import java.awt.event.ItemEvent;
import java.awt.event.ItemListener;

/**
 * 单选按钮
 */
public class ColleagueCheckbox extends Checkbox implements ItemListener, Colleague {
    private Mediator mediator;

    public ColleagueCheckbox(String caption, CheckboxGroup group, boolean state) {
        // 构造函数
        super(caption, group, state);
    }

    public void setMediator(Mediator mediator) {
        // 保存Mediator
        this.mediator = mediator;
    }

    public void setColleagueEnabled(boolean enabled) {
        // Mediator下达启用/禁用指示
        setEnabled(enabled);
    }

    /**
     * 监听单选按钮的状态变化
     * @param e
     */
    public void itemStateChanged(ItemEvent e) {
        // 当状态发生变化时通知Mediator
        mediator.colleagueChanged();
    }
}

【具体中介者】

package com.atguigu.mediator.Sample;

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

/**
 * 具体中介者
 */
public class LoginFrame extends Frame implements ActionListener, Mediator {
    private ColleagueCheckbox checkGuest;
    private ColleagueCheckbox checkLogin;
    private ColleagueTextField textUser;
    private ColleagueTextField textPass;
    private ColleagueButton buttonOk;
    private ColleagueButton buttonCancel;

    /**
     * 构造函数
     * 生成并配置各个Colleague后,显示对话框
     *
     * @param title
     */
    public LoginFrame(String title) {
        super(title);
        // 设置登录对话框的背景颜色
        setBackground(Color.lightGray);
        // 使用布局管理器生成4×2窗格
        setLayout(new GridLayout(4, 2));
        // 生成各个 Colleague
        createColleagues();
        // 配置 Colleague
        add(checkGuest);
        add(checkLogin);
        add(new Label("Username:"));
        add(textUser);
        add(new Label("Password:"));
        add(textPass);
        add(buttonOk);
        add(buttonCancel);
        // 设置初始的启用起用/禁用状态
        colleagueChanged();
        // 显示
        pack();
        show();
    }

    /**
     * 生成登录对话框所需要的各个Colleague
     */
    public void createColleagues() {
        // 生成
        CheckboxGroup g = new CheckboxGroup();
        checkGuest = new ColleagueCheckbox("Guest", g, true);
        checkLogin = new ColleagueCheckbox("Login", g, false);
        textUser = new ColleagueTextField("", 10);
        textPass = new ColleagueTextField("", 10);
        textPass.setEchoChar('*');
        buttonOk = new ColleagueButton("OK");
        buttonCancel = new ColleagueButton("Cancel");
        // 设置Mediator
        checkGuest.setMediator(this);
        checkLogin.setMediator(this);
        textUser.setMediator(this);
        textPass.setMediator(this);
        buttonOk.setMediator(this);
        buttonCancel.setMediator(this);
        // 设置Listener
        checkGuest.addItemListener(checkGuest);
        checkLogin.addItemListener(checkLogin);
        textUser.addTextListener(textUser);
        textPass.addTextListener(textPass);
        buttonOk.addActionListener(this);
        buttonCancel.addActionListener(this);
    }

    /**
     * 控制各个成员的状态
     * 接收来自于 Colleague 的通知,然后判断各 Colleague 的启用/禁用状态
     * 
     * 单选按钮的选中状态发生改变 或者 文本输入框的内容发生改变,都会调用这个方法
     */
    public void colleagueChanged() {
        // checkGuest.getState()获取游客模式的按钮是否处于选中状态
        if (checkGuest.getState()) {
            // 游客模式
            textUser.setColleagueEnabled(false);
            textPass.setColleagueEnabled(false);
            buttonOk.setColleagueEnabled(true);
        } else {
            // 登录模式
            textUser.setColleagueEnabled(true);
            userpassChanged();
        }
    }

    /**
     * 当textUser或是textPass文本输入框中的文字发生变化时
     * 判断各Colleage的启用/禁用状态
     */
    private void userpassChanged() {
        if (textUser.getText().length() > 0) {
            textPass.setColleagueEnabled(true);
            if (textPass.getText().length() > 0) {
                buttonOk.setColleagueEnabled(true);
            } else {
                buttonOk.setColleagueEnabled(false);
            }
        } else {
            textPass.setColleagueEnabled(false);
            buttonOk.setColleagueEnabled(false);
        }
    }

    public void actionPerformed(ActionEvent e) {
        System.out.println(e.toString());
        System.exit(0);
    }
}

【主类】

package com.atguigu.mediator.Sample;

public class Main {
    static public void main(String args[]) {
        new LoginFrame("Mediator Sample");
    }
}

【运行】

在这里插入图片描述

总结

【优点】

  • 多个类相互耦合,会形成网状结构(通信路线很多),使用中介者模式将网状结构分离为星型结构进行解耦
  • 减少类间依赖,峰低了耦合,符合迪米特原则
  • 如果出现了Bug,比较容易定位Bug的位置
  • ConcreteColleague容易复用(如果需要写一个新的对话框,那么按钮、文本输入框都可以很容易使用到新的对话框中)

【缺点】

  • 中介者承担了较多的责任,一旦中介者出现了问题,整个系统就会受到影响
  • 如果设计不当,中介者对象本身变得过于复杂,这点在实际使用时,要特别注意
  • ConcreteMediator难以复用,因为其依赖于特定的应用程序

文章说明

  • 本文章为本人学习尚硅谷的学习笔记,文章中大部分内容来源于尚硅谷视频(点击学习尚硅谷相关课程),也有部分内容来自于自己的思考,发布文章是想帮助其他学习的人更方便地整理自己的笔记或者直接通过文章学习相关知识,如有侵权请联系删除,最后对尚硅谷的优质课程表示感谢。
  • 本人还同步阅读《图解设计模式》书籍(图解设计模式/(日)结城浩著;杨文轩译–北京:人民邮电出版社,2017.1),进而综合两者的内容,让知识点更加全面

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

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

相关文章

10个创意网站,解决你没有灵感的问题

对于设计师来说&#xff0c;有源源不断的设计灵感&#xff0c;掌握最新的设计流行趋势是非常重要的。要提高设计修养&#xff0c;必须学习和理解优秀的设计作品。在这篇文章中&#xff0c;我们对灵感创意网站进行了分类整理&#xff0c;从中选取了10个素材优良、质量优良的灵感…

为什么过去十年AI创业失败了?

始于2010年前后的这次人工智能创业实际上是集体失败了。作为从业者我们固然可以讲它需要更长的启动周期&#xff0c;我们尽快的开始第二程就可以了&#xff0c;但就像抗日战争的时候如果没有论持久战的穿插到日寇力量薄弱区建立根据地等一系列基于过往教训的新战略&#xff0c;…

浅谈油烟净化技术分类及其优缺点

安科瑞 华楠 摘 要&#xff1a;随着我国经济水平的提高&#xff0c;餐饮业的快速发展&#xff0c;饮食油烟成为继工业排放和汽车尾气之后的第三大空气污染源&#xff0c;随着GB18483-2001的推出&#xff0c;各类油烟处理环保设备不断出现。文章从净化原理、净化效率、使用成本…

unity修改单个3D物体的重力的大小该怎么处理呢?

在Unity中修改单个3D物体的重力大小可以通过以下步骤实现&#xff1a; 创建一个新的C#脚本来控制重力&#xff1a; 首先&#xff0c;创建一个新的C#脚本&#xff08;例如&#xff1a;GravityModifier.cs&#xff09;并将其附加到需要修改重力的3D物体上。在脚本中&#xff0c…

第01天 什么是CSRF ?

✅作者简介&#xff1a;大家好&#xff0c;我是Leo&#xff0c;热爱Java后端开发者&#xff0c;一个想要与大家共同进步的男人&#x1f609;&#x1f609; &#x1f34e;个人主页&#xff1a;Leo的博客 &#x1f49e;当前专栏&#xff1a; 每天一个知识点 ✨特色专栏&#xff1…

vcruntime140.dll如何修复?哪个修复方法更简单

修复 vcruntime140.dll 的过程确实是一次让我有些头疼的经历。起初&#xff0c;当我在使用某个程序时&#xff0c;突然出现了一个错误提示&#xff0c;指出 vcruntime140.dll 文件丢失或损坏。这让我感到困惑&#xff0c;因为我并不清楚这个文件的作用和重要性&#xff0c;以及…

Textnow注册防封,如何免费获取收发信息的美国手机号

TextNow和Google voice一样&#xff0c;是美国的一款免费的网络通信应用程序&#xff0c;可用于免费收发短信和无限制拨打电话&#xff0c;对于那些希望节省通讯费用的人&#xff0c;尤其是那些需要在跨境商务通讯频繁、跨境推广需要短信收发的用户来说&#xff0c;TextNow非常…

VsCode美化 - VsCode自定义 - VsCode自定义背景图

VsCode美化 - VsCode自定义 - VsCode自定义背景图&#xff1a;添加二次元老婆图到VsCode 前言 作为一个二刺螈&#xff0c;VsCode用久了&#xff0c;总觉得少了些什么。是啊&#xff0c;高效的代码生产工具中怎么能没有老婆呢&#xff1f; 那就安装一个VsCode插件把老婆添加…

【Spring专题】Spring之Bean的生命周期源码解析——上(扫描生成BeanDefinition)

目录 前言阅读指引阅读建议 课程内容一、生成BeanDefinition1.1 简单回顾1.2 概念回顾1.3 核心方法讲解 二、方法讲解2.1 ClassPathBeanDefinitionScanner#scan2.2 ClassPathBeanDefinitionScanner#doScan2.3 ClassPathScanningCandidateComponentProvider#findCandidateCompon…

jumpserver命令记录膨胀问题

一.背景 jumpserver堡垒机针对只是接管ssh来说&#xff0c;正常操作Linux的指令记录应该不会太多&#xff0c;每天有个几千条都已经算很多了。所以默认jumpserver采用MySQL作为存储介质本身也没啥问题。但是我们使用jumpserver对【MySQL应用】进行了托管&#xff0c;导致查询SQ…

【Linux命令详解 | find命令】 find命令用于在指定目录下搜索文件和目录,可以按照多种条件进行搜索

文章目录 简介参数列表使用介绍1. 基本搜索2. 按类型搜索3. 根据文件大小搜索4. 结合-exec执行命令5. 使用多个条件 结论 简介 find命令是一款功能强大的工具&#xff0c;用于在指定目录下搜索文件和目录。它支持多种条件&#xff0c;让你可以根据不同的需求精确地定位文件和目…

System Verilog-packed array以及unpacked array

如下声明&#xff1a; logic [7:0] data [255:0]维度在标识符前面的部分称为packed array&#xff0c;在标识符后面的部分称为unpacked array&#xff0c;一维的pakced array也称为vector。 packed array packed array只能由单bit数据类型&#xff08;bit,logic,reg&#xf…

javascript之webAPIs(1)

文章和代码已经归档至【Github仓库&#xff1a;https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 javascript 也可获取。 文章目录 介绍概念DOM 树DOM 节点Document 获取 DOM 对象 介绍 严格意义上讲&#xff0c;我们在 JavaScript 阶段学习的…

解读spring中@Value 如何将配置转自定义的bean

实现方式 着急寻求解决方式的猿友先看这块 定义配置转化类 public class UserConverter implements Converter<String, List<User>> {Overridepublic List<User> convert(String config) {if (StringUtils.isEmpty(config)) {return Collections.emptyLis…

C++将函数声明放在头文件中的示例

C将函数声明放在头文件中的示例 C函数原型声明&#xff08;函数声明&#xff09;的位置可以有以下几种选择&#xff1a; 1.函数声明放在同一源文件中&#xff1a;这种情况通常适用较小的项目中&#xff0c;通常可以将函数的声明和定义放在同一个源文件中。先声明函数原型&…

教你如何将3D模型导入到可视化大屏系统中,并实现可交互效果

首先我们需要准备一款数字孪生软件&#xff0c;本文中使用的是山海鲸可视化&#xff0c;这是一款免费的零代码数字孪生大屏开发平台软件。 下载完成后打开山海鲸可视化&#xff0c;点击新建来创建一个大屏项目。 我们可以根据自己的需要来创建各种场景的项目或是套用模板项目&a…

React源码解析18(4)------ completeWork的工作流程【mount】

摘要 经过上一章&#xff0c;我们得到的FilberNode已经具有了child和return属性。一颗Filber树的结构已经展现出来了。 那我们最终是想在页面渲染真实的DOM。所以我们现在要在completeWork里&#xff0c;构建出一颗离屏的DOM树。 之前在说FilberNode的属性时&#xff0c;我们…

CAD文件打开错误中断怎么办?CAD文件打开错误中断的解决方法

CAD是一款计算机辅助设计软件&#xff0c;主要用于二维绘图、详细绘制、设计文档和基本三维设计&#xff0c;CAD已经是一款国内国外广为流行的绘图工具了&#xff0c;在土木建筑、装饰装潢、城市规划、园林设计、电子电路、机械设计、服装鞋帽、航空航天、轻工化工等行业应用非…

【UE4 RTS】08-Setting up Game Clock

前言 本篇实现的效果是在游戏运行后能够记录当前的游戏时间&#xff08;年月日时分秒&#xff09;&#xff0c;并且可以通过修改变量从而改变游戏时间进行的快慢。 效果 步骤 1. 在Blueprints文件夹中新建如下两个文件夹&#xff0c;分别命名为“GameSettings”、“Player”…

【docker】设置 docker 国内镜像报错,解决方案

一、报错&#xff1a; [rootlocalhost ~]# systemctl restart docker Job for docker.service failed because the control process exited with error code. See "systemctl status docker.service" and "journalctl -xe" for details.二、原因&#xf…