<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="前端web开发的MVC模式 - 从一个简单实例讲起" id="card1">
<p> 游客</p><p>
标题:前端web开发的MVC模式 - 从一个简单实例讲起<br/>
正文:<br/>
MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。 随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。 例如 需要给一个页面上的button注册一个onclick事件。         1、我们可以有如下最简洁的写法：（view和model control完全混合）&amp;lt;HTML&amp;gt;&amp;lt;HEAD&amp;gt;&amp;lt;TITLE&amp;gt; example &amp;lt;/TITLE&amp;gt;&amp;lt;/HEAD&amp;gt;&amp;lt;BODY&amp;gt;&amp;lt;input type=&quot;button&quot; value=&quot;baidu&quot; onclick=&quot;alert(this.value);&quot;/&amp;gt;&amp;lt;/BODY&amp;gt;&amp;lt;/HTML&amp;gt;         说明：如上写法的好处：简单、直接；严重的弊端：如果都是这样写法，页面代码很大的时候，修改js代码还需要查找整个页面，导致整个页面非常混乱。        批注：类似与jsp中直接嵌入java片段语句。          2、将html和js代码进行适当分离：（view和model control在同一页面适当分离）         修改以上的写法：&amp;lt;HTML&amp;gt;&amp;lt;HEAD&amp;gt;&amp;lt;TITLE&amp;gt; example &amp;lt;/TITLE&amp;gt;&amp;lt;/HEAD&amp;gt;&amp;lt;BODY&amp;gt;&amp;lt;input type=&quot;button&quot; value=&quot;baidu&quot; onclick=&quot;tipInfo(this);&quot;/&amp;g<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=493&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=493&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=493&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=493&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=493&amp;Page=5">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=493">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=493">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>