ZK-学习教程.doc

ZK 学习总结（1） 2011-09-20 目 录 1 了解ZK 1 1.1 理解ZK 1 1.2 ZK特点 1 2 ZK环境搭建 3 2.1安装环境前，需要下载的东西： 3 2.2安装过程 3 2.3 第一个用Eclipse创建的ZK项目：Hello World 7 2.4例子中的配置分析 12 3 组件基础属性及事件 15 3.1 ID属性 15 3.2 IF和unless属性 16 3.3 use和apply属性 16 3.4 forEach属性 20 3.5 事件处理 20 4 组件属性及重要函数 28 4.1 标签组件 28 4.2 按钮组件 30 4.3 日历组件 31 4.4 图像组件 32 4.5 窗口 34 4.6 布局组件 39 4.7 标签页 44 4.8 网格 48 4.9 菜单 56 4.10 列表框 59 4.11 树形组件 64 5 应用示例 71 5.1 功能简介 71 5.2 建立项目环境 71 5.3 登陆功能 72 5.4 权限判断 73 5.5 页面布局实现 74 5.6 权限管理实现 75 5.7 信息中心模块 77 5.8 示例配置代码 79 1 了解ZK 1.1 理解ZK ZK官方网站及<<ZK开发手册>>中有关于ZK的定义：“ZK是一个事件驱动(event-driven)的，基于组件(component-based)的，用以丰富网络程序中用户界面的框架。ZK包括一个基于AJAX事件驱动的引擎(engine)，一套丰富的XUL和XHTML，以及一种被称为ZUML(ZK User Interface Markup Language，ZK用户界面标记语言)的标记语言”。 通过这么一段时间的接触，体验到ZK是C/S构架在WEB应用中的实现。写过C/S程序的同学应该能够理解C/S构架特点，如C++,.NET等语言的应用程序构架，以上语言在编写C/S构架程序的时候都是基于各个组件的应用，如窗口、按钮、列表等，用面向对象的语言来说，C/S程序是由各个可视化的对象组成的。 最简单的程序需要有以下几个步骤，第一，编写前台数据输入页面，然后编写后台处理数据的代码，最后编写数据处理的结果的页面。以上的3个步骤在B/S框架中通常是独立分开的，而目前ZK框架则将三者能够绑定在一起，在一个ZK得页面中完成。像桌面程序一样，每个显示页面关联一个后台程序，页面中元素值及属性在后台程序中均能够随时得到，后台程序也能够控制页面元素。 ZK是基于组件的，每个组件都有对应的HTML页面显示，又会对应一个JAVA 对象。于是用户可以通过后台程序中对组件JAVA对象的处理来更新页面的HTML显示，而页面中元素的从属关系则体现在Java中的List类，每个组件都能够获得属于其中的元素列表(List)。 1.2 ZK特点 通过这么一小段时间的ZK学习与应用，总结一点我认为特点与体会。 1.组件多样，能够轻松完成普通web程序很难完成的树、图表、页面局部动态变换、标签页、分页网格等功能，是实现富客户端应用的良好工具。 2.开发模式简单，只需要掌握各个组件应用变可以轻松完成应用开发。 但利用ZK开发还有些缺点的地方 1.学习资料较少，只有官方网站中的例子，且例子均是局部功能，没有完整的WEB项目参考。这样就不能了解类包及页面如何分配等相关知识，如目前比较缺少在ZK中通用的对数据库进行增删改查的例子，打开2个window间数据传递等功能。 2.感觉网格不是很好用，网格中的一行可以显示一条数据，但如何通过一行直接获得绑定的数据？还是事件处理部分，事件处理是一个组件的特定函数，即一个类的函数，而函数中处理数据经常需要其他组件的数据，如何获得其他组件数据?唯一的方法似乎是事件监听类为组件的内部类。 3.版本问题，目前ZK最新式5.0,其中官网中的DEMO均是此版本的，而其他的DEMO及Eclipse的插件均是3.6版本的ZK，导致从例子中学习的一些程序代码在其他环境中运行出错。 4.编译源码问题，由于功能需要，需要对项目源代码进行重新编译，但ZK的编译需要在Linux或模拟Linux环境下运行，不是很方便，目前还没掌握。 2 ZK环境搭建 2.1安装环境前，需要下载的东西： 作为一个基于 java 的 web framework，再使用 ZK 之前，需要成功安装 JDK 和 tomcat5.5 或者更高的版本，所以要提前下载的东西为： ①下载JDK（Java SE）安装包； ②下载Tomcat安装包； ③下载Eclipse IDE 软件开发工具安装包，我们项目组目前Eclipse环境为3.4； ④下载ZK Library； ⑤下载ZK Studio 对于ZK Library可以再/