zoukankan      html  css  js  c++  java
  • GWT与GXT

    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(Abstract Window Toolkit,中文译为抽象窗口工具包,是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的java.awt包提供,里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类,这些类又被称为组件(components)。)包设计,类命名规则、接口设计、事件监听等都和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层就仅仅是单纯的页面显示。

     
  • 相关阅读:
    ElementUi
    Vue插件
    Vue-cli
    Vue进阶
    Vue组件
    Vue生命期钩子
    Vue基础
    Vue介绍
    logging模块
    time模块
  • 原文地址:https://www.cnblogs.com/thomasbc/p/6862187.html
Copyright © 2011-2022 走看看