GWT MVP 学习笔记

 

在GWT的在线文档中只看  《GWT Development with Activities and Places》就可以了，这是2.1中新推出的做法，结合考虑了浏览器的前进、后退、书签/收藏、直接输入URL，以及页面跳转前的用户确认，比较全面。

 

其中提到的《 Large scale application development and MVP, Part I 》和《 Large scale application development and MVP, Part II 》两篇文章是比较原始的做法，使用history对象手工来做MVP，如不打算研究架构设计的就没必要看了。

 

==================================

 

使用  Activities and Places 的 GWT MVP 所涉及的概念：

 

▲ View ：把一个View分为 Interface 和 实现类（如：PC / PAD / 手机），Interface 和 实现类没有特殊要求，但出于重复利用、和 Presenter 的结合，可以：

 

        △ view 的 interface 可以继承 IsWidget ，并包含一个 Presenter 内部interface。参见：public interface HelloView extends IsWidget {}

 

        △ view 的 实现类 可以继承Composite， 参见：public class HelloViewImpl extends Composite implements HelloView {}

 

        △ Composite的父类Widget实现了IsWidget 的asWidget() 方法，这样在 Activity.Start() 中就可以

 

                    用 containerWidget.setWidget(xxxxView.asWidget()); 把 view 加入到上级容器中并显示出来

 

▲ Activity ：就是 Presenter ，需要实现 Activity interface，但可以继承 AbstractActivity 以实现默认的功能。

 

                    参见：public class HelloActivity extends AbstractActivity implements HelloView.Presenter {}，代码之下在线文档可以看一下

 

        △ start() : 显示view

 

        △ mayStop() : 要求用户确认是否离开当前正在执行的 view

 

        △ goTo() : 自定义的方法，响应 view 传来的用户事件，非Activity必须的方法

 

▲ Place ： 暂且把它当做 URL 中用来确定 view 的部分吧。需要继承 Place接口，包含实现了 PlaceTokenizaer接口的 Tokenizer内部类。如不需要实现浏览器的前进、后退、书签/收藏、直接输入URL等情况，也可以不需要 Tokenizer内部类。

 

▲ ClientFactory ：自定义的 interface 和其实现类（如：PC / PAD / 手机），并非必须，但可以将需要反复用到或较占资源的对象放入ClientFactory 对象中，如：EventBus、PlaceController、常用的view等。并通过 GWT.create(ClientFactory.class) 和  .gwt.xml 中 <replace-with> 标签根据用户访问时的浏览器环境进行延迟加载，定义方式如下：

 

                             <inherits name='....FormFactor'/>

 

                             <replace-with class="ClientFactoryImpl">

 

                                       <when-type-is class="ClientFactory"/>

 

                                       <when-property-is name="formfactor" value="PAD"/>

 

                               </replace-with>

 

               以上 formfactor 在<inherits >标签指定的 FormFactor.gwt.xml 中用JavaScript定义，参见：eclipse安装目录下   \plugins\com.google.gwt.eclipse.sdkbundle_2.4.0.v201112160242-rel-r37\gwt-2.4.0  【GWT SDK目录】下

                \samples\MobileWebApp\src\main\java\com\google\gwt\sample\mobilewebapp

 

注：View 由于要同浏览器 DOM 结合，较占资源，所以放入 ClientFactory 中在启动时就一次性装入，而 Activity不那么占资源，同时为了避免每次调用 Activity 时需清除原先内容的麻烦，Activity每次都new一个新的出来。

 

==================================

 

使用  Activities and Places 的 GWT MVP 所涉及的类或接口有：

 

▲ AbstractActivity抽象类：见上

 

▲ ActivityManager类：从 EventBus 上捕获 PlaceChangeEvent 或者 PlaceChangeRequestEvent 后， 

 

     将根据 ActivityMapper 找到相应的 activity 来初始化， 并在widget准备好之后调用它的start方法。

 

▲ ActivityMapper接口：通过其中的 getActivity()方法 根据目标place返回目标activity

 

-----------------------------

 

▲ place：见上，Represents a bookmarkable location in an app

 

   （似乎没有什么有用的Field和Method，存在的目的仿佛就是为了构成 ActivityMapper 和 PlaceHistoryMapper ）

 

▲ PlaceController：In charge of the user's location in the app.似乎主要就是负责Place的跳转（有goto()方法）

 

 

 

▲ PlaceHistoryHandler：Monitors PlaceChangeEvents and History events and keep them in sync 

 

      处理浏览器的前进后退以及bookmark等操作

 

▲ PlaceHistoryMapper接口:将url转换成place。 继承gwt提供的框架接口， 该接口定义了从Token到Place的双向映射。 

 

      继承之后不用实现具体映射方法， 可以通过@WithTokenizers({XxxxPlace.Tokenizer.class, Yyyy.Tokenizer.class,...})来实现映射配置。

 

    参见：public interface AppPlaceHistoryMapper extends PlaceHistoryMapper {}

 

 -----------------------------

 

▲ SimpleEventBus ：Dispatches Events to interested parties. ActivityManager 和 PlaceHistoryHandler 通过它获得浏览器事件（GWT        view部件事件或浏览器前进、后退、书签、URL输入等事件）

 

===============================================

 

GWT MVP工作原理：

 

参见：How it all works & How to navigate & Activities

 

【流程一】用户从GWT界面进行某些操作（如点击按钮等）：

 

view.onClickXxx() -> OriginalActivity.goTo(nextPlace) -> PlaceController.goTo(nextPlace) ->

 

    =>【 PlaceChangeRequestEvent => event bus => ActivityManager => OriginalActivity.mayStop()

 

             => PlaceChangeEvent => event bus 】

 

   => | => 【PlaceHistoryHandler => PlaceHistoryMapper => Place.Tokenizer => 构建URL，同步history对象】

 

        | => 【ActivityManager => ActivityMapper.getActivity(nextPlace)】->

 

nextActivity.Start() 

 

    =>【 containerWidget.setWidget(clientFactory.getXxxxView().asWidget())】

 

-------------------------------------------

 

【流程二】如用户使用浏览器的 Bookmark / forward / backward 进入GWT 项目：

 

Bookmark / forward / backward操作

 

=>【 ValueChangeEvent => ?eventBus? => PlaceHistoryHandler => PlaceHistoryMapper => Place.Tokenizer =>    

 

         PlaceController.goTo(TargetPlace) 】-> 【转：流程一】

======================================

大家copy或转载请标个出处，有兴趣的和我交个朋友一起学啊。