前面已经看见效果了,咱们就来开始实际应用它吧。首先要做的是搭建开发环境,访问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 >
< window title ="new page title" border ="normal" >
我的第一个ZK页面,hoho
</ window >
</ zk >
嘿嘿,第一个ZK页面出来喽
本文转自 sw840227 51CTO博客,原文链接:http://blog.51cto.com/jerrysun/317373,如需转载请自行联系原作者