軟件說明

Eclipse： 4.13.0  https://www.eclipse.org/downloads/

JDK：1.8.0_77   https://www.oracle.com/technetwork/java/javase/downloads/index.html

Tomcat：9.0.27  https://tomcat.apache.org/download-90.cgi

Tomcat Plugin：https://sourceforge.net/projects/tomcatplugin/

                          http://www.eclipsetotale.com/tomcatPlugin.html
Vaadin 8：https://vaadin.com/docs/v8/framework/installing/installing-eclipse.html

Vaadin Plugin for Eclipse 依賴於 Apache IvyDE plugin, 因此在安裝 Vaadin plugin之前需要手動安裝 Apache IvyDE plugin

下載插件：https://vaadin.com/docs/v8/framework/installing/installing-eclipse.html

創建Vaadin 項目：https://vaadin.com/docs/v8/framework/getting-started/getting-started-first-project.html

第一步：IvyDE Plugin

1、選擇以下菜單項: Help → Install New Software....

2、按下 Add... 按鈕, 添加 IvyDE 的更新站點地址.

Name: Apache Ivy Update Site

Location: http://www.apache.org/dist/ant/ivyde/updatesite

3、選擇 Apache Ivy, Apache Ivy Ant Tasks, 以及 Apache IvyDE。

4、Apache IvyDE Resolve Visualizer 是可選的, 如果選擇安裝它, 會導致其他一些被依賴的插件也被安裝進來.然後, 點擊 Next 按鈕.

第二步：Vaadin Eclipse Plugin

Name: Vaadin Update Site

Location: https://vaadin.com/eclipse

注意：注意更新 Vaadin plugin 時將只更新插件本身, 而不會更新 Vaadin 庫, Vaadin 庫的版本是由各工程分別指定的.

第三步：創建Vaadin Project項目

第四步：Compiling the Theme

Before running the project for the first time, click the Compile Vaadin Theme button in the toolbar, as shown in Compile Vaadin Theme.

控制檯顯示：

第五步：Starting the Web Server

訪問：http://localhost:8089/myproject/

注意：如果tomcat 服務端口被佔用：windows中tomcat查看和殺死進程

前提：確保自己tomcat的端口號是8089（默認是8080），如果自己改過端口號，則按自己修改後的端口號來查（netstat -ano|findstr xxxx）

1.快捷鍵windows+R

2.輸入cmd

3.輸入netstat -ano|findstr 8089

4.taskkill /F /PID 1716

Creating a Project with Maven

注意：創建Vaadin 8項目時，就是Maven項目。

1、在Maven項目或者pom.xml上右擊，在彈出的快捷菜單中選擇Run As，就能看到常見的Maven命令，如圖：

2、選擇Maven build來自定義我們要執行的命令，在彈出對話框的Goals中輸入我們要執行的命令，比如clean install，設置一下Name說明含義，單擊Run運行即可。Eclipse會給我們保存這次設置，可以在Run Configurations...中找到，如圖：

應用程序發佈之前, 它必須編譯並打包爲 WAR 形式. 你可以運行 Maven 的 package 目標(goal)來執行編譯和打包任務。

最終打包完成的 WAR 包文件的位置, 將輸出到命令行中. 然後你就可以將這個 WAR 包文件發佈到你喜歡的應用程序服務器了.

3、通過 Maven 運行 Vaadin 應用程序的最簡便方法是使用輕量的 Jetty Web 服務器. 編譯完成後, 你需要做的僅僅是:

4、上述 Maven 目標(goal) 會在 8080 端口上啓動 Jetty 服務器, 然後將應用程序部署到服務器上. 然後你可以在瀏覽器中打開應用程序, 地址是 http://localhost:8080/project-name.