通过MVC模式将Web视图和逻辑代码分离
发表于：2024-11-25 作者：热门IT资讯网编辑
编辑最后更新 2024年11月25日，MVC模式(Model-View-Controller)常被用在Web程序中。如Struts框架就是一个基于MVC模式的Web框架。所谓MVC模式，就是将视图（也就是客户端代码，包括html、java
MVC模式(Model-View-Controller)常被用在Web程序中。如Struts框架就是一个基于MVC模式的Web框架。所谓MVC模式，就是将视图（也就是客户端代码，包括html、javascript等）和模型（和数据库及业务逻辑相关的Java代码）分开。并通过控制器将两者联系起来。这样做的好处可以使客户端开发人员和服务端开发人员的工作尽量分开，以使他们之间的干扰降到最低。 虽然象Struts这样的框架可以很好地Model和View分离。但是对于客户端的代码，仍然存在着一定的视图和逻辑混合的现象。如下面的代码所示：
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" >
function fun1(obj) {
}
function fun2() { }
script>
head>
<body>
<input type="button" value="按钮1 " onclick="fun1(this)"/>
<input type="button" value="按钮2 " onclick="fun2()"/>
body>
html>
从上面的代码可以看出，html代码和javascript代码都混在了同一个html文件中。在一般情况下，客户端的界面是由美工设计的，而对于javascript代码，美工一般是不参与实现的。这些代码一般也应属于业务逻辑代码的一部分，虽然它们都在客户端运行，但可能也会处理一定的业务逻辑，如验证数据的正确性。尤其在AJAX应用中，在客户端还会通过http协议从服务端获取数据。这样就和业务逻辑绑定得更紧了。因此，如果将用于描述界面的html和用于处理业务逻辑的javascript（渲染界面的javascript除外）混在一起，非常不利于团队中负责这两方面的人员进行协调。 最好的可能就是将这些javascript代码从html代码中分离。也许有很多人马上就会想到，将这些javascript放到.js文件中，然后使用
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" >
function fun1(obj) {
}function fun2() {
}script>
head>
<body>
<input type="button" value="按钮1 " onclick="fun1(this)"/>
<input type="button" value="按钮2 " onclick="fun2()"/>
body>
html>
从上面的代码可以看出，html代码和javascript代码都混在了同一个html文件中。在一般情况下，客户端的界面是由美工设计的，而对于javascript代码，美工一般是不参与实现的。这些代码一般也应属于业务逻辑代码的一部分，虽然它们都在客户端运行，但可能也会处理一定的业务逻辑，如验证数据的正确性。尤其在AJAX应用中，在客户端还会通过http协议从服务端获取数据。这样就和业务逻辑绑定得更紧了。因此，如果将用于描述界面的html和用于处理业务逻辑的javascript（渲染界面的javascript除外）混在一起，非常不利于团队中负责这两方面的人员进行协调。 最好的可能就是将这些javascript代码从html代码中分离。也许有很多人马上就会想到，将这些javascript放到.js文件中，然后使用