使用 Grails 与 jQuery 创建 Web Calendar

核心提示： 背景介绍目前很多著名的互联网公司都发布了 Web Calendar，如 Google、Yahoo、微软等，使用 Grails 与 jQuery 创建 Web Calendar(2)，相对于传统的 Web Calendar，最新的程序将用户日程都以日程表这种直观的方式展现给终端用户， 整体构架图，

背景介绍

目前很多著名的互联网公司都发布了 Web Calendar，如 Google、Yahoo、微软等。相对于传统的 Web Calendar，最新的程序将用户日程都以日程表这种直观的方式展现给终端用户，并可以按月、周、日等不同周期展示。同时配合 Ajax 技术，使用局部内容动态更新，大大提高了用户体验。

如果使用传统的 Web 开发框架，开发一个这样的 Web Calendar 的周期会相对较长。从持久层的数据模型和数据源，业务逻辑层的服务和控制器，到 Web 的前端展示，传统开发方式需要花费较大精力分别开发各个组件。而 Grails 这种新的 Web 开发框架出现，解决上述问题。它采用了类似于 Ruby on Rails 框架的开发方式，并使用 Groovy 语言作为开发语言，使得程序代码简洁，并可以通过 Grails 本身提供的功能方便地将数据服务发布为 JSON 格式。对于很多 Ajax 程序来说，JSON 格式数据相对于 XML 格式更容易在浏览器端解析和处理。对于完成类似于在线日历这种复杂的 Ajax 应用，jQuery 作为一个功能强大的轻量级 javascript 框架，可以大大简化复杂的 DOM 操作和 javascript 编程。其丰富强大的插件库更是进一步简化方便了开发工作。本文就将使用 jQuery 的 FullCalendar 和 qTip 插件，来辅助 Web 前端开发。

整体构架图，如下图所示：

图 1. 构架图

主要步骤

本文所涉及的示例程序开发将包含以下主要步骤：

使用 Grails 创建日程管理相关的页面和服务。

创建 Grails 项目 MyCalendar。