开始ZK之旅

原文地址：http://zkoss.org/doc/tutorial.dsp#example

[size=16px;][b]介绍[/b][/size]

此教程的目的是通过一个小例子来说明ZK有多大的魔力。如果你想要入门教程，请看这里：[url=http://zkoss.org/doc/step%20by%20step.dsp] Step by Step Tutorial[/url]


[size=16px;][b]*一个真实的例子[/b][/size]

[size=16px;][b]*数据模型[/b][/size]

[size=16px;][b]*标准方法（不使用数据绑定）[/b][/size]

[size=14px;][b] **使用ZK标记语言设计用户接口页面[/b][/size]

[size=14px;][b] **使用Java来控制UI组件[/b][/size]

[size=16px;][b]*进阶方法（使用数据绑定）[/b][/size]

[size=14px;][b] **定义数据Bean和UI组件之间的关系[/b][/size]

[size=14px;][b] **修改Java文件[/b][/size]

[size=16px;][b]*安装Web应用[/b][/size]


[size=16px;][b]一个真实的例子[/b][/size]

我们的例子是一个使用了Google地图的观光网站。页面由左边的表格，右边的Google地图以及底部的矩形区域三部分组成。

[img]/upload/attachment/56227/a65f7183-6f34-3b3f-9203-d409b2cc8d6f.jpg[/img]

AJAX应用：当你从表格中选择一项时，选中项的地址将会在Google地图中显示出来，并且它的坐标将会在下方的矩形区域中显示。

[size=16px;][b]数据模型[/b][/size]

此程序的数据模型很简单；只包含如下四个属性：名称，属性，维度和经度。

public class Resort {
 private String _name;
 private String _description;
 private Double _latitude;
 private Double _longitude;

 public Resort(){};
 public Resort(String name, String description, Double latitude, Double longitude) {
  _name = name;
  _description = description;
  _latitude = latitude;
  _longitude = longitude;
 }
 // getter and setter methods are omitted.
 }