后台管理的前端页面怎么测试（动手写一个观察者模式）

观察者（Observer）模式的定义：指多个对象间存在一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。这种模式有时又称作发布-订阅模式、模型-视图模式，它是对象行为型模式。观察者模式是一种对象行为型模式，其主要优点如下。

1. 降低了目标与观察者之间的耦合关系，两者之间是抽象耦合关系。符合依赖倒置原则。
2. 目标与观察者之间建立了一套触发机制。

它的主要缺点如下。

1. 目标与观察者之间的依赖关系并没有完全解除，而且有可能出现循环引用。
2. 当观察者对象很多时，通知的发布会花费很多时间，影响程序的效率。

实现观察者模式时要注意具体目标对象和具体观察者对象之间不能直接调用，否则将使两者之间紧密耦合起来，这违反了面向对象的设计原则。

1. 抽象主题（Subject）角色：也叫抽象目标类，它提供了一个用于保存观察者对象的聚集类和增加、删除观察者对象的方法，以及通知所有观察者的抽象方法。
2. 具体主题（Concrete Subject）角色：也叫具体目标类，它实现抽象目标中的通知方法，当具体主题的内部状态发生改变时，通知所有注册过的观察者对象。
3. 抽象观察者（Observer）角色：它是一个抽象类或接口，它包含了一个更新自己的抽象方法，当接到具体主题的更改通知时被调用。
4. 具体观察者（Concrete Observer）角色：实现抽象观察者中定义的抽象方法，以便在得到目标的更改通知时更新自身的状态。

在软件系统中，当系统一方行为依赖另一方行为的变动时，可使用观察者模式松耦合联动双方，使得一方的变动可以通知到感兴趣的另一方对象，从而让另一方对象对此做出响应。通过前面的分析与应用实例可知观察者模式适合以下几种情形。

1. 对象间存在一对多关系，一个对象的状态发生改变会影响其他对象。
2. 当一个抽象模型有两个方面，其中一个方面依赖于另一方面时，可将这二者封装在独立的对象中以使它们可以各自独立地改变和复用。
3. 实现类似广播机制的功能，不需要知道具体收听者，只需分发广播，系统中感兴趣的对象会自动接收该广播。
4. 多层级嵌套使用，形成一种链式触发机制，使得事件具备跨域（跨越两种观察者类型）通知。

/** * @descript 抽象主题 * 作用1：注册所有观察者 register all abservers * 作用2：通知所有观察者，同时接收观察者的回复信息 * notify all abservers and receive their replies at the same time * @author 79197 */ abstract class ObserverSubect { protected List<ObservedInterface> observedObj=new ArrayList<ObservedInterface>(); public void register(ObservedInterface obj) { observedObj.add(obj); } public void remove(ObservedInterface obj) { observedObj.remove(obj); } abstract void ObserverNotifyObservedFunction(); }

public class ObserverSubectImplement extends ObserverSubect{ @Override void ObserverNotifyObservedFunction() { System.out.println("主题类进行统一通知所有观察者（Subject class notifies all abservers uniformly）！"); for (ObservedInterface obj:observedObj) { obj.ObservedResponse(); } } }

/** * 抽象观察者接口，作用是被动接到通知后，做出回应 * The abstract abserver interface is used to passively response to notications! * @author 79197 */ interface ObservedInterface { public void ObservedResponse() ; }

//具体实现类Concrete observer implementation class public class ObservedInterfaceA implements ObservedInterface{ @Override public void ObservedResponse() { // TODO Auto-generated method stub System.out.println("这是一个A用户，接到通知，并回复！"); } }

//具体实现类Concrete observer implementation class public class ObservedInterfaceB implements ObservedInterface{ @Override public void ObservedResponse() { // TODO Auto-generated method stub System.out.println("这是一个B用户，接到通知，并回复！"); } }

public class ObserverModeTest { public static void main(String[] args) { // TODO Auto-generated method stub ObservedInterface abserverObj1=new ObservedInterfaceA(); ObservedInterface abserverObj2=new ObservedInterfaceB(); ObserverSubect subjectObj=new ObserverSubectImplement(); subjectObj.register(abserverObj1); subjectObj.register(abserverObj2); subjectObj.ObserverNotifyObservedFunction(); } }

public class ObserverSubject extends Observable{ private String changeValue; public String getChangeValue() { return this.changeValue; } public void setChangeValue(String changeValue) { System.out.println("主题类进行统一通知所有观察者（Subject class notifies all abservers uniformly）！"); super.setChanged(); super.notifyObservers(changeValue); this.changeValue = changeValue; } }

//具体实现类Concrete observer implementation class public class ObservedInterfaceA implements Observer{ @Override public void update(Observable o, Object arg) { // TODO Auto-generated method stub System.out.println("这是一个A用户，接到通知，并回复！回复内容：" arg); } }

//具体实现类Concrete observer implementation class public class ObservedInterfaceB implements Observer{ @Override public void update(Observable o, Object arg) { // TODO Auto-generated method stub System.out.println("这是一个B用户，接到通知，并回复！回复内容：" arg); } }

测试类

public class ObserverModeTest { public static void main(String[] args) { // TODO Auto-generated method stub ObserverSubject subjectObj=new ObserverSubject(); Observer abserverObj1=new ObservedInterfaceA(); Observer abserverObj2=new ObservedInterfaceB(); subjectObj.addObserver(abserverObj1); subjectObj.addObserver(abserverObj2); //subjectObj.setChangeValue("统一通知观察者，Notify all observers uniformly!"); subjectObj.setChangeValue("统一通知观察者，Reply observer subject!"); } }