Web开发中MVC设计模式的研究与应用

商业科技　

ｊ　。曩　基于ＭＶＣ模式的　Ｊａｖａ　Ｗｅｂ开发与应用　薯刘学超　秦皇岛职业技术学院　【摘　要】随着开源软件的兴起，各种框架也纷纷出现，在实际软件开发中运用这些框架，大大降低了Ｊ２ＥＥ开发的复杂度和难　度，降低了开发成本，本文阐述了基于ＭＶＣ模型的ＪＡＶＡ　Ｗｅｂ应用软件开发模式，并结合一个实例讨论如何设计基于ＭＶＣ框架的应　用，同时也分析了使用框架开发ｗｅｂ应用的优势。　【关键词】Ｍｏｄｅｌ（模型）Ｖｉｅｗ（视图）　Ｃｏｎｔｒｏｌｌｅｒ（控制器）　ＭＶＣ　一、ＭＶＣ模式　将ＪＳＰ页面中嵌入的流程控制代码和部分的逻辑处理代码提　取出来，放到一个单独的角色中　这个角色就是控制器角色了。　这样的架构就符合ＭＶＣ架构模式，ＭＶＣ即模型——视图——控制　器（Ｍｏｄｅｌ—Ｖｉｅｗ－Ｃｏｎｔｒｏ１）。　ＭＶＣ架构有助于将应用程序分割成若干逻辑部件．使程序设　计变得更加容易。ＭＶＣ架构提供了一种按功能参各种对象进行分　割的方法，其目的是为了将各对象问的耦合程序降至最低。ＭＶＣ　框架原本是为了将传统的输入（ｉｎｐｕｔ），处理（ｐｒｏｃｅｓｓｉｎｇ）和输出　（ｏｕｔｐｕｔ）任务运用到图形化用户交互模型中而设计的，但是，将　这些概念运用到基于Ｗｅｂ的企业级多层应用领域也是很适合的。　

图１　ＭＶＣ模型、视图、控制器的关系图　在一个Ｍ　Ｖ　Ｃ架构中，一个应用被分成三个部分，模型　（Ｍｏｄｅ１）　视图（Ｖｉｅｗ）和控制器（Ｃｏｎｔｒｏ１）。　模型代表应用程序的数据以用于访问控制和修改这些数据的　业务规则。当模型发生变化时，它会通知视图，并为视图提供查　询模型相关状态的能力。同时，它也为控制器提供访问封闭在模　型内部的应用程序功能的能力。　视图用开组织模型的内容。它从模型那里获得数据并指定这　些数据如何表现。当模型变化时，视图负责维护数据表现的一致　性。视图同时将用户的请求通知控制器。　控制器定义了应用程序的行为。它负责对来自视图的用户请　求进行解释，并把这些请求映射成相应的行为，这些行为由模型　负责实现。在独立运行的ＧＵＩ客户端，用户的请求可能是一些鼠　标单击或是菜单选择操作。在一个ＷＥＢ应用程序中，它们的表现　《商场现代化　２００７年５月（下旬刊）总第５０４期　形式可能是一些来自客户端ＧＥＴ或ＰＯＳＴ的ＨＴＴＰ请求。图１描述　了在ＭＶＣ应用程序中模型，视图．控制器三部分的关系。　在这种开发模式下，控制器的角色由Ｓｅｒｖｌｅｔ实现，视图的角　色由Ｊｓｐ页面实现，模型的角色由ＪａｖａＢｅａｎ来实现，该模型的架　构图如图２所示。　壁羞墅　．　请　Ｒ　１　ｓｅｒ　ｅｔ　ｌ　响应　一．　－　—●■一　

作业1：MVC设计模式实现登陆验证（不需要数据库）

作业2：自定义框架实现加法器（实验报告一）

作业3：struts框架实现加法器

作业4：struts框架实现四则运算器（实验报告二）

作业5：struts框架实现登陆验证（需要连接数据库）

作业6：DispatchAction实现四则运算器（实验报告三）

作业7：struts报错机制

作业6：DispatchAction实现四则运算器（实验报告三）

1、修改JSP代码：添加JS的隐藏表单域

2、修改Action：变成extends DipatchAction

将excute方法变成DOXX方法

3、struts_config.xml

作业7：struts报错机制

1、编辑属性文件：

error.validate.XX = 报错文字

errors.footer =

errors.header =

2、修改Action代码：

（1）ActionMessages errors = new ActionMessages();

（2）if (条件成立){

errors.add(引用名, new ActionMessage("属性文件中创建的错误名"));

（3）saveErrors(request, errors);

}

3、页面显示

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>

２０１０年第３１期　ＳＣＩＥＮＣＥ＆ＴＥＣＨＮＯＬＯＧＹ　ＩＮＦＯＲＭＡＴＩＯＮ　Ｏ　ＩＴ论坛０　科技信囊　基于ＭＶＣ的Ｗｅｂ应用框架设计与实现　林众　（中国人民解放军海军大连舰艇学院　辽宁　大连　１　１６０１８）　【摘　要】本文简要介绍了ＭＶＣ设计模式，讨论了ＪＳＰ／Ｓｅｒｖｌｅｔ和ＪａｖａＢｅａｎ技术的概念。主要采用Ｂ／Ｓ结构以及ＪｓＰ／ｓｅⅣ１ｅｔ技术作为网站　开发工具。Ｗｅｂ应用程序的开发中存在着Ｆｒａｍｅｗｏｒｋ的应用．从而使得程序员主要精力专注于业务逻辑的实现。这种开发方式不仅实现简单。　而且便于系统的开发和代码维护。　【关键词］Ｂ／Ｓ结构；ＪＳＰ／Ｓｅｒｖｌｅｔ；开发模式　Ｄｅｓｉｇｎ　ａｎｄ　Ｉｍ＃ｅｍｅｎｔａｔｉｏｎ　ｏｆ　Ｗｅｂ　Ａｐｐｌｉｃａｔｉｏｎ　Ｆｒａｍｅｗｏｒｋ　Ｂａｓｅｄ　ｏｎ　ＭＶＣ　ＬＩＮ　Ｚｈｏｎｇ　【Ａｂｓｔｒａｃｔ］Ｔｈｉｓ　ｐａｐｅｒ　ｂｒｉｅｆｌｙ　ｉｎｔｒｏｄｕｃｅｓ　ＭＶＣ　ｄｅｖｅｌｏｐｍｅｎｔ　ｍｏｄｅｌ，ｄｉｓｃｕｓｓ　ｔｈｅ　ＪＳＰ／Ｓｅｒｖｌｅｔ　ＪａｖａＢｅａｎ　ａｎｄ　ｔｈｅ　ｃｏｎｃｅｐｔ　ｏｆ　ｔｅｃｈｎｏｌｏｇｙ．１１ｌｅ　ｓｙｓｔｅｍ　ｕｓｅｓ　ｔｈｅ　Ｂ／Ｓ　ｓｔｒｕｃｔｕｒｅ　ａｎｄ　ＪＳＰ／Ｓｅｒｖｌｅｔ　ｔｅｃｈｎｏｌｏｇｙ　ａｓ　ｄｅｖｅｌｏｐｍｅｎｔ　ｔｏｏｌｓ，ＳＯ　ｔｈａｔ　ｔｈｅ　ｐｒｏｂｌｅｍｍｅｒｓ　ｆｏｃｕｓ　ｏｎ　ｂｕｓｓｉｎｅｓｓ　ｌｏｇｉｃ．Ｔｈｉｓ　ｋｉｎｄ　ｏｆ　ｄｅｖｅｌｏｐｍｅｎｔ　ｍｏｄｅＩ　ｎｏｔ　ｏｎｌｙ　ｅａｓｙ　ｉｎ　ｉｍｐｌｅｍｅｎｔａｔｉｏｎ　ｃｏｎｖｅｎｉｅｎｔ　ｆｏｒ　ｓｙｓｔｅｍ　ｄｅｖｅｌｏｐｍｅｎｔ　ａｎｄ　ｍａｉｎｔｅｎａｎｃｅ．　【Ｋｅｙ　ｗｏｒｄｓ］Ｂ／Ｓ　ｓｔｒｕｃｔｕｒｅ；ＪＳＰ／Ｓｅｒｖｌｅｔ；Ｄｅｖｅｌｏｐｍｅｎｔ　ｍｏｄｅｌ　Ｏ引言　随着网络技术的飞速发展和社会经济模式的不断变化，ＭＶＣ　（ｍｏｄｅｌ—ｖｉｅｗ—ｃｏｎｔｒｏｌｌｅｒ）模式对于ｗｅｂ应用的开发无疑是一种非常先进　的思想。模￣（Ｍｏｄｅ１），视Ｉ￣ｔ（Ｖｉｅｗ）和控制Ｃｏｎｔｒｏｌｌｅｒ）。ＭＶＣ模式的目的就　是实现Ｗｅｂ系统的职能分工。Ｍｏｄｅｌ层实现系统中的业务逻辑，通　常可以ＪａｖａＢｅａｎ或ＥＪ丑来实现。Ｖｉｅｗ层用于与用户的交互。通常用　ＪＳＰ来实现。Ｃｏｎｔｒｏｌｌｅｒ层是Ｍｏｄｅｌ与Ｖｉｅｗ之间沟通的桥梁．它可以分　派用户的请求并选择恰当的视图以用于显示．同时它也可以解释用户　的输入并将它们映射为模型层可执行的操作。　１　ＭＶＣ工作方式　ＭＶＣ是一个设计模式，它强制性的使应用程序的输入、处理和输　出分开。使用ＭＶＣ应用程序被分成三个核心部件：模型、视图、控制　器。它们各自处理自己的任务。　１．１视图　视图是用户看到并与之交互的界面。对老式的Ｗｅｂ应用程序来　说，视图就是由ＨＴＭＬ元素组成的界面，在新式的Ｗｅｂ应用程序中，　ＨＴＭＬ依旧在视图中扮演着重要的角色，但一些新的技术已层出不　穷．它们包括Ｍａｃｒｏｍｅｄｉａ　Ｆ１ａｓｈ和象ＸＨＴＭＬ．ＸＭＬ／ＸＳＬ，ＷＭＬ等一些　标识语言和Ｗｅｂ　ｓｅｒｖｉｃｅｓ。　如何处理应用程序的界面变得越来越有挑战性。ＭＶＣ一个大的　好处是它能为你的应用程序处理很多不同的视图。在视图中其实没有　真正的处理发生，不管这些数据是联机存储的还是一个雇员列表，作　为视图来讲，它只是作为一种输出数据并允许用户操纵的方式。　１．２模型　模型表示企业数据和业务规则。在ＭＶＣ的三个部件中，模型拥有　最多的处理任务。例如它可能用象ＥＪＢｓ和ＣｏｌｄＦｕｓｉｏｎ　Ｃｏｍｐｏｎｅｎｔｓ这　样的构件对象来处理数据库。被模型返回的数据是中立的，就是说模　型与数据格式无关，这样一个模型能为多个视图提供数据。由于应用　于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的　重复性。　１－３控制器　控制器接受用户的输入并调用模型和视图去完成用户的需求。所　以当单击Ｗｅｂ页面中的超链接和发送ＨＴＭＬ表单时．控制器本身不　输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构　件去处理请求，然后用确定用哪个视图来显示模型处理返回的数据。　２基于ＭＶＣ模式Ｗｅｂ应用系统的设计　一个Ｗｅｂ应用一般分为浏览器端和服务器端两个部分。Ｊａｖａ技术　结合ＭＶＣ设计模式在构建企业级ｗｅｂ应用的实现中．ＨＴＭＬ页面、　ＪＳＰ页面、Ｓｗｉｎｇ　ＧＵＩ对应于Ｖｉｅｗ，因为整个应用系统主要通过视图来　与外界进行交互；Ｃｏｎｔｒｏｌｌｅｒ则是Ｓｅｒｖｌｅｔ类、ＪａｖａＢｅａｎ类，它用于管理　用户与视图发生的交互；ＥＪＢ和ＪａｖａＢｅａｎ对应于Ｍｏｄｅｌ，提供应用业　务逻辑，进行业务数据的处理。ＭＶＣ系统模型明确的将数据的显示和　数据业务的处理分开，从而使得逻辑结构更为清晰。如果数据的显示　方式有所改变，只需更改ＪＳＰ视图页面，而并不要求更改数据处理模　块；反之，如果业务要求发生变化，也只需更改相应的处理数据模块。　因而系统可以很容易加入新的业务，可以灵活适应各种需求的变化。　当客户机请求ＪＳＰ页面时，Ｗｅｂ服务器通过内置的ＪＳＰ引擎来解释执　行ＪＳＰ页面．ＪＳＰ页面可以置于任何网络服务器端与应用程序服务端。　在该系统中，ＪＳＰ页面与Ｓｅｒｖｌｅｔ进行数据交互，并调用相关的　ＪａｖａＢｅａｎ，通过ＪＤＢＣ—ＯＤＢＣ桥实现Ｊａｖａ与关系数据库的互连，并将处　理数据查询、数据更新、添加和运行的存储过程等结果以页面文件形　式返回给客户。　３实例　图１　系统体系结构　身份认证是大多数的Ｗｅｂ应用系统需要实现的基本功能之一。　本文将以此Ｗｅｂ应用程序的开发为例。介绍基于上节所提出的方法　进行Ｗｅｂ应用程序开发的具体步骤和技术细节。通常，实现身份认证　的Ｗｅｂ应用程序主要具备以下功能：提供用户登录界面，并且能够在　客户端对输入数据进行简单的格式控制和数据验证。根据输入的用户　名和密码判断用户是否存在以及密码的正确性。如果验证通过，提取　该用户的个人资料并设置其状态为已登录，反之则设置其状态为未登　录。该部分的程序涉及到对后台数据库的读取操作以及用户数据的存　储，并根据用户的登录状态创建相应的登录结果页面，返回至该用户　的浏览器。在基于ＭＶＣ设计模式开发的身份认证的程序中，登录入口　界面以及登录结果页面为用户视图模块（Ｖｉｅｗ）；用户登录的整体流程　控制由ＬｏｇｉｎＳｅｒｖｌｅｔ实现；具体的用户合法性判断和有关数据库操作　由ｌｏｇｉｎＢｅａｎ实现。　身份认证程序需要进行以下步骤：　（１）对用户在登录页面ｌｏｇｉｎ．ｈｔｍｌ中输入的数据，利用脚本程序进　行客户端简单验证，并提交给ＬｏｇｉｎＳｅｒｖｌｅｔ。　（２）ＬｏｇｌｎＳｅｒｖｌｅｔ首先创建ｌｏｇｉｎＢｅａｎ的实例，把该用户的ｕｓｅｒｎａｍｅ　和ｐａｓｓｗｏｒｄ作为参数传人。　（３）调用ｌｏｇｉｎＢｅａｎ的ｅｘｅｅｕｔｅＱｕｅｒｙ０方法来进行用户验证。该方　法首先利用参数ｕｓｅｍａｍｅ和ｐａｓｓｗｏｒｄ通过ＪＤＢＣ查询数据库用户信　息表。判定数据库中是否存在该用户、密码是否正确等。当验证通过　时．设置表示用户登录状态的ｓｅｓｓｉｏｎ并从数据库中读取该用户的基　本信息存放在当前会话中；反之，设置登录状态为Ｆａｌｓｅ。　（４）ＬｏｇｉｎＳｅｒｖｌｅｔ根据ｌｏｇｉｎＢｅａｎ返回的结果，给用户生成返回页　面。下面是控制模块的部分代码：　ｉｍｐｏ￣ｊａｖａｘ．ｓｅｒｖｌｅｔ．　；　ｉｍｐｏａ　ｊａｖｓ．ｘ．ｓｅｒｖｌｅｔ．ｈｔｔｐ．　；　ｉｍｐｏ￣ｍｙｂｅａｎ．１ｏｇｉｎＢｅａｎ；　ｐｕｂｌｉｃ　ｃｌａｓｓ　ＬｏｇｉｎＳｅｒｖｌｅｔ　ｅｘｔｅｎｄｓ　（下转第５８页）

- 1 - 简述mvc设计模式的组成及作用

MVC（Model-View-Controller）设计模式是一种经典的软件设计模式，它可以有效地把软件应用程序划分成三个不同的元素：模型（Model），视图（View）和控制器（Controller），从而给软件开发人员和使用者提供一个有效的方式来构建、测试和部署应用程序。

模型（Model）

模型（Model）是MVC设计模式中最重要的部分，它表示程序中的实体结构，例如用户信息、图书资源、货物等。模型定义了实体之间的关系，用户可以通过模型来操作和存储数据。它是程序的内部表示，对用户是透明的，一般是不可见的。

视图（View）

视图（View）是MVC设计模式中的一个重要部分，它负责将来自模型的数据呈现给用户。它封装了模型的数据，并显示出来，同时它还接收用户的输入，将其发送给控制器。视图是模型和控制器之间的桥梁，用户与程序进行交互的入口，它可以有多种形式，例如文本表格、图片、网页等等。

控制器（Controller）

控制器（Controller）负责接收用户输入，并将其传递给模型，从而控制程序的行为。它是视图和模型之间的桥梁，负责将用户输入的内容与模型进行绑定，从而实现对模型的操作。控制器也是视图和模型之间的沟通桥梁，它控制着程序的行为，负责将用户输入的内容与模型进行绑定。 - 2 - MVC设计模式的目的是把应用程序拆分成三个不同的部分：模型，视图和控制器，以此来实现解耦，减少应用的复杂度，提升开发者的开发效率。模型是应用程序的内部表示，负责存储和处理数据；视图是应用程序的外部表示，负责呈现数据和用户的交互；控制器是应用程序的接口，负责接收用户输入，并根据用户输入触发模型的操作，实现模型和视图之间的沟通。

MVC设计模式在软件开发中得到了广泛的应用，它不仅可以大大简化程序的开发工作，而且还可以有效地提高软件的可扩展性和可维护性，给开发者提供了一种有效的软件开发方式，大大提升了开发效率。