zk 框架学习总结.doc

ZK 学习总结 WebKey项目组 2010年2月7日  前 言 按照项目计划，2010年1月29日至2010年3月5日为前期准备阶段，而春节之前主要对ZK进行深入学习。按照安排，组中各成员分别针对ZK框架进行了学习，并记录了各自的学习过程、内容。现进行整理、总结，以便日后查阅或者供新成员学习之用。 本文档的内容参考了ZK官方资源，但重要体现自己的理解及应用，要求编写成员每个例子代码都自己编写一遍，运行出来，加上自己体会总结各个组件用法。 目前项目组只掌握了每个组件的独立用法，对于需要几个组件共同工作完成的业务还没有很好的解决方法。另外，对于自定义组件还需特别研究。 本手册只是为年前学习之总结，日后还会不断补充。自然其中可能会有错误或不足之处，希望大家多多指教。 具体分工： 陈磊：前言、第一章、第四章11节、第五章1、2、3、4、6节 刘建波：第二章、第四章12节、第五章5节 冯新红：第三章 王鸿淼：第四章1、2、3、4、5节 方国建：第四章6、7、8、9、10节 2010年2月7日 WebKey项目组 目 录 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.感觉网格不是很好用，网格中的一行可以显示一条数据，但如何通过一行直接获