1、1第三方框架支持下的 Web 应用开发研究摘 要 对中大型 Web 项目开发中出现的问题进行总结，介绍 MVC 的设计模式，阐述第三方框架支持下的 AJAX 开发，通过该模式不但可提高应用的响应速度，同时保证应用的可扩展性和可维护性。 关键词 MVC 模式；框架；AJAX 中图分类号：TP393.02 文献标识码：B 文章编号：1671-489X（2013）06-0050-03 Web 应用是互联网应用中最为活跃和使用最广泛的服务，Web 应用的开发模式也经历了 PERL 开发到现在的动态网页技术，包括 PHP、JSP 等。其中 PHP 凭借其快速开发的支持和较高的执行效率，已经成为 Web
2、应用的主流开发技术。 在传统的开发模式中，HTML 和 PHP 的脚本语言是混合编写的，这对于小型项目来说不会出现任何问题，因为界面设计者（UI） 、功能实现都是由一个或者极少的几个开发人员来完成，只要功能模块设计得独立，各个开发人员是可以同时进行开发的。但是随着目前开发语言的发展，Web 应用已经可以处理越来越复杂的业务，加入的功能越来越丰富，Web应用的可维护性和扩展性越来越难以实现。为解决这个问题，引入 MVC的开发模式以及相关的框架结构支持。 1 MVC 的设计模式 MVC 是软件开发过程中的常用设计模式。这种开发思路不仅仅适合2Web 应用开发，在桌面软件的开发中也得到广泛的应用，比
3、如微软的文档视图模型。MVC 在逻辑上将程序划分为三部分：模型（Model） 、视图（View） 、控制器（Control） 。三部分处理不同的功能，模型完成数据的存取和业务逻辑，视图负责用户交互界面，控制器完成模型和视图之间的连接，即决定数据的来源和呈现方式。 这种开发思路保证了应用的可扩展性和可维护性。当业务逻辑有变化时，只需要修改模型；对应的，当用户交互界面有修改时，也只需要修改视图。同时，也为项目的合作开发提供了便利，使得前端开发人员和后端开发人员可以同时独立开发。 以 Web 应用中常见的信息列表为例，在 PHP 和 HTML 混合编写的模式下，其实现程序大致如下： 在以上的程序中，
4、将信息的标题字段 title 输出到 HTML 的 div 和 li标签中。此处的数据和数据的呈现是混合编写的。当数据的呈现方式需要更改，比如输出到表格 table 中，将需要改写该程序。在中大型项目中，这种更改的工作量是相当大的，也不利于多个开发人员的协调。 在 MVC 开发模式中，将数据的呈现、存取处理分离。数据的呈现成为单独的模板文件，通过控制器完成模板赋值和调用。 2 第三方框架对 MVC 的支持 在 Web 应用的 MVC 开发中，不得不提到相当成熟的 smarty 模板引擎。它通过编译前的预处理，将 HTML 文档中的指定标签替换成 PHP 中的数据，实现模型和视图的独立；数据库连
5、接在 Web 应用中开销是相当大的，smarty 通过缓存机制使得数据不必每次都到数据库中读取，同时缓存技3术也支持静态网页的生成，避免了每次客户请求都要重新编译执行 PHP脚本，提高了响应速度。 在 smarty 引擎的基础上，出现较多的开发框架，如国外的 zend 和国内的 ThinkPHP，它们除了可以提供完整的 MVC 开发模式支持外，往往还提供了大量的功能函数。在模型上，对数据的存取提供如过程调用、事物并发操作等一系列的支持，为开发提供了便利。在安全性方面，要保证应用的安全，往往需要大量严格的测试，需要设计大量的测试用例，这对于中小型项目来说是很难做的。框架对应用的安全性提供了常见的
6、支持，如 SQL 注入攻击，弥补了这方面的不足。 3 ThinkPHP+jQuery 的 AJAX 开发流程 在 Web 开发中通过 AJAX 可以提高应用的响应速度。和桌面应用程序相比较，Web 常见的弊端是不能提供很好的用户体验。由于 Web 应用是基于 HTTP 协议，该协议属于无状态协议，每次页面的请求都将刷新所有数据，导致大量冗余数据的重复传输，降低 Web 应用程序的响应速度。 AJAX 在 Web 开发的客户端中得到广泛的应用。它可以独立和 WWW 服务器通信，请求数据，这样减少数据的传输量，提供更快的响应速度，同时 JavaScript 支持对 HTML DOM 文档的访问，不
7、必通过刷新整个页面就可以实现数据的更新，从而提高客户端的用户体验。 在具体的开发中，常用的两个第三方框架是 jQuery 和 ThinkPHP。 jQuery 是继 prototype 之后的一个优秀的 Javascrpt 框架，属于轻量级的 js 库，提供了便捷的 DOM 选择器、事件触发的绑定机制，结合 UI提供了丰富的效果函数。同时 jQuery 对 AJAX 函数进行了封装，支持4AJAX 请求和 JSON 数据解析，$.post（）函数是最常用的 AJAX 请求方式。ThinkPHP 是一个快速、兼容而且简单的轻量级国产 PHP 开发框架，封装了 CURD 操作，支持单一入口模式，在
8、模版引擎、缓存机制、认证机制和扩展性方面均有较好的表现。在 ThinkPHP 中，通过 assign（）和display（）实现模板文件的赋值和调用。 在 AJAX 的开发中，客户端通过 jQuery 的 post（）函数实现 AJAX 请求，而服务器端使用 ThinkPHP 框架实现对模板的赋值和调用，客户端接收到数据后通过 jQuery 的选择器实现数据的更新。其过程如图 1 所示。 在 AJAX 通信中，返回的数据分为两种：JSON（JavaScript object notation）编码后的数据；数据联合视图编译后形成的 HTML文档。 JSON 编码常用于返回较少的数据，如用户的登
9、陆状态、用户名等。由于 JSON 在数据编码和反序列化方面都有较高的效率，并且 JSON 的数据编码简洁，使得 JSON 的数据传输效率明显优于其他数据传输格式（FSV 和 XML） 。同时，在客户端，JavaScript 很容易实现 JSON 的反序列化，其反序列化的过程如下所示： JSON 常用返回服务器端对数据的处理结果，而 HTML 文档则更多地用于返回节点内的内容和 JavaScript 程序，通过它实现完整的功能模块。 在 Web 设计中，常将页面划分为不同的区域，如导航菜单区域、内容显示区域，当用户点击了导航区域的不同连接时，在内容区域显示不同的信息。如图 2 所示，导航区域在左
10、边，而内容显示区域设置在右边。5当点击了左边的连接后，发送 AJAX 请求，并将返回的数据放置在内容显示区域，此时返回的数据为 text，即文本文件。其程序结构如下： 服务器则控制调用对应的模板文件，该文件包含 HTML body 标签中的内容、CSS 样式表、JavaScript 程序，用于完成用户数据提交前的客户端检验等。其程序结构如下： 模板文件： 4 结束语 MVC 的开发模式为 Web 应用开发提供了较好的可维护性和可扩展性，第三方框架 ThinkPHP 提供了 MVC 的支持，结合 jQuery 的使用，提高了程序的响应速度。随着 Web 应用的日益广泛，以上技术将越来越广泛地应用
11、在中小型项目的开发中。 参考文献 1张洪波，杨新泉.Prototype 提供的 AJAX 功能在 ThinkPHP 框架中的应用研究J.硅谷，2011（7）：86-85. 2黄建.基于 ThinkPHP 框架的 ActiveRecord 技术应用与研究J.现代计算机：专业版，2010（4）：195-196. 3徐诚斌，王金平.MVC 在 ThinkPHP 框架中的应用研究J.信息与电脑，2011（3）：160-162. 4俞国红.利用 jQuery 框架技术快速开发网站前端页面J.襄樊职业技术学院学报，2011（5）：95-97. 5梁弼.基于 MVC 的高校科研成果管理系统的设计与实现J.计算6机技术与发展，2011（10）：161-164. 6高静.JSON 数据传输效率研究J.计算机工程与设计，2011（7）：2268-2270.
