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出来了。