前端框架ZK自学文档讲述.docVIP

ZK开发说明 什么是ZK 定义：一种用户界面开发框架。 特点：基于AJAX事件驱动 、丰富的XUL[1]和XHTML[2]、ZUML（ZK用户界面标记语言）。 原理： ZK loader: 由一系列Java servlets组成,负责接受URL request生成相应的HTML页面(包括css,javascript,ZK组件). ZK AU(asynchronous update): 即ZK异步更新引擎,负责接收Ajax requests,更新ZK组件属性,并将response返回客户端. ZK client engine: ZK客户端引擎，由一些列javascript组成，负责监控浏览器javascript事件队列，如果有事件触发就将事件以Ajax requests的方式发送到服务器端的ZK异步更新引擎，然后接收ZK异步更新引擎返回的应答更新页面。 ZK的优缺点 优点： 几乎可不用JS，组件的形式方便复用，便捷开发。 界面与服务器端直接交互，可直接使用JAVA对象，比使用dwr或buffalo更方便。 缺点：IE早期的版本不是标准的W3C规范，所以兼容性会较差。 ZK的常用开发说明 页面与JAVA类关联 页面与Java类关联主要用到2种方式。 一种是写成窗体的形式(window)，在页面中指定对应的JAVA类，图1；一种是写成插件的形式（ext）,在JAVA类中指定对应的页面,图2。 图1 窗体 图2 插件 Window 写成Window，在ZUL页面中使用apply或use属性指定对应的JAVA类。Apply和use的使用方法如下： Use:使用一个组件类，该类必须是当前组件对应接口的实现。 方法里面不实现doAfterCompose Apply:应用一个构建器类，这个类必须是FullComposer或Composer的实现类或实现类的子类（我们一般是继承GenericForwardComposer）。apply是帮助类，帮助use类或默认组件类构建当前组件。可以apply多个类帮助构建，使用逗号隔开。由于在组件及其子组件初始化之后会调用doAfterCompose方法，所以你可以在doAfterCompose方法内进行初始化。 指定对应的JAVA类时，有两种方式。一种是直接指定包路径和类名，如 apply=mon.ui.EntityLoadComposer 一种是通过注释的形式，如 A apply=${servProdInstMktResourceDetailInfoComposer}” 使用注释的时候，变量名为要指向的类（首字母小写），并且zul页面必须 加变量解析器指令。 ?variable-resolver class=org.zkoss.zkplus.spring.DelegatingVariableResolver? Ext 写成ext形式时，在JAVA类的构造函数中用Executions.createComponents绑定对应的ZUL页面（图3）。createComponents的第一个参数即为zul的页面地址。 Ext页面是用来引用到别的页面上的，相当一个插件。用法很如下。首先在zul页面头部声明引用的对象类，并给它取个别名，然后跟写button一样，直接使用。 !--页面头部声明-- ?component name=organizationTree extends=tree class=mon.ui.sysmgr.OrganizationTree? !--使用-- organizationTree id=organizationTree vflex=1 / 页面加载 ZK加载器(ZK loader)加载并解释页面需要经历四个阶段：页面初始阶段，组件创建阶段，事件处理阶段及响应阶段。 页面初始阶段：在这个阶段，ZK处理处理指令，被称为初始化(init)。如果并没有定义这样的处理指令，此阶段会被跳过。对于每个init处理指令都有一个class属性，一个指定类的实例(instance)将会被创建，然后它的doInit方法将会被调用。。 ?init class=org.zkoss.zkplus.databind.AnnotateDataBinderInit root=./bulletinEditWindow? Init只需要写在zul页面中即可，写法如下，其中class固定指定这个类即可，root属性值要唯一，可根据window的id进行更改，写法为root=”./窗体id”。 初始处理指令的另一种形式是使用zscript属性指定包含脚本代码的文件(如下)。那么在页面初始阶段这个文件将会被解释 ?init zsc