ZK(Ajax but no JavaScript)備忘記

ZK 為Ajax Web開源框架, 它帶給我們能以最少編程能力,
提供Rich client介面而不需要編寫Javascript. 是一種以事件驅動組件的開發過程.
開發員就像開發桌面應用程式般輕鬆, 類似設計及編寫HTML標記語言般簡單..

ZK 於2006年3月, 獲得2006年社區精選獎項,
並在2006年5月, 成為SourceForge第一熱門項目.

開始備忘記：
首先安裝Tomcat 5.x.
http://apache.seekmeup.com/tomcat/tomcat-5/v5.5.17/bin/apache-tomcat-5.5.17.exe
下載後直接安裝到目錄 D:\tomcat
由於本人電腦安裝了幾個 tomcat , 故把 port設為8083 ( 預設port是8080 )
http://localhost:8083/ 測試是否安裝成功.

測試 ZK：
下載 zk-demo-2.0.1.zip
http://sourceforge.net/project/showfiles.php?group_id=152762
解壓後把 zkdemo-all.war 或 zkdemo-all.ear 放進 c:\tomcat\webapps 目錄下.
啟動 tomcat
瀏覽 http://localhost:8083/zkdemo-all/userguide/ 進行測試

這裡有很多範例, 可在 Try me 下的 TextArea 裡更改,
然後按 Try me 按鈕就會在上面顯示. 有興趣的同仁可在這裡玩一陣子.

測試：
[1] ZK HelloWorld(第一個例子 -- 問候Joeyta)：
由於啟動 tomcat 後, 會把 zkdemo-all.war 自動解壓.
產生 c:\tomcat\webapps\zkdemo-all 的目錄.
建立測試目錄 c:\tomcat\webapps\zkdemo-all\mydemo
建立測試檔案 c:\tomcat\webapps\zkdemo-all\mydemo\HelloWorld.xul
HelloWorld.zul 的內容為：
<window title="My First window" border="normal" width="200px">
Hello, Joeyta!
</window>

如果有web view的開發經驗, 上面代碼看下去不用解釋都知識在幹甚麼.

瀏覽 http://localhost:8083/zkdemo-all/mydemo/HelloWorld.zul 結果為：


以上教學可參考官方更完整的文檔：
http://zk1.sourceforge.net/wp/ZK-quickstart.pdf

集成 Eclipse WTP 可參考：
http://zk1.sourceforge.net/smalltalks/eclipse/ek.html

如果想更了解 XUL(XML User-interface Language) 可參考：
http://xul.sourceforge.net/mozilla.html
http://xulplanet.com/tutorials/xultu/


[2] ZK Interactive(第二個例子 -- 互動)：
建立測試檔案 c:\tomcat\webapps\zkdemo-all\mydemo\Interactivity.zul
內容為：
<window title="Hello" border="normal">
<button label="Say Hello" onClick="alert(&quot;Hello Joeyta!")"/>
</window>

瀏覽 http://localhost:8083/zkdemo-all/mydemo/Interactivity.zul


整個測試過程既輕鬆, 又簡單. 有興趣的同仁可跟隨官方的教學文檔, 很充足.

以上只是簡單的示例, 可參考官方的開發文檔：
http://zk1.sourceforge.net/wp/ZK-devguide.pdf