java - MVC - 我如何理解它？ ( java )

Question

我最近一直在阅读有关 MVC 的文章，因为我需要学习如何在学校的项目中分离模型和 GUI。 (老师没说，我自己学。)

我相信我理解基本原则，即通过 Action 监听器或类似的东西在模型中“注册”的观点。但我就是无法将其写入代码。我看过几个小程序，但不知何故，它们还是太大了，我无法理解基础知识。

有人可以像向 5 岁的 child 解释一样解释它，或者给我一些链接或一个非常简单的示例程序之类的东西吗？非常感谢!

Answer 1

首先，您需要了解观察者模式。

基本思想是定义一个对象，当它发生变化时通知相关方。 (请注意，观察者模式更通用一些——Observables 通知观察者“某个事件”。对于 MVC，该事件是“发生了一些变化”)

首先你在 OBSERVABLE 和 OBSERVER 之间定义一个契约

package aaa;

// AN OBSERVER INTERFACE
// This is a contract between an interested party (the OBSERVER) and
//   the thing it would like to know has changed (the OBSERVABLE)
// The OBSERVABLE will call this method whenever its data changes
public interface SomethingChangedListener {
    void somethingChanged(String name, Object newValue);
}

然后定义 OBSERVABLE

package aaa;

import java.util.ArrayList;
import java.util.List;

// An OBSERVABLE class
public class Person {
    // STEP 1: keep track of "who cares"
    //         outsiders with interest implement the observer interface
    //         and register with the person to indicate that they care
    private List<SomethingChangedListener> listeners = new ArrayList<SomethingChangedListener>();
    public void addSomethingChangedListener(SomethingChangedListener scl) {
        listeners.add(scl);
    }
    public void removeSomethingChangedListener(SomethingChangedListener scl) {
        listeners.remove(scl);
    }

    // STEP 2: be able to notify those observers by calling a method in the observer interface
    protected void fireSomethingChanged(String name, Object newValue) {
        for (SomethingChangedListener scl : listeners) {
            scl.somethingChanged(name, newValue);
        }
    }

    // STEP 3: whenever the data changes, notify the observers
    private String name;
    private int age;

    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
        fireSomethingChanged("age", name);
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
        fireSomethingChanged("name", name);
    }
}

这允许任何其他对象“监听”它感兴趣的事物的变化，只要它实现了那个观察者接口(interface)。

例如:

package aaa;

public class Test1 {
    private static class TestObserver implements SomethingChangedListener {
        @Override public void somethingChanged(String name, Object newValue) {
            System.out.println("Property '" + name + "' changed to '" + newValue + "'");
        }
    }
    public static void main(String[] args) {
        Person p = new Person();
        p.addSomethingChangedListener(new TestObserver());
        p.setName("Scott");
        p.setAge(43);
    }
}

创建可观察对象(Person)的实例，注册一个观察者(TestObserver)，然后与可观察对象进行交互。运行时，我们看到

Property 'name' changed to 'Scott'
Property 'age' changed to 'Scott'

到目前为止一切顺利。

现在让我们称这个人为我们的模型。模型代表我们要操作和查看的数据。

我们可以在“用户界面”中做到这一点。用户界面可以是但不限于:

• 图形用户界面 (GUI)
• 命令行界面 (CLI)
• Web 应用程序(HTML、JSP、ASP 等)
• Web 服务(SOAP、REST 等)

每种类型的用户界面 (UI) 的代码可能截然不同，但概念是相同的。

用户界面 (UI) 允许用户(例如人或另一台计算机)查看有关模型的信息并对该信息进行更改。

“ View ”是 UI 中为用户显示信息的部分。它从模型中读取数据并以某种方式对其进行格式化以呈现它。

如果模型发生变化，则必须更新 View 。为此，它将观察者注册到模型中。这些观察者只是在 View 中刷新演示文稿的相关部分。

现在，如果用户想要进行更改，会发生什么情况？

我们将 UI 中的“ Controller ”定义为解释用户与该 UI 交互的代码。例如，如果用户在“名称”字段中键入内容， Controller 可能会将其解释为“将‘名称’的值更改为用户键入的文本。 Controller 生成一个

person.setName(textFromField);

调用以更新模型。

还记得 setName() 方法的作用吗？它通知观察者变化。这将导致 UI 更新其 View 。

请注意，“ View ”和“ Controller ”不需要是单独的类；他们经常结合在一起。理解“ View ”(UI 中显示模型数据的部分)和“ Controller ”(UI 中解释用户交互和更新模型的部分)的角色非常重要。

在某些设置中，例如 Web 应用程序， View 和 Controller 是非常分离的。 Controller 解释向服务器发出的 HTTP 请求并更新模式。该 View 向用户呈现 HTML 响应。 (如果你正在做一个 AJAX 应用程序，设计有点类似于 GUI)

MVC 分离(模型与用户界面)的酷炫之处在于您可以随时从模型中添加或删除用户界面，并且可以在同一模型上拥有多个用户界面。如果一个 UI 中的数据发生更改，所有其他 UI 都会更新以反射(reflect)更改。

很酷吧？