实习任务：日历应用

[ben7th]

参考图片，并注意图片上的文字说明： http://img.teamkn.com/i/NTP2XoR0.png ↑ 点击查看大图

根据以下要求，实现一个包含如图所示的简单日历界面的网页

1. 这只是一个网页，并不是一个网站。整个工程应该只包括 html, js, css 文件。
2. 网页打开时，根据当前系统时间，显示对应月份的日历。
3. 当前日期标红显示，周六日标蓝显示。如果当前日期正好是周六日，则标红显示。
4. 当前月日期前后会有一些空白格，用上月月末和下月月初的日期填充显示，并以灰色显示。
5. 点击日历界面顶部的“上一月”“下一月”，可以向前翻或向后翻切换月份。
6. 完成后，以 github-page 的形式发布到 github，并让其他人可以访问。相关的知识请自行学习。

   用到的知识点

javascript, 特别是日期相关的方法 jQuery html, css 基本知识 github-page 发布方法

[ben7th]

2015 年 7 月 16 日，第二轮迭代

接下来，我们从这个日历组件出发，把它做成一个 rails 应用。

这个应用使用 rails 工程构建，具有以下特性：

1. 支持不同的用户注册和登录；
2. 每个用户登录后，看到日历界面；这个界面和第一轮完成的组件是一样的。可以向前向后切换月份

3. 用户可以点击日期的格子，进入另一个界面，在这个界面上，用户可以进行以下操作：

   • 给这个日期添加任务（Task）记录，并给任务添加描述信息
   • 修改任务记录的描述信息
   • 删除任务记录
   • 把任务移动到别的日期（这里需要用到 http://www.bootcss.com/p/bootstrap-datetimepicker/ ）

   注意，每个用户在每个日期有自己的任务记录。 所有数据都要写入数据库。

4. 任务的添加，修改，删除都在同一页面进行。使用 ajax，不要有页面跳转。

   添加和修改任务的操作需要做成以下视频中的体验： http://oss.aliyuncs.com/pie-documents/20150716/todolist.mp4

   修改时，点击任务描述文字直接就可以开始修改。 视频中没有删除操作。可以做成在文字旁边放一个删除链接。点击该链接则删除该任务。 视频中也没有移动操作。可以做成在文字旁边放一个移动链接。点击该链接，弹出日期选择器，选择后，修改数据。

5. 数据库要求使用 mongoDB, 对应的 gem 是 mongoid 换言之，也就是不使用 mysql 和 ActiveRecord

   以下是一些参考资料

   官方文档 http://mongoid.org/en/mongoid/index.html

   railscasts 上的讲解 http://railscasts.com/episodes/238-mongoid

   ruby china 使用了 mongodb + mongoid 它的源码也是很好的参考 https://github.com/ruby-china/ruby-china