ZK學習研究(三)

  前面已經看見效果了,我們就來開始實際應用它吧。首先要作的是搭建開發環境,訪問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頁面出來嘍
相關文章
相關標籤/搜索