使用 ZK 框架的富 Internet 应用程序：一个开源 Ajax 框架

核心提示： 图 1. Manage customer index 页面查看原图（大图）图 1 展示了在这个应用程序中注册的客户列表，这个列表显示为一个网格，使用 ZK 框架的富 Internet 应用程序：一个开源 Ajax 框架(4)，包含 4 列：ID，客户姓名、激活日期和删除标记，并且能够完全访问数据

图 1. Manage customer index 页面

查看原图（大图）

图 1 展示了在这个应用程序中注册的客户列表。这个列表显示为一个网格，包含 4 列：ID，客户姓名、激活日期和删除标记。可以通过单击列名旁边的按钮对网格中的数据排序（升序或降序）。ID（整数型）、Name（字符串）和 Active Date（日期型）列都支持排序。在本文后面部分，我将解释如何通过使用一个 Comparator 对象来定制排序。这个应用程序还支持分页，如屏幕底部所示。这个页面支持一次显示 5 条记录，并具有移动到下一页或直接移动到特定页面的能力。

图 2. 顶部菜单栏

图 2 展示了这个客户管理应用程序的顶端菜单栏，它使用 ZK 的菜单栏小部件实现，包含 Register New Customer 和 Exit 两个选项。

现在您已经检查了这个示例应用程序的几个用户流，我们现在讨论 ZK 的架构细节。

ZK 内部结构

ZK 应用程序的行为与桌面应用程序类似，因为用户活动通过 Client Engine 自动触发服务器上的事件。反过来，服务器上的组件更新视图以匹配客户机上的视图。客户机（浏览器）只充当一个视图，而应用程序在服务器上运行，并且能够完全访问数据库、Web 服务等资源。因此，安全不是问题。