2016年5月6日 星期五

ZK Hello World





本文說明如何架設起一個ZK Framework 專案。

一、環境
1. JDK 1.7
2. TOMCAT 7.0
3. IDE - eclipse(已安裝完成zk studo)(如果沒有安裝時請參考ZK Studio 安裝 for Eclipse)

二、專案架構 - Maven
ZK Hello World

三、ZK專案所需要的套件 - pom.xml
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
        http://maven.apache.org/xsd/maven-4.0.0.xsd">
 <modelVersion>4.0.0</modelVersion>
 <groupId>com.puma.zk.sample</groupId>
 <artifactId>zkSample-1</artifactId>
 <version>0.0.1-SNAPSHOT</version>
 <packaging>war</packaging>

 <properties>
  <zk.version>8.0.1.1</zk.version>
 </properties>

 <dependencies>
  
  <dependency>
   <groupId>org.zkoss.zk</groupId>
   <artifactId>zk</artifactId>
   <version>${zk.version}</version>
  </dependency>
   
  <dependency>
   <groupId>org.zkoss.zk</groupId>
   <artifactId>zhtml</artifactId>
   <version>${zk.version}</version>
  </dependency>
   
  <dependency>
   <groupId>org.zkoss.zk</groupId>
   <artifactId>zul</artifactId>
   <version>${zk.version}</version>
  </dependency>
   
  <dependency>
   <groupId>org.zkoss.common</groupId>
   <artifactId>zcommon</artifactId>
   <version>${zk.version}</version>
  </dependency>
   
  <dependency>
   <groupId>org.zkoss.common</groupId>
   <artifactId>zweb</artifactId>
   <version>${zk.version}</version>
  </dependency>
   
  <dependency>
   <groupId>org.zkoss.common</groupId>
   <artifactId>zel</artifactId>
   <version>${zk.version}</version>
  </dependency>
   
  <dependency>
   <groupId>org.zkoss.zk</groupId>
   <artifactId>zkbind</artifactId>
   <version>${zk.version}</version>
  </dependency>

 </dependencies>

</project>

四、web.xml設定
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
   http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
   version="3.1">

 <display-name>zkSample-1</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>
  <!-- 處理有關http頁面所請求的類別(包含ajax) -->
  <description>The ZK loader for ZUML pages</description>
  <servlet-name>zkLoader</servlet-name>
  <servlet-class>org.zkoss.zk.ui.http.DHtmlLayoutServlet</servlet-class>
  <!-- 非同步更新url位置 -->
  <init-param>
   <param-name>update-uri</param-name>
   <param-value>/zkau/*</param-value>
  </init-param>
  <!-- 如果瀏覽器支持壓縮並且當前servlet沒有被其他servlet包含時,是否壓縮輸出 -->
  <init-param>
   <param-name>compress</param-name>
   <param-value>true</param-value>
  </init-param>
  <!-- zk log 級別 -->
  <init-param>
   <param-name>log-level</param-name>
   <param-value>OFF</param-value>
  </init-param>
  <load-on-startup>1</load-on-startup>
 </servlet>
 <servlet>
  <!-- 負責處理zk 的事件請求 -->
  <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>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>index.zul</welcome-file>
 </welcome-file-list>
</web-app>

五、顯示頁面hrllo.zul
<window title="My First ZK Application" border="normal">
   Hello World!
</window>

六、啟動tomcat即可顯示結果
ZK Hello World













其它文章

標籤

Oracle (150) Oracle DB (144) Oracle_DB (143) Oracle SQL (135) JAVA (82) css-基本類 (65) MySQL (59) CSS Selector (58) jQuery (49) JavaScript-基本類 (39) JavaScript (37) JavaScript HTML DOM (37) JavaScript-HTML_DOM (36) CSS3 (30) JAVA-基本類 (28) jQuery UI (27) Apache (23) Oracle GROUP BY (20) datepicker (20) Android (18) Oracle Date (17) c (17) JAVA-lang套件 (16) Linux (16) Oracle Sub Query (16) Spring-基本類 (16) jQuery-基本類 (16) MySQL-進階系列教學 (15) Android基本類 (14) Grails (14) Oracle join (14) SQLite (13) Spring (13) WIN7-基本類 (13) grails-基本類 (13) linux cent os (13) CKEditor (12) JAVA-流程控制類 (12) JAVA_Spring (12) PHP (11) MySQL-基本系列教學 (10) SQLite for java (10) Windows (10) c/c++ (10) Notepad++ (9) eclipse (9) jQuery-Selector (9) sqldeveloper (9) DB_Toad (8) JAVA_IDE_Eclipse (8) JavaScript-String類 (8) MySQL DB Toad (8) MySQL-DATE相關 (8) MySQL-函式相關 (8) Spring Bean (8) Android Studio (7) HTML5 (7) Hibernate (7) JAVA-OCWCD (7) JavaScript-陣列類 (7) JAVA-程式分享 (6) JAVA.util套件 (6) JavaScript-數學類 (6) MinGw (6) MySQL-其它類 (6) Spring MVC (6) Apache_Tomcat (5) Apache套件_POI (5) CSS (5) JavaScript-Date物件 (5) JavaScript-其它類 (5) PostgreSQL (5) centos (5) httpd (5) log4j (5) 基本資訊 (5) CSS Properties (4) Dev-C++ (4) Oracle DDL (4) Servlet (4) Sublime (4) apache_Maven (4) Android NDK (3) Eclipse IDE for C/C++ (3) Hibernate-基本類 (3) JAVA-問題 (3) JAVA-綀習分享 (3) Linux 指令 (3) Proxy Server (3) Spring Mobile (3) Squid (3) VirtualBox (3) maven (3) zk (3) 生活其它 (3) Bootstrap (2) JAVA_IO (2) JAVA_其它_itext套件 (2) JBoss-問題 (2) Jboss (2) MySQL-語法快速查詢 (2) Spring AOP (2) Spring Batch (2) Spring Boot (2) Spring i18n (2) Subversive (2) Tomcat 8 (2) UML (2) c++ (2) c語言綀習題 (2) jQuery Mobile (2) jQuery-事件處理 (2) jQuery-套件類 (2) putty (2) svn (2) weblogic (2) Apache_JMeter (1) Apache套件_BeanUtils (1) Apache套件_StringUtils (1) Base64 (1) Google API (1) HTML5-基本類 (1) JAVA 7 (1) JAVA 日期 (1) JAVA-OCJP (1) JAVA-WEB (1) JAVA_IDE (1) JAVA其它 (1) JBoss Server (1) JMX (1) JSP (1) Java RMI (1) Java String (1) Joda Time (1) Linux_其它 (1) MySQL教學 (1) Oracle_VirtualBox (1) SQL Server (1) SWT (1) Session (1) Struts 2 (1) Tool (1) TortoiseSVN (1) ZK Studio (1) csv (1) grails-其它類 (1) jQuery-進階 (1) java mail (1) java web (1) jsoup (1) modules (1) tomcat (1) 其它類 (1) 圖片工具 (1) 模擬器 (1) 櫻桃鴨 (1) 泰山 (1) 聊天 (1) 聚餐 (1) 開發工具 (1) 開發資訊 (1) 霸王櫻桃鴨 (1)

精選文章

初學 Java 的 HelloWorld 程式

撰寫一個JAVA程式 public class HelloWorld{ public static void main(String[ ] args){ System.out.println("我第一支Java程式!!"); } } ...