ZK Framework(一、HelloWorld)

官网例子(HelloWorld):http://books.zkoss.org/wiki/ZK_Getting_Started/Get_ZK_Up_and_Running_with_MVC

ZK 下载地址:http://www.zkoss.org/download/zk

工具/环境:Eclipse IDE 3.7 (indigo) for Java EE developer,tomcat7.0。

通常入门都是一个“Hello World" 例子,ZK也不例外。

(一)工程

1)新建工程(Dynamic Web Project,版本为3.0), 名字:warmup,

2)导入zk所要的jar,

3)在WebContent目录下新建一个hello.zul文件(*.zul是ZK特有的文件类型),内容如下:

  ①<window></window>表示这是一个最大的组件,他下面可以包含其他组件,如:grid,listbox等。

  ②title="xxxx"指这个组件左顶头上的标题; border="xxx"指这个组件里面的布局

1 <window title="My First ZK Application" border="normal">
2     Hello World!
3 </window>

 

整个工程结构如图:

 

(二)运行

在tomcat7.0跑起工程,浏览器输入地址: http://localhost:8080/warnup/hello.zul

结果如图:

 Congratuation! 第一个ZK出来了。

posted @ 2013-06-01 21:01  黄辉杰  阅读(2430)  评论(0编辑  收藏  举报