使用 Grails 与 jQuery 创建 Web Calendar

核心提示： 创建领域对象 CalendarEvent，并使用 Grails 自动产生该领域对象的 Controller 和 View 代码，使用 Grails 与 jQuery 创建 Web Calendar(3)，以实现对该领域对象的 CRUD 的操作页面及服务，添加更多服务，运行命令 grails cr

创建领域对象 CalendarEvent，并使用 Grails 自动产生该领域对象的 Controller 和 View 代码，以实现对该领域对象的 CRUD 的操作页面及服务。

添加更多服务，并以 JSON 数据格式发布。

使用 jQuery 及其插件定义日历用户界面。

创建 Grails 页面并安装配置 jQuery 及其插件，包括 FullCalendar、qTip。

使用 FullCalendar 插件调用 JSON 数据格式发布的服务，并展现为日历界面。

使用 qTip 插件展示日程详细信息。

运行示例程序。

创建 Grails 项目 MyCalendar

首先下载 Grails（参见参考资源），本文示例代码是基于 Grails 1.1.1 的。对于编辑器，使用 Eclipse 或者一般的文本编辑器都可以。

将 grails-bin-1.1.1.zip 解压到 c:\ grails-1.1.1 下。设置环境变量 GRAILS_HOME 为 c:\ grails-1.1.1，并添加 grails 命令（%GRAILS_HOME%/bin 目录）到 PATH 变量中。

打开命令行窗口，进入工作目录，并运行命令 grails create-app MyCalendar创建一个新的 Grails 项目。运行后，Grails 会在当前目录下创建 MyCalendar 目录，并产生其它项目相关文件。

创建领域对象（Domain Class）

进入 MyCalendar 目录，运行命令 grails create-domain-class CalendarEvent,Grails 将会产生 grails-app/domain/CalendarEvent.groovy 文件。用文本编辑器打开 CalendarEvent.groovy，添加成员变量 description,startDate, endDate, allDay（见清单 1）。

清单 1. Domain Class CalendarEvent

　class　CalendarEvent　{　
　　String　description　//description　of　the　event　
　　Date　startDate　//event　start　date　
　　Date　endDate　//event　end　date　
　　Boolean　allDay　//is　all　day　event?　
　
　　static　constraints　=　{　
　　}　
　}