软件说明
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
.
Vaadin Add-ons
Using Add-ons in a Maven Project(Vaadin Charts):https://vaadin.com/directory/component/vaadin-charts/4.2.0
这里选择的是Vaadin 8版本。