建立第一個ZK Maven網頁應用程式

這篇介紹如何在Eclipse建立第一個ZK + Maven網頁應用程式

其實怎麼建立的方法在官網寫得蠻清楚的了，可直接參考Create and Run Your First ZK Application with Eclipse and Maven

本範例的開發環境如下:

• Windows 7 64bit
• jdk 1.8 (jdk1.8.0_171)
• Eclipse Oxygen (eclipse-jee-oxygen-2-win32-x86_64)
• Eclipse ZK Studio plugin
• Tomcat 8.5 (apache-tomcat-8.5.31)
• ZK 8.5(不用安裝，依下面步驟建立好專案後會透過Maven自動載入ZK的jar)

下載好eclipse及tomcat後，在eclipse中把tomcat設為localhost server

開啟eclipse的Marketplace，在搜尋欄位輸入"ZK Studio"並安裝。

安裝完ZK Studio會重啟eclipse，然後會要求你註冊ZK帳戶，可以按Skip略過。

接著在Window -> Preferences -> Maven -> Archetypes點Add Remote Catalog...

在Catalog File欄位輸入http://mavensync.zkoss.org/maven2/，下面的敘述可以隨意填寫，範例同官網填入"ZK Maven Archetype"。輸入完後按Verify...，最後按OK。

然後就可以看到新增的Remote:ZK Maven Archetype

接著在eclipse的功能選單選擇File -> New -> Other... -> Maven -> Maven Project

勾選Use default Workspace location，然後按Next >

選擇zk-archetype-webapp，而後面的version應該會是ZK目前的最新版本，目前為8.5。選好後按Next >

在Group Id欄位輸入自己的group名稱，例如"com.yourname"，在Artifact Id輸入專案名稱，例如"myzkapp"，輸入完按Finish

然後在eclipse的專案目錄中就可以看到新建立的ZK專案"myzkapp"。

記得將專案的Java Build Path的JRE System Library改成你用的jdk。

就和一般的網頁應用程式啟動方式一樣，在專案上按滑鼠右鍵，選擇Run As -> Run on Server來啟動。

啟動後在瀏覽器的結果如下

在eclipse的專案目錄結構如下