gwt前臺開發

介紹

這是旨在用Java開發跨平臺移動應用程序的系列文章的一部分 。 在此博客文章中，我們將了解GWT是什么，并為GWT設置開發環境。

GWT是一個開源開發工具包，用于開發基于瀏覽器的復雜Ajax應用程序。 使用GWT，您可以用Java開發Rich Internet Applications（RIA），然后將其編譯為JavaScript并兼容跨瀏覽器。

在GWT中開發Web應用程序的一些優點是：

由于GWT應用程序可以用Java開發，因此您可以享受用Java開發的所有優勢，例如自動完成，調試，重構，代碼重用，多態，重載，重載。 Java具有大量用于開發的工具，例如Eclipse，NetBeans，JUnit和Maven等，可用于開發Rich Internet Applications（RIA）。

與Java項目相比，維護大型JavaScript項目并不容易。 但是您需要JavaScript才能在瀏覽器中運行Rich Internet Applications。 GWT結合了這兩個優點。 您使用Java開發應用程序，然后將它們編譯為JavaScript，因此您將兩者兼具。

GWT幾乎與Java中的AWT和Swing包相似，因此對于Java開發人員來說學習曲線很低。

在市場上支持幾種瀏覽器是一項艱巨的任務。 每個瀏覽器都會創建自己的一系列問題。 GWT通過為每個瀏覽器創建優化JavaScript代碼來專門解決該瀏覽器的問題，從而解決了該問題。 因此，您可以支持幾乎所有主要的瀏覽器，包括基于Android，iPad和iPhone的瀏覽器，而不必擔心每個瀏覽器的怪癖。

與Java編程的其他方面相比，用Java開發UI是一項艱巨的任務。 GWT通過提供幾個UI窗口小部件來解決該問題，并且您還可以擴展現有的窗口小部件并根據需要創建自己的自定義窗口小部件。

GWT的一些局限性是：

由于Java代碼已編譯為可在瀏覽器中運行JavaScript，因此需要在瀏覽器中啟用JavaScript。 如果未在瀏覽器上啟用JavaScript，則這些應用程序將無法運行。

如果您有可以創建HTML頁面的專業UI設計師，那么它將無法正常工作。 您可能必須實施Designer在GWT中再次創建的內容。

由GWT創建的網頁無法被搜索引擎索引，因為這些應用程序是動態生成的。

我認為除了列表中的第二個缺點外，其他都沒有太大關系。 僅用HTML提供豐富的Internet應用程序很困難。 您將需要JavaScript才能創建富Internet應用程序。 某些應用程序提供了有限版本的應用程序，如果禁用了JavaScript則可以使用，但大多數應用程序都需要JavaScript，因此您不是其中之一。 而且沒有理由為什么大量用戶會在其瀏覽器上禁用JavaScript。

并且搜索引擎可以為索引編制工作。 索引頁面可以用html創建，其余頁面可以用GWT創建。 GWT提供了以html格式定義索引頁的選項。 因此，索引頁面仍然可以被搜索引擎索引，而其他頁面大多是動態創建的數據，因此除非您是某種內容管理系統（CMS），否則它們不需要出現在搜索中。

像所有框架一樣，GWT不能解決所有問題，但可以確保Java開發人員提高Web應用程序的開發效率，提供跨瀏覽器支持，并且可以完美地用于復雜的企業Web應用程序。

GWT開發環境設置

我們將開始為GWT應用程序設置開發環境。

Java

由于在將應用程序編譯為JavaScript之前將使用Java開發應用程序，因此需要設置Java開發環境。

設置Java環境后，讓我們為GWT配置環境。

GWT SDK

從GWT項目站點下載最新版本的GWT SDK。 http://www.gwtproject.org/download.html

轉到上面的鏈接，然后單擊上方屏幕中突出顯示的“下載GWT SDK”。 然后將下載的GWT SDK解壓縮到硬盤上的首選位置，其外觀類似于以下屏幕截圖。

您需要安裝GWT的eclipse插件才能在eclipse上輕松開發GWT應用程序。 要安裝GWT eclipse插件，請啟動eclipse，然后轉到“幫助”->“ Eclipse Marketplace”。

在Eclipse市場中搜索GWT。

找出“用于Eclipse的Google插件”，其版本號應與您所使用的Eclipse的版本相匹配。 如果您使用的是Eclipse Kepler（Eclipse 4.3），則需要查找“ Google Plugin for Eclipse 4.3”，然后單擊“ Install”。

接受許可證，然后單擊“下一步”繼續安裝。

下載和安裝該插件需要一些時間。

在安裝過程中，您將收到安全警告。 只需單擊“確定”即可繼續安裝。

插件安裝完成后，重新啟動Eclipse。 重新啟動Eclipse之后，您將看到GWT插件已添加到Eclipse工具欄中。

而且，我們需要為計劃在開發模式下運行GWT應用程序的瀏覽器安裝擴展程序。 稍后我們將了解開發模式是什么，但是現在讓我們為瀏覽器安裝插件以完成開發環境的設置。 如果您在開發模式下啟動該應用程序而未安裝該插件，則瀏覽器將顯示類似以下的消息。

在Internet Explorer中：

在Chrome上：

當您單擊下載時，在Chrome上，您將被重定向到Chrome擴展程序頁面，從中可以安裝GWT Developer插件。

點擊“免費”按鈕，將插件安裝在Chrome瀏覽器上。

在IE上，單擊“下載”按鈕將下載“ GWTDevPluginSetup.exe”設置，并啟動它將安裝IE的GWT開發人員插件。

安裝GWT開發人員插件后，重新啟動瀏覽器。

不幸的是，最新版本的Mozilla Firefox不支持GWT開發人員插件。 因此，您不能在最新版本的Firefox上以開發模式工作，但是GWT已經提供了超級開發人員模式，該模式不需要在開發過程中安裝任何插件。 因此，您可以在開發模式下以超級開發模式使用Firefox。

結論

我們已完成設置所需的開發環境，以便在GWT中開發應用程序。 我們可以開始創建GWT應用程序！

翻譯自: https://www.javacodegeeks.com/2014/07/setting-up-development-environment-for-gwt.html

gwt前臺開發

總結

以上是生活随笔為你收集整理的gwt前台开发_为GWT设置开发环境的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。