ZK 環境設置

最近在學ZK，所以筆記一下開發環境設置設置。

1.
安裝Java SDK 1.6.7
http://java.sun.com

2.
安裝Tomcat 6.0.18
http://tomcat.apache.org/

3.
下載ZK 3.5.0
http://www.zkoss.org/download/zk.dsp
zk-bin-3.5.0.zip

4.
建立目錄
在Tomcat安裝目錄下的webapps目錄下建立helloworld目錄
在helloworld目錄下建立WEB-INF目錄
在WEB-INF目錄下建立lib目錄

5.
建立web.xml
在WEB-INF下建立一個web.xml檔案
內容如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  <display-name>Hello World</display-name>
  <listener>
      <description>
      Used to cleanup when a session is destroyed</description>
      <display-name>
      ZK Session Cleaner</display-name>
      <listener-class>org.zkoss.zk.ui.http.HttpSessionListener</listener-class>
  </listener>
  <servlet>
      <description>
      The servlet loads the DSP pages.</description>
      <servlet-name>dspLoader</servlet-name>
      <servlet-class>
      org.zkoss.web.servlet.dsp.InterpreterServlet</servlet-class>
  </servlet>
  <servlet>
      <description>
      ZK loader for ZUML pages</description>
      <servlet-name>zkLoader</servlet-name>
      <servlet-class>
      org.zkoss.zk.ui.http.DHtmlLayoutServlet</servlet-class>
      <init-param>
          <param-name>update-uri</param-name>
          <param-value>/zkau</param-value>
      </init-param>
      <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet>
      <description>
      The asynchronous update engine for ZK</description>
      <servlet-name>auEngine</servlet-name>
      <servlet-class>
      org.zkoss.zk.au.http.DHtmlUpdateServlet</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>dspLoader</servlet-name>
      <url-pattern>*.dsp</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
      <servlet-name>zkLoader</servlet-name>
      <url-pattern>*.zul</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
      <servlet-name>zkLoader</servlet-name>
      <url-pattern>*.zhtml</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
      <servlet-name>auEngine</servlet-name>
      <url-pattern>/zkau/*</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
      <welcome-file>index.html</welcome-file>
      <welcome-file>index.htm</welcome-file>
      <welcome-file>index.jsp</welcome-file>
      <welcome-file>default.html</welcome-file>
      <welcome-file>default.htm</welcome-file>
      <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

6.
安裝ZK library
將zk-bin-3.5.0.zip解壓縮
再將dist\lib\、dist\lib\ext\、dist\lib\zkforge\下的所有jar檔複製到剛剛建立的lib目錄下

7.
建立helloworld.zul
在helloworld目錄下建立一個helloworld.zul檔案
內容如下

<window title="My First window" border="normal" width="200px">
  Hello, World!
</window>

8.
顯示helloworld
啟動Tomcat後開Browser
輸入http://localhost:8080/helloworld/helloworld.zul
顯示結果