大规模使用的开发与MVP设计模式(翻译中)

大规模应用的开发与MVP设计模式(翻译中)
原文http://code.google.com/intl/zh-CN/webtoolkit/articles/mvp-architecture.html

开发任何大型应用程序都有其困难,GWT应用程序也不例外。多个开发人员同时工作在同一个代码库中,维护同一模块的功能,很有可能把代码搞乱。为了增强代码的可维护性,我们在项目引进了设计模式来分离各部分的职责。

在多种设计模式可供选择:Presentation-abstraction-control, Model-view-controller, Model-view-presenter等等。虽然每种模式有它的好处,我们发现当开发GWT应用程序时,MVP设计模式是首选的,理由有两个。 首先MV设计模式,就像其他的设计模式一样,通过解藕方式来允许多个开发人员同时工作;其次,这种模式使我们能够减少我们使用 GWTTestCase ,由于它依赖于浏览器,而且,利用MVP设计模式后,我们大部分的代码,只需写轻量级(快速)JRE的测试用例(不需要浏览器)。

这个模式的核心就是把功能分成组件,对于GWT应用,有一个明确的重点就是要求使 视图 尽可能简单,以减少我们使用GWTTestCase测试时对浏览器依赖以及减少花在测试上的总时间。

一旦你了解这个设计模式这背后的原理。开发一个MVP的应用程序可能变得直接和容易。为了帮助解释这些概念,我们将使用一个简单的联系人的应用作为一个实例。这个应用程序将允许用户查看,编辑和添加联系人到存储在服务器上的联系人列表中。

首先,我们将引入以下组件:

    Model
    View
    Presenter
    AppController

然后我们将研究这些组件如何交互的,交互过程可分为
    绑定 presenter 与view
    事件(Events) 与事件总线  (event bus)
    历史管理(History)和视图切换
    测试

Model
一个包含业务对象模型,并在我们的联系人的应用中,我们有:
联系人(Contact):一个联系人列表中的一个对象。 为简单起见,这个对象只包含了一个名字,姓氏和电子邮件地址。 在更复杂的应用,这个对象将有更多的属性。
联系人明细(ContactDetails):仅包含唯一标识符和显示名称。

View

一个视图包含应用程序的所有的UI组件。 这包括任何表格,标签,按钮,文本框等,视图(view)负责UI的布局,对模型(model)并不了解。 就是说视图不知道它正在显示联系人的信息,只是知道它有,例如,3标签,3个TextBox和2个按钮,垂直的组织在一起。视图之间的转换是通过表现层(Presenter)中的历史(History)记录来管理。

在我们的联系人应用程序的视图有:
    ContactsView
    EditContactView
EditContactView用于添加新的联系人,以及编辑现有的联系人。

Presenter

表现层(Presenter)包括我们联系人应用的所有逻辑,有历史管理、视图转换、以及通过RPC与服务端的数据同步。作为一个通用的原则,每个视图(view)有一个对应的Presenter,用来驱动视图,处理这个视图中的部件产生的事件。
在我们的例子中,有如下的Presenter
    ContactsPresenter
    EditContactPresenter
EditContactPresenter 可以新增联系人以及编辑存在的联系人。

AppController
对于一些不属于任何视图,而是一些应用层面的逻辑,我们引入了一个AppController 组件,这个组件包含历史管理和视图转换。视图转换直接和历史管理相关,下面将针详细介绍。