浅析JavaScript MVC框架在Web开发中的应用.pdfVIP

ISSN1009-3044 E-mail:xsjl@ ComputerKnowledgeandTechnology电脑知识与技术 第10卷第10期 (2014年4月) ComputerKnowledgeandTechnology 电脑知识与技术 Vol.10,No.10,April2014 Tel:+86-55165690964 浅析JavaScriptMVC框架在Web开发中的应用 代庆梅 （国航信息管理部西南信息分部，四川成都610041） 摘要：为实现Web开发中客户端代码的可读性、易测试、可维护性和可扩展性，介绍和分析JavaScriptMVC框架的基本结 构和设计模式。以Backbone.js框架为例，通过实际应用开发中的部分代码演示了JavaScriptMVC框架在Web开发中的应 用，并阐述了Web开发中的其他注意事项。 关键词：JavaScriptMVC框架；DOM；Backbone.js 中图分类号：TP311 文献标识码：A 文章编号：1009-3044(2014)10-2242-04 AnalysisontheJavaScriptMVCFrameworkinWebDevelopment DAIQing-mei (Dept.ofInformationManagement.Southwest,Airchina,Chengdu610041,China) Abstract:ThebasicstructureanddesignpatternofJavaScriptMVCframeworkareintroducedandanalyzedtoachievetheclient codereadability,testability,maintainabilityandscalabilityinWebdevelopment.TakingtheBackbone.jsframeworkasexamples, thecodesofJavaScriptMVCframeworkinWebDevelopmentaredemonstratedandotherprecautionsareelaboratedinpractical application. Keywords:JavaScriptMVCFramework;DOM;Backbone.js 1问题的提出 在传统的B/S软件开发中，服务器端进行业务逻辑和数据处理，客户端进行HTML页面显示，其中客户端JavaScript主要用于改 善用户体验。而随着Ajax、JQuery及相关插件的推广，部分业务逻辑就无可避免地会在客户端实现。客户端的JavaScript文件很容 易从几句变成几千行代码，开发人员也会陷入一系列的DOM操作和嵌套的JQuery回调函数中。开发的复杂性也日益明显，常常会 出现一个人无法看懂另外一人开发的JavaScript代码的情况，很难做到客户端代码的可读性、易测试、可维护性和可扩展性。 图1 2MVC框架 MVC是模型（model）－视图（view）－控制器（controller）的缩写，是传统Web应用开发中服务器端广泛使用的软件开发模式，它 用一种业务逻辑和数据显示分离的方法来组织代码，具有耦合性低、重用性高、可维护性高、有利于软件工程化管理的特点。最典 型的MVC是JSP+servlet+javabean的模式。 1)模型（model）主要包括业务逻辑模块（web项目中的Action,dao类）和数据模块（pojo类）。模型与数据格式无关，这样一个模 型能为多个视图提供数据。 2)视图（view）是用户与之交互的界面，在web中视图一般由jsp,html组成。 收稿日期：2014-03-02 作者简介：代庆梅（1973-），女，工程师，硕士，主要研究方向为企业信息系统建设、IT项目管理、软件工程、计算机软件应用。 2242 软件设计开发