基于Ajax技术和jQuery的SNS交友网站前端设计与实现.doc

目录 第一章 绪论 1 1.1 课题研究背景 1 1.1.1 Web2.0的兴起 1 1.1.2 Web2.0时代的SNS网站 2 1.1.3 Web2.0时代的前端开发 3 1.2 研究内容和技术 5 1.3 论文结构 6 第二章 系统框架与技术 7 2.1 Ajax和Javascript 7 2.2 jQuery简介 8 2.3 SSH框架简介 10 第三章 SNS网站系统概述 11 3.1系统简介 11 3.2 系统功能概述 11 3.2.1 功能图示和描述 11 3.2.2 系统界面展示 13 3.2.3 用户接口 15 3.2.4 软件接口 15 3.2.5 系统用例图 15 3.3 系统核心技术 15 第四章 Ajax技术和jQuery在SNS网站前端设计与实现中的运用 17 4.1 好友状态回复功能 17 4.1.1 状态回复功能模块实现思路 17 4.1.2 状态回复功能模块具体实现 17 4.1.3 功能模块的界面设计评价 19 4.2 注册验证 19 4.2.1 注册验证实现思路 20 4.2.2 注册验证具体实现 20 4.2.3功能模块的界面设计评价 22 4.3 日历控件 22 4.3.1 jQuery UI介绍 22 4.3.2 日历控件具体使用 23 4.3.3 功能模块的界面设计评价 25 4.4 照片展示特效 25 第五章 总结与展望 28 5.1 总结 28 5.2 展望 29 参考文献 30 附录A：各功能模块核心代码 32 第一章 绪论 本章主要介绍Web2.0时代，SNS网站的发展，以及本课题将要研究的内容和采用的技术。 1.1 课题研究背景 1.1.1 Web2.0的兴起 我们现在所了解的Web2.0的概念最初进入人们的视野是2004年。在此之前，由于浏览器得到了普及，万维网得到快速的增长，人们将网站视为如同电视、报纸、杂志等传统媒体一样的发布信息的媒介，虽然这段时期用户也可以和站点进行一些简单的交互，比如用户登录，数据查询，提交数据等，但这些网站总体来说还是一种信息提供/浏览的模式。这段时期的WEB应用被称之为Webl.0。 在2004年，在O’Reilly和MediaLive公司的一次头脑风暴会议上，Dale Dougherty提出了Web2.0的概念，他指出Web2.0不再将网站视为一种简单的信息发布的手段。而是将网站看作是一个平台，强调用户与网站之间的互动，由用户来提供内容，为网站增加价值。他们还指出Web2.0网站的一些关键原则： 1．将Web站点视为平台。 2．充分利用群体智能。 3．数据是站点的“Intel Inside”。 4．丰富的用户体验。 5．快速的反应能力. Web2.0的应用主要包括：博客（BLOG）、RSS、百科全书(Wiki)、网摘 、社会网络（SNS）、P2P、即时（IM）等。 由上述Web2.0网站的关键原则可以看到，系统能否实现用户和网站的交互以及系统能否提供良好的用户体验在Web2.0网站中具有关键的作用。这要求前端开发人员对web2.0用户体验有了解和研究，并通过前端技术达到最佳效果。 1.1.2 Web2.0时代的SNS网站 SNS，全称Social Networking Services，即社会性网络服务，专指旨在助人们建立社会性网络的互联网应用服务以人人网（校内网）、开心网、白社会SNS平台为代表Danah m.Boyd和Nicole B．Ellison的论文中给出了SNS网站的定义，他们指出SNS包含如下两个功能特征：1)每一个用户都拥有一个一个公开或半公开的个人档案文件，2)用户之间互相共享好友列表，用户可以遍历查看由这些好友关系组织形成的网络。 在中国，SNS的发展可以分为三个时期。 1.1999-2006年：1999年，被认为是SNS概念最早的倡导者周云帆、陈一舟和杨宁共同创办ChinaRen校友录。当时中国互联网处于萌芽阶段，网民总数在1000万人左右。2003年博客逐渐兴起后，Web2.0理念与多种应用产品开始流行。2005年，8月，庞升东创立51.com，是中国最大的博客社区，以交友为主；12月，来自清华大学和天津大学的王兴、王慧文等几位大学生创立校内网(），是中国最早的校园SNS社区。 SNS概念处于被认知和等待普及阶段，SNS服务单一，更多被当作一种降低联络成本的工具来使用 2.2006-2008年陈一舟创立千橡集团，10月收购校内网，其他SNS第一目标依然锁定校园市场。2007年10月，曾创建校内网和饭否网的王兴推出真实社交网络海内网（），是最早模仿全球最大SNS服务提供商facebook（2004年创立）的商务类SNS社区。校园SNS较有影响的主要是：校内网、亿聚网、占座网、Chinay、Chinaren校内、优点