第 2 章 让我们开始吧

目录

Hello World!
互动性
zscript元素
脚本语言
将脚本代码放在一个单独的文件中
attribute元素
EL表达式
id属性
if unless属性
forEach属性
useapply属性
use属性
apply 属性
zscript实现Java类
forward属性一起使用
手动创建组件
不使用ZUML来开发ZK应用程序
为某一页面定义新的组件

这一章的内容描述了如何写出你的第一个ZUML页面,如果你没时间的话建议你至少阅读这一章。

此章使用ZUL来说明ZK的功能,但是也适合于其他ZK支持的语言。

Hello World!

当ZK安装到你最喜爱的Web服务器[8]后, 你就可以直接编写应用程序。仅需在合适的目录新建一个名为hello.zul的文件[9]

<window title="Hello" border="normal">
   Hello World!
</window>

然后输入正确的URL,例如:http://localhost/myapp/hello.zul,得到如下页面 :

在ZUML页面中,一个XML元素描述了应该创建。在这个例子中,被创建的是window(org.zkoss.zul.Window),XML属性(attributes)用来指定window组件属性(properties)的值。在这个例子中,创建了window,并指定了title和border属性的值分别为 'Hello'和'normal'。XML元素内的文本(即Hello World)也可以通过一个称为Label (org.zkoss.zul.Label)的标签来展示。所以上面的例子和下面的例子是等价的:

<window title="Hello" border="normal">
   <label value="Hello World!"/>
</window>

也等价于:

<window title="Hello" border="normal">
   <label value="Hello World!"</label>
</window>


[8] 参考Quick Start Guide。

[9] 你也可以试试这些例子的在线示范。