GWT与GXT

Posted 2020-09-18 托马斯骨头收集

gwt 是google公司开发的,后来因为extjs后续版本收费问题, extjs 公司继续接手开发,改名为gxt

刚开始学习GXT，但是想弄明白EXT-GWT、GWT与EXTJS三者之间的关系。

EXT-GWT，又称GXT，是EXTJS的一个子项目，是GWT的一个扩展，利用java生成网页。GXT完全依赖于GWT。

给个不恰当的大小关系就是EXTJS>GXT>GWT

GWT 提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。在前端使用javascript，后端使用Java的AJAX framework。GWT透过编译器将Java程式码编译成JavaScript，可让开发人员使用Java程式设计语言，快速建置与维护复杂但高效能的JavaScript前端应用程式。Java应用中出现的、和服务器之间的交互动作被自动生成的异步调用代码所代替。

ExtJS是一个JavaScript库，包括多种可以实现各种功能的控件，可以使用Ajax, Dhtml，DOM等技术开发网络应用程序。

 

GWT MVP设计模式

如果是一个有GWT项目开发经验的开发人员一定会为GWT松散的开发模式有些恼火。一个用户界面和业务逻辑都是用Java代码实现的语言，如果没有很好的项目分层和事件控制的话，项目很容易变成一坨很大的难以维护的代码堆。而GWT2.1中提供的EventBus功能和它主推的MVP模式就很好的解决了之前GWT在开发大型项目时混乱的局面。
 
MVP模式的全称是Model-View-Presenter。Model表示的是Domain Data。View表示呈现Model的UI页面以及UI事件的综合。而Presenter层是用于控制Model层与View层的Mapping关系。也就是负责为前端的View层提供其所需的Model数据。并且控制页面流的跳转。这点很像MVC模型中的Controller层。但是区别于Controller层的是Presenter层还需要对页面事件进行处理！
 
GWT是一个全Ajax的实现方案。所以GWT的整个Presenter层需要控制View层的全部事件，因为在全Ajax页面中Ajax操作其实包含了很多的业务逻辑。而使用MVP模式就可以实现剥离这些Ajax业务事件逻辑。这样View层就仅仅是单纯的页面显示。