Vaadin學(xué)習(xí)筆記——使用Netbeans創(chuàng)建Vaadin項(xiàng)目

閱讀本文之前，需要您了解并掌握以下知識(shí)點(diǎn)：

1、如何在Netbeans中配置Tomcat服務(wù)器；
2、如何在Netbeans中配置maven；
3、如何在Netbeans中配置JDK；
4、如何在Netbeans中使用maven來構(gòu)建、運(yùn)行項(xiàng)目。

前言

本文將帶領(lǐng)讀者使用Netbeans、maven等構(gòu)建工具快速創(chuàng)建一個(gè)Vaadin項(xiàng)目。

材料

1、JDK1.8
2、Netbeans 8.1
3、maven 3.3.9 (with aliyun repository mirror)。具體信息詳見此處：http://rickqin.blog.51cto.com/1096449/1868272
4、Tomcat 8.x

實(shí)現(xiàn)步驟

1、打開Netbeans。
2、新建項(xiàng)目，或按快捷鍵Ctrl + Shift + N。
3、在彈出的對(duì)話框的“類別”列表中選擇“maven”，“項(xiàng)目”列表中選擇“從archetype創(chuàng)建”，然后下一步。
4、在搜索文本框中輸入“vaadin”，在下面的搜索結(jié)果中選擇“vaadin-archetype-application”。在Version文本框中輸入7.7.6。本文于2017年1月11日發(fā)布，發(fā)布時(shí)vaadin的最新版為7.7.6。然后下一步。
5、根據(jù)讀者自己的環(huán)境妥當(dāng)設(shè)置好新項(xiàng)目的名稱，項(xiàng)目存放路徑還有maven需要的各種信息。Vaadin項(xiàng)目需要的themeName、uiName可以保持默認(rèn)值。然后下一步。
6、在Netbeans的項(xiàng)目列表面板中找到剛剛創(chuàng)建好的項(xiàng)目，右鍵點(diǎn)項(xiàng)目名稱，選擇Clean & Build。Netbeans會(huì)調(diào)用maven對(duì)項(xiàng)目進(jìn)行編譯。
7、編譯完成后，右鍵點(diǎn)擊項(xiàng)目列表中的項(xiàng)目名稱，在彈出的菜單中選擇“運(yùn)行”。如果一切設(shè)置正確，Netbeans將會(huì)自動(dòng)為您打開系統(tǒng)中默認(rèn)的瀏覽器，并將項(xiàng)目中自帶的演示頁面展示在瀏覽器中。