Java项目实战之九宫格记忆网

九宫格日记是一种全新的日记方式。它由9个方方正正的格子组成，9个格子9个主题，用户只需要在每个格子中填写或选择相应的内容就能完成一篇日记，整个过程不过几分钟。九宫格日记因其便捷、省时等优点在网上迅速流行开来，备受学生、年轻上班族的青睐，很多公司白领也在写九宫格日记。本章将介绍如何应用Java Web+Ajax+jQuery+ MySQL实现九宫格记忆网。

本项目利用Java Web+Ajax+jQuery+MySQL实现，通过本项目，可以学习到：

了解如何应用DIV+CSS进行网站布局
掌握如何实现Ajax重构
掌握图片的展开和收缩的方法
掌握如何进行图片的左转和右转
掌握如何根据指定内容生成PNG图片
掌握生成图片缩略图的技术
掌握如何弹出灰色半透明背景的无边框窗口

开发背景

随着工作和生活节奏的不断加快，属于自己的私人时间也越来越少，日记这种传统的倾诉方式也逐渐被人们淡忘，取而代之的是各种各样的网络日志。九宫格日记是一种全新的日记方式，它由9个方方正正的格子组成，让用户可以像做填空题那样对号入座，填写相应的内容，从而完成一篇日记，整个过程不过几分钟，非常适合在快节奏的生活中留下自己的心灵足迹。

需求分析

通过实际调查，要求九宫格记忆网具有以下功能。
☑ 为了更好地体现九宫格日记的特点，需要以图片的形式保存每篇日记，并且日记的内容写在九宫格中。
☑ 为了便于浏览，默认情况下，只显示日记的缩略图。
☑ 对于每篇日记需要提供查看原图、左转和右转功能。
☑ 需要提供分页浏览日记列表功能。
☑ 写日记时，需要提供预览功能。
☑ 在保存日记时，需要生成日记图片和对应的缩略图。

系统目标

根据需求分析的描述及与用户的沟通，制定网站实现目标如下。
☑ 界面友好、美观。
☑ 日记内容灵活多变，既可以做选择题，也可以做填空题。
☑ 采用Ajax实现无刷新数据验证。
☑ 网站运行稳定可靠。
☑ 具有多浏览器兼容性，既要保证在Google Chrome浏览器上正常运行，又要保证在IE浏览器上正常运行。