福网

ZK AJAX 学习笔记第二天 整合到JSP

ZK AJAX 学习笔记
——Run Java and JSP on ZK

ZK使用的是zul,据说是xul的扩展,反正对于我这种用惯JSP的人实在不习惯,于是便尝试并搜索着如何将zk整合到JSP中,还真找到了,不过JSP文件就必须严格遵守XML格式了,例如<br>就得写成<br /><br></br>了,刚开始狂报错,基本上都是标签未关闭,实在不惯啊。哈,进正题了。

还记得那个zkajax工程吗,打开它,然后打开web.xml文件(如果不知道这个文件的位置,我就该哭了),如果出现的是图形,就点下面Source即可出现代码。

<listener>标签的前面添加如下的filter(Ctrl+Shift+F5可以对齐文本)

<filter>
  <filter-name>zkFilter</filter-name>
  <filter-class>org.zkoss.zk.ui.http.DHtmlLayoutFilter</filter-class>
  <init-param>
    <param-name>extension</param-name>
    <param-value>html</param-value>
    <!-- Use XHTML components as default. -->
  </init-param>
</filter>

<filter-mapping>
  <filter-name>zkFilter</filter-name>
  <url-pattern>*.jsp</url-pattern>
  <dispatcher>REQUEST</dispatcher>
  <dispatcher>INCLUDE</dispatcher>
  <dispatcher>FORWARD</dispatcher>
  <dispatcher>ERROR</dispatcher>
</filter-mapping>

在WebContent目录下新建一个test_jsp.jsp文件,内容如下

<%@page language="java" pageEncoding="UTF-8"%>
<html xmlns:x="http://www.zkoss.org/2005/zul">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>测试zk jsp</title>
</head>
<body>
<x:window id="test" title="测试zk jsp" border="normal" width="100px">
  测试zk jsp
</x:window>
</body>
</html>

在这文件上点右键->Rin As->Run on server,,即可看到运行结果,大概是下图的样子:

是不是字体很小?我觉得太小了,于是我修改css文件中的字体,我把大部分该成了10pt(原来为x-small xx-small),此文件为与zul.jar\web\zul\css\normie.css.dsp,然后再运行就是下图的样子了:

感觉到变化了吧。

发表评论

电子邮件地址不会被公开。

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>