網頁

2018/6/8

建立第一個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 -> ArchetypesAdd 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的專案目錄結構如下

沒有留言:

張貼留言