软件说明

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.