前提: 建立 ZK 程式前, 必須先建構 ZK 開發環境, 參考這篇文章.
建立步驟, 如下 :
1) 按 New, 選擇 Project 來產生新專案 :
選擇 "Web > Dynamic Web Project" :
輸入 Project Name 與哪個 Web Server, 然後按 Finish 鈕即可 :
結果, 呈現如下 :
2) 在 Project 按右鍵, 選擇 "New > Other" :
選擇 "ZK > ZUL", 用來產生一個 ZK 網頁 :
選擇 ZUL 網頁的放置位置 (必須在 WebContent 目錄中), 與輸入檔名 :
結果, 呈現如下 :
3) 在 ZUL 檔案按右鍵, 選擇 "Run As > Run on Server", 來執行 ZUL 網頁 :
選擇要運行的 Web Server, 然後按 Finish 即可執行 :
ZUL 網頁執行結果, 呈現如下, 但這結果, 不是 ZUL 正確的執行結果 :
4) ZUL 網頁要正確執行, 還需在 WEB-INF / lib 目錄中, import ZK 相關 Library :
選擇來源目錄((<ZK_Home>/dist/lib)), 來源檔案, 以及確認目的目錄, 按 Finish 即進行 import :
載入結果, 如下 :
5) 將以下內容複製到 web.xml 檔案內 :
(參考 http://www.zkoss.org/doc/installzk.dsp) :
6) 再執行一次 ZUL 網頁, 這次就呈現正確的執行結果 :
