前面已經看見效果了,我們就來開始實際應用它吧。首先要作的是搭建開發環境,訪問ZK的官方網站
http://www.zkoss.org/,在頁面的頂部導航,或者右側能夠看到download,點擊download進去,在頁面的Downloads列表中選擇第二項「ZK studio」,這時會進入另外一個頁面,此時咱們只要在MyEclipse中的插件管理面板中將「Online Installation」下面的地址粘貼進去,點擊OK就行了。接下來就是等待MyEclipse幫咱們把ZK插件安裝好。
安裝好之後,會彈出一個對話框,要輸入用戶名和密碼,這個只要在ZK的網站上註冊一下就行了。我嘗試過不輸入用戶名、密碼,結果ZK不能正常使用了
開發環境有了,接下來就是來編寫咱們的第一個ZK工程了。在MyEclipse中選擇file->new->project 而後選擇ZK Project,而後next,輸入工程名,finish就能夠了。這時會詢問是否切換到ZK的編輯面板,這個就因人而異吧,本身喜歡就好。
在ZUL文件的代碼中,你會看到「New Content Here!」 這句話,把它替換成你本身想寫的內容,保存,而後部署到Tomcat下,訪問這個ZUL文件,就能看到效果了。
效果圖以下:
代碼以下:
<?
page
title
="new page title"
contentType
="text/html;charset=UTF-8"
?>
<
zk
>
<
window
title
="new page title"
border
="normal"
>
個人第一個ZK頁面,hoho
</
window
>
</
zk
>
嘿嘿,第一個ZK頁面出來嘍