使用 Maven 建立 Vaadin 專案

使用 Maven,你可以使用 vaadin-archetype-application 原型建立 Vaadin 專案。你還可以在 IDE 中新增該原型以使用 IDE 建立 maven 專案。

mvn archetype:generate 
   -DarchetypeGroupId=com.vaadin 
   -DarchetypeArtifactId=vaadin-archetype-application 
   -DarchetypeVersion=7.6.8 
   -DgroupId=myvaadin.project 
   -DartifactId=DemoVaadinProject 
   -Dversion=0.1 
   -Dpackaging=war 

執行上述命令後,你將擁有以下專案結構。

DemoVaadinProject 
  |-src
     |-main
         |-java
         |   |-myvaadin
         |         |-project
         |            |-MyUI.java
         |-resource
         |    |-myvaadin
         |         |-project
         |            |-MyAppWidgetset.gwt.xml
         |-webapps
              |- VAADIN
                   |-theme   
                      |- mytheme.scss
                      |- addons.scss
                      |- styles.scss
                      |- favicon.ico

建立的預設 maven 專案可以直接在 IDE 中匯入。要執行 maven 應用程式,我們必須編譯 vaadin 的預設小部件集。

請注意,我們可以直接使用以下 maven 命令打包 vaadin 應用程式,預設情況下它將編譯 widgetset。你可以使用 maven jetty 外掛在 Jetty 上部署 vaadin 應用程式。

cd path/to/DemoVaadinProject
mvn package jetty:run

這將部署預設應用程式並開始在預設埠 8080 上執行它。你可以在 http:// localhost:8080 訪問已部署的應用程式。

它可以在沒有任何變化的情況下執行。預設情況下,Vaadin 原型新增了預設主題,widgetset xml 和 MyUI 類,它是 vaadin 應用程式的入口點。

在瀏覽器中,我們將看到以下表單。

StackOverflow 文件