1、 本 科 毕 业 论 文 基于敏捷软件开发方法的 Web2.0 网站开发 Ajax 在拼客网站的应用 The Web2.0 website development based on Agile programming The Application of Ajax in PinKe Website 姓 名： 学 号： 学 院：软件学院 系：软件工程 专 业：软件工 程 年 级： 指导教师： 教授 年 月I 摘 要 WEB 应用 现 已经进入 WEB2.0 “ 草根 ” 时代，用户成为网络内容的主体。每天都有无数的新想法诞生， “ 拼客 ” 就是近年来出现的新兴群体。这里的 “ 拼 ”是拼凑，拼
2、合 的意思 ， 而 “ 客 ” 代表 一群 人 。 因而， “ 拼客 ” 指的就是集中在一起共同完成一件事或活动，实行 AA 制消费的一群人。 Ruby on Rails 提供一种快速的网站开发方法，只要有想法，就能很快 地 把它实现，使得我们可以把主要的 精力放在创造想法和满足需求上 。 ROR 所代表的一类动态的、自由的程序设计语言和开发思想 让我们拥抱变化，更好地适应敏捷开发 。 Ajax 作为 Web2.0 的重要组成部分，避免了页面频繁刷新，让用户感受到一种连续的体验。 同时 Rails 提供了对 Ajax 高层次的封装，只要指定 几个请求参数，就可以实现整个交互细节，以达到无须编写
3、任何 JavaScript 脚本即可实现 Ajax 功能的目的。 本文依据 实际开发完成 的项目， 浅析了 Web2.0 网站页面的设计， 展示并分析 Ajax 在拼客网中的具体应用， 对基于 ROR 的 Web2.0 网站 设计与开发以及 Ajax 在 ROR 中的具体运用有一定的指导和借鉴意义 。 关键 词 ： 拼客网； Ruby On Rails； Web2.0； Ajax II ABSTRACT At the current time, web applications have already entered web2.0 grassroots period, the user ha
4、s become the subject of web content. Everyday many new ideas appear. Pin Ke is an emerging group in recent years. The Pin means gather or collect, and Ke means People. Thus, Pin Ke refers to the Dutch Treatment consumption group, which completes one thing or activities together. Ruby on Rails provid
5、es a rapid development methodology to develop web site, as long as there is the idea, it soon will be able to achieve so that we can focus on the creation of the ideas and meeting the demand. ROR represent a class of dynamic, the freedom of programming languages and development of thinking so that w
6、e are better able to embrace change and adapt to agile development. Ajax as an important part of Web2.0 to avoid page refresh frequently, so that users feel a continuous experience. Rails provide a high-level encapsulation for Ajax, as long as the specified request parameter, it can be achieved thro
7、ughout the interactive details, in order to achieve Ajax without writing any JavaScript. In this paper, basing on an actual development project, it makes an analysis on the Web2.0 website page design, displays and analyses the specific application of Ajax in the Pin Ke website. It makes a certain us
8、e of guidance and references for development and design of Web2.0 website and Ajax in ROR. Key words: PinKeWeb; Ruby on Rails; Web2.0; Ajax III 目录 第一章 引言 . 1 1.1 课题背景及意义 . 1 1.2 课题要求 . 1 1.3 相关技术概述 . 2 1.3.1 开发环境 . 2 1.3.2 Ruby 和 Rails 介绍 . 2 1.4 术语定义 . 3 第二章 总体设计 . 5 2.1 Rails 框架 . 5 2.1.1 Rails 框
9、架主要特色 . 5 2.1.2 MVC 设计模式 . 6 2.2 数据库 . 10 2.2.1 数据库配置 . 10 2.2.2 模型设计 . 12 2.2.3 迁移任务 . 12 第三章 网站页面设计 . 14 3.1 总体设计理念 . 14 3.2 CSS + xHTML. 18 3.3 表现层解决方案 . 21 第四章 Web2.0 和 Ajax 技术 . 23 4.1 Web2.0 . 23 4.2 Ajax 的定义与关键技术 . 24 4.2.1 Ajax 定义 . 24 4.2.2 Ajax 与传统 B/S 架构的比较 . 24 4.2.3 实现 Ajax 的关键技术 . 28 第
10、五章 Ajax 在拼客网的应用 . 29 5.1 Rails 的 Ajax 支持 . 29 5.2 拼客网中的 Ajax . 31 5.2.1 Ajax 的核心模块： PrototypeHelper. 31 5.2.2 Ajax 的效果模块： ScriptaculousHelper . 43 5.3 Rails 中 Ajax 的其他用法 . 46 5.4 小结 . 49 第六章 总结和展望 . 50 6.1 总结 . 50 6.2 展望 . 50 IV 致谢语 . 53 参考文献 . 54 V Contents Chapter 1 Introduction . 1 1.1 Background
11、 . 1 1.2 Assignment. 1 1.3 Technology Summarize . 2 1.3.1 Development Condition . 2 1.3.2 Synopsis for Ruby and Rails . 2 1.4 Terminology Definition List . 3 Chapter 2 General Design. 5 2.1 Rails Framework. 5 2.1.1 Main Features of Rails Frame . 5 2.1.2 MVC Design Pattern . 6 2.2 Database . 10 2.2.1
12、 Databa Configure . 10 2.2.2 Model Design . 12 2.2.3 Migration Task . 12 Chapter 3 Web Page Design . 14 3.1 Design Methodology. 14 3.2 CSS + xHTML. 18 3.3 The Solution Project of View Layer . 21 Chapter 4 Web2.0 and Ajax . 23 4.1 Web2.0. 23 4.2 The Definition amd Key Technology of Ajax . 24 4.2.1 De
13、finition . 24 4.2.2 Compare Ajax with Traditional B/S Framework . 24 4.2.3 The Key Technologies . 28 Chapter 5 The Application of Ajax . 29 5.1 Ajax in Rails . 29 5.2 Ajax in PinKe Web . 31 5.2.1 Core Module: PrototypeHelper . 31 5.2.2 Effect Module: ScriptaculousHelper. 43 5.3 Others . 46 5.4 Concl
14、usion . 49 Chapter 6 Summarize and Expectation . 50 6.1 Summarize . 50 6.2 Expectation . 50 VI Acknowledgements . 53 References . 54 基于敏捷软件开发方法的 Web2.0 网站开发 Ajax在拼客网站的应用 1 第 一 章 引言 1.1 课题背景及意义 WEB 应用已经进入 WEB2.0 “ 草根 ” 时代，用户成为网络内容的主体。每天都有无数的新想法诞生， Ruby on Rails 提供给我们一种快速的网站开发方法，只要你有想法，你就能很快的把它实现，使得我们
15、可以把主要的精力放在创造想法和满足需求上， Ruby 所代表的一类动态的、自由的程序设计语言和开发思想将占有越来越重要的地位。 目前， Ruby on Rails 正在成为 Web 应用程序开发的新途径。 Ruby on Rails 是基于 Ruby 语言的轻型 Web 开发架 构，不仅开发效率高（部署容易）、功能丰富（支持 Ajax、 Web Services 等最新应用），而且性能方面表现相当出色。该架构的支持者们声称 ROR 开发人员的生产效率最多是使用传统 J2EE 架构的十倍， 网上 也有相关测试资料显示，该架构性能比轻量级的 J2EE 架构 Struts + Hibernate 高
16、 15%30%。 拼客是近年来出现的新兴群体。这里的 “ 拼 ” 不是拼命，拼刺，拼抢，拼争，而是拼凑，拼合。 “ 客 ” 代表 一群人 ，因此， “ 拼客 ” 指的就是集中在一起共同完成一件事或活动，实行 AA 制消费的一群人。这样 ，既可以分摊成本、共享优惠、又 能享受快乐并从中交友 、 识友。 “ AA 拼客 ” 们，倡导的就是一种 “ 节约、时尚、快乐、共赢 ” 的新型生活方式。目前 的 拼客有 ： 拼房 （ 合租 ） 、拼饭 （ 拼餐 ） 、拼玩、拼卡、拼用、拼车 （ 顺风车 ） 、拼游 （ 拼团或自助游 ） 、拼购 （ 团购 ） 等等。AA 拼客是一种时尚、一种潮流、一种理念、一种
17、生活的态度、一种生活的方式。 “ 拼 ” ，简而言之就是：联合更多的人，形成更大的力量，花更少的钱，消耗更少的精力，做成我们想做的事情，获得更多的快乐，享受更好的生活 。 1.2 课题要求 使用 Ruby 语言在 Rail 平台上采用敏 捷软件开发方法构建一个具有 Web2.0特性的拼客网站。学习并使用 Ajax 技术，通过异步发送请求，改善用户体验 。 架构方法： Rails 框架的 MVC 架构。 基于敏捷软件开发方法的 Web2.0 网站开发 Ajax在拼客网站的应用 2 测试方法： 代码严格按照 Rails 提供的测试功能测试。 整个项目开发采用测试驱动方法在 Internet Exp
18、lorer 7.0 浏览器下进行开发以及测试。 1.3 相关技术概述 1.3.1 开发环境 硬件环境：普通个人电脑 软件环境： 操作系统： Microsoft Windows XP SP3 开发语言： Ruby1.8.6， JavaScript， HTML， CSS 开发工具： Eclipse3.4， Aptana 插件 , RadRails 插件 框架： Rails1.2.2 数据库： MySQL Database 5.0 浏览器： IE7.0 / GreenBrowser4.9 项目管理平台： TortoiseSVN 1.4.5 1.3.2 Ruby 和 Rails 介 绍 （ 1） Ru
19、by 是一种解释型的方便快捷的面向对象的脚本语言，由日本人松本行弘（ Yukihiro Matsumoto，外号 matz）开发，遵守GPL 协议和 Ruby License 。 Ruby 的作者于 1993 年 2 月 24 日 开始编写Ruby，直至 1995 年 12 月才正式公开发布于 fj （ 新闻组 ）。之所以称为Ruby，是因为 Perl 的发音与 6 月的 诞生石 pearl（珍珠）相同，因此 Ruby以 7 月的 诞生石 ruby （红宝石）命名 。 Ruby 的作者认为 Ruby (Smalltalk + Perl) / 2，因为 Ruby 是一个语法像 Smalltalk
20、 一样完全 面向对象 、脚本执行、又有 Perl强大的文字处理功能的编程语言。 1 （ 2） Rails 是用 Ruby 编写的一款完整的、开放源代码的 Web 框架， 目的是用基于敏捷软件开发方法的 Web2.0 网站开发 Ajax在拼客网站的应用 3 更简单而且更少的代码编写 Web 应用。 诞生 于 2004 年 7 月， Rails 的创始人 David Heinemeier Hanson 从 37signals 公司的项目管理工 具 Basecamp 里面分离出 Ruby on Rails，并且以开源方式发布。 Rails 当中有很多规矩从一开始就按照 David 的意见制定好了，所
21、以在 Rails 上开发应用程序时，开发人员可以专注于应用程序自身的设计，省却那些花在了解及配置基础框架上面的时间。这也正是 Rails 很重要的精神“惯例优于配置”（ Convention over Configuration），开发人员遵照 Rails 本身的惯例便可以省却配置组态 （例如 JavaEE 应用中的大量的配置文件） 的时间；此外， Rails 虽然强调惯例的重要及便利 性，但针对不同的需求， Rails 也提供修改的空间让开发人员可以进行自订的组态 ，定义自己的配置来覆盖Rails 配置 。 1 （ 3） Ruby on Rails 是一种结合 Ruby 语言与 Rails
22、平台的一种网页编程语言，Ruby 语言以自然、简洁、快速著称，全面支 持 面向对象程序设计 ，而 Rails则是 Ruby 广泛应用方式之一，在 Rails 平台上设计出一套独特的 MVC开发架构，采取模型（ Model）、视图（ View）、控制器（ Controller）分离的 开发方式，不但减少了开发中的问题，更简化了许多繁复的动作。 1 Rails 框架提供了开发 Web 应用的一站式选择。 1.4 术语定义 本文档中所用到的专门术语的定义和缩写词的原意。 表 1-1： 专门术语的 缩写 与 定义 序号 名词 定义和解释 1 GPL GPL 是 GNU General Public License (GNU 通用公共许可证 )的缩写形式； 它要求软件以源代码的形式发布，并规定任何用户能够以源代码的形 式将软件复制或发布给别的用户。 2 ROR Ruby On Rails ，即 Ruby 语言在 Rails 框架上的运用。 3 Ajax Asynchronous JavaScript and XML(以及 DHTML 等 )的缩
