ZK(Ajax but no JavaScript)备忘记

joeyta 发表于 2006-07-15 18:44:19
作者:joeyta     来源:matrix blog
评论数:10 点击数:2,553     投票总得分:5 投票总人次:3
关键字:zk,ajax,javascript

摘要:

ZK 为Ajax Web开源框架, 它带给我们能以最少编程能力, 提供Rich client介面而不需要编写Javascript. 是一种以事件驱动组件的开发过程. 开发员就像开发桌面应用程式般轻松, 类似设计及编写HTML标记语言般简单.

原文來源:http://blog.matrix.org.cn/page/joeyta?entry=zk_ajax_but_no_javascript

ZK 为Ajax Web开源框架, 它带给我们能以最少编程能力,
提供Rich client介面而不需要编写Javascript. 是一种以事件驱动组件的开发过程.
开发员就像开发桌面应用程式般轻松, 类似设计及编写HTML标记语言般简单..

ZK 於2006年3月, 获得2006年社区精选奖项,
并在2006年5月, 成为SourceForge第一热门项目.

开始备忘记:
首先安装Tomcat 5.x.
http://apache.seekmeup.com/tomcat/tomcat-5/v5.5.17/bin/apache-tomcat-5.5.17.exe
下载後直接安装到目录 D:\tomcat
由於本人电脑安装了几个 tomcat , 故把 port设为8083 ( 预设port是8080 )
http://localhost:8083/ 测试是否安装成功.

测试 ZK:
下载 zk-demo-2.0.1.zip
http://sourceforge.net/project/showfiles.php?group_id=152762
解压後把 zkdemo-all.war 或 zkdemo-all.ear 放进 c:\tomcat\webapps 目录下.
启动 tomcat 
浏览 http://localhost:8083/zkdemo-all/userguide/  进行测试

这里有很多范例, 可在 Try me 下的 TextArea 里更改,
然後按 Try me 按钮就会在上面显示. 有兴趣的同仁可在这里玩一阵子.

测试:
[1] ZK HelloWorld(第一个例子 -- 问候Joeyta):
由於启动 tomcat 後, 会把 zkdemo-all.war 自动解压.
产生 c:\tomcat\webapps\zkdemo-all 的目录.
建立测试目录 c:\tomcat\webapps\zkdemo-all\mydemo
建立测试档案 c:\tomcat\webapps\zkdemo-all\mydemo\HelloWorld.xul
HelloWorld.zul 的内容为:
<window title="My First window" border="normal" width="200px">
Hello, Joeyta!
</window>


如果有web view的开发经验, 上面代码看下去不用解释都知识在干甚麽.

浏览 http://localhost:8083/zkdemo-all/mydemo/HelloWorld.zul  结果为:


以上教学可参考官方更完整的文档:
http://zk1.sourceforge.net/wp/ZK-quickstart.pdf

集成 Eclipse WTP 可参考:
http://zk1.sourceforge.net/smalltalks/eclipse/ek.html

如果想更了解 XUL(XML User-interface Language) 可参考:
http://xul.sourceforge.net/mozilla.html
http://xulplanet.com/tutorials/xultu/


[2] ZK Interactive(第二个例子 -- 互动):
建立测试档案 c:\tomcat\webapps\zkdemo-all\mydemo\Interactivity.zul
内容为:
<window title="Hello" border="normal">
<button label="Say Hello" onClick="alert(&quot;Hello Joeyta!&quot;)"/>
</window>
 
浏览 http://localhost:8083/zkdemo-all/mydemo/Interactivity.zul


整个测试过程既轻松, 又简单. 有兴趣的同仁可跟随官方的教学文档, 很充足.

以上只是简单的示例, 可参考官方的开发文档:
http://zk1.sourceforge.net/wp/ZK-devguide.pdf


本页页面地址:

投票评分(记入本贴作者的专家分)

     非常好 还行 一般 扔鸡蛋          投票总得分: / 投票总人次:

用户评论列表

#1 评论作者: kjj 发表时间: 2006-07-18 05:38 下午

zk 构造树显示的方式 不敢恭维 !

#2 评论作者: xin_huang 发表时间: 2006-07-18 09:37 下午

感受一下
zk 还是不错的啊 哈哈

#3 评论作者: joeyta 发表时间: 2006-07-19 12:59 上午

新技術需要時間來磨練.

我想當初沒人會想到現在大部份的project都是建立在Web base上開發.

#4 评论作者: HotTea 发表时间: 2006-07-19 09:35 上午

ZK的报表功能,还有Chart功能如何啊,熟悉的人不妨透露一下。

#5 评论作者: icess 发表时间: 2006-07-19 01:38 下午

还是应用gwt 吧. 这个才是王道 呵呵......

#6 评论作者: sytemper 发表时间: 2006-07-22 03:15 下午

没用过
让他们掐吧,就等成熟的出来了

#7 评论作者: lin_1212 发表时间: 2006-07-27 10:52 上午

不错。关注一下。最近正想学这方面的知识

#8 评论作者: lin_1212 发表时间: 2006-07-27 10:52 上午

不错。关注一下。最近正想学这方面的知识

#9 评论作者: alphaj 发表时间: 2006-12-16 08:34 下午

我都用zk做了个小网站了,呵呵,一个小的招聘网站,地址如下http://www.zspower.com.cn:8888/zpProject
大家指导一下


发表我的评论 (评论可增加个人积分...)

用户*: E-mail:
评论内容*:

支持BBCode
算术题*: + =