1. 研究目的与意义、国内外研究现状（文献综述）
意义：基于一个固定尺寸对网站页面进行设计的模式，已无法满足用户设备多样化的通用需求。理想的情况是分别为每种设备单独创建一个版本，然而这对于大多数网站来说是不切实际的，于是越来越多的网站选择成为响应式，响应式设计已成为网页设计的一大主流模式。
国内外研究概况：2010年伊桑马科特(ethan marcotte)在它的一篇文章respnonse web designan a list apart article首先提出了响应式网站设计(rwd,response web design)这个术语。响应式设计的概念从提出至今，一直不断蔓延扩散，并得到各方认可。越来越多的网站选择成为响应式。因为这已经不是种趋势，而怡然是种常态了。国内互联网企业对浏览器入口的重视，在资本市场的动作中可窥探一二。13年，腾讯向搜狗注资4.48亿美元； 14年，搜狐畅游9100万美元收购海豚浏览器股份；阿里巴巴全资收购uc，被称为中国互联网史上最大的并购越来越多的巨头和资本涌入，让浏览器成为行业关注的焦点。现用手机打开浏览器，多个网站都能够浏览而且用户体验也不错，同样用电脑端打开这个网站，主要内容都差不多，只是布局可能不同。
应用前景：虽然如今app正当红，但随着html5等网页技术的发展，浏览器行业正在悄然变革。未来的web不仅不会被app替代，而是将占据整个互联网的主导地位。app还面临着安卓生态系统混乱、用户下载、安装、使用流程繁琐等问题。相比之下，web的优势也更加明显，开发成本低，跨平台和终端，迭代更新容易，自由开放等。google推进的chrome os的战略，也证明了未来的电脑操作，其实就是浏览器的操作这一点。我们反观国内的移动浏览器市场。media research(艾媒咨询)数据显示，2014年中国第三方手机浏览器用户规模为4.57亿人，2015年，中国第三方手机浏览器用户规模将达到5.36亿人，增长率为17.3%。显然，它并没有受到app的太多影响，反而在众多浏览器厂商的不断创新、寻求突破的努力下，在移动领域呈现了积极增长的趋势和巨大的潜力。如果希望开发一个app能同时在苹果手机、安卓手机、windows手机、平板电脑甚至是在pc电脑上运行，web app能够运行。然而native app 可能需要5个以上对应的app。所以，选择web是一个明智的选择，当然因为网页是运行在浏览器上的，所以不同终端的浏览器的兼容性适配器是需要认真考虑的问题。响应式设计则最适合不过了，不仅在终端上能够有良好的用户体验，成本相比较好几套不同尺寸版本来说是节约了很多。
2. 研究的基本内容和问题
应用前景：虽然如今app正当红，但随着html5等网页技术的发展，浏览器行业正在悄然变革。未来的web不仅不会被app替代，而是将占据整个互联网的主导地位。app还面临着安卓生态系统混乱、用户下载、安装、使用流程繁琐等问题。相比之下，web的优势也更加明显，开发成本低，跨平台和终端，迭代更新容易，自由开放等。google推进的chrome os的战略，也证明了未来的电脑操作，其实就是浏览器的操作这一点。我们反观国内的移动浏览器市场。media research(艾媒咨询)数据显示，2014年中国第三方手机浏览器用户规模为4.57亿人，2015年，中国第三方手机浏览器用户规模将达到5.36亿人，增长率为17.3%。显然，它并没有受到app的太多影响，反而在众多浏览器厂商的不断创新、寻求突破的努力下，在移动领域呈现了积极增长的趋势和巨大的潜力。如果希望开发一个app能同时在苹果手机、安卓手机、windows手机、平板电脑甚至是在pc电脑上运行，web app能够运行。然而native app 可能需要5个以上对应的app。所以，选择web是一个明智的选择，当然因为网页是运行在浏览器上的，所以不同终端的浏览器的兼容性适配器是需要认真考虑的问题。响应式设计则最适合不过了，不仅在终端上能够有良好的用户体验，成本相比较好几套不同尺寸版本来说是节约了很多。
研究内容：响应式布局，网站内容将会自动适应用户终端屏幕大小，使得用户无论在电脑，平板还是在手机上，都能浏览网站并实现寄信发信功能。简而言之，就是一个网页能够兼容多个终端。
研究目标：通过书信交流网站，用户可以收集从各地寄来的书信来了解世界。通过互相寄发书信认识更多的人，找到自己笔友。用户不仅在电脑上能够访问这个网站，在其他终端上也能浏览本网站，并且网站界面会自动适应终端屏幕大小。
3. 研究的方法与方案
技术支持：jQuery:是一个兼容多浏览器的javaScript 库，核心理念是write less,do more.如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。jQuery是免费、开源的。 AJAX:Asynchronous Javascript And XML（异步JavaScript和XML）。AJAX 是一种用于创建快速动态网页的技术 。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。Struts2框架:Struts 2以WebWork为核心，采用拦截器的机制来处理用户的请求，这样的设计也使得业务逻辑控制器能够与ServletAPI完全脱离开。 Bootstrap框架：来自 Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。Less 是一个 CSS 预处理器，让 CSS 具有动态性。另一方面，Bootstrap 是一个快速开发 Web App 和站点的工具包。可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins（混合）和 nesting（嵌套）。Bootstrap 以 Less项目为基础，增强了 CSS 语言。Bootstrap 还包括基本的 CSS 元素，这些元素用于排印、表单、按钮、表格、网格、导航、警告等。软件环境：数据库：Oracle 11gWeb服务器：tomcat6及以上JDK：1.6版本及以上开发平台：Myeclipse6.5前台：JSP、jQuery、Html、Javascript、CSS、BootStrap后台：Struts2、Filter、Servlet系统：Windows浏览器：Google Chrom、Safari、Internet Explorer
4. 研究创新点
特色或创新之处
在传统JavaWeb开发中使用BootStrap框架实现于响应式设计网页。一个网页可以自动适应不同屏幕尺寸。
目前书信交流网站存在为数不多。5. 研究计划与进展
研究计划及预期进展：
一月份上旬：需求分析，设计基本界面；
一月份中旬：前期准备，找到需要的框架源码；
