完成以上代码后,我们可以新建一个htm文件来测试一下表现层的工作是否正常。
test.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--加入webservice连接--> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>v2</title> <style>... .assessmentDiv{...}{ font-size:14px; background-color:#FFFFCC; } .assessmentDivLists{...}{ font-size:12px; padding-left:10px; } .assessmentDivNodata{...}{ background-color:#FF9900; color:#FFFFFF; font-weight:bolder; } .assessmentDivLoad{...}{ background-color:#3399CC; color:#FFFFFF; font-weight:bolder; } .assessmentDivList{...}{ background-color:#666600; color:#FFFFFF; font-weight:bold; } .pass{...}{ color:#666600; } .nopass{...}{ color:#FF3300; } </style> <script language="javascript" src="assessmentList.js"></script><!--表现层类--> </head>
<body > <div>测试成绩单 表现</div> <div><script language="javascript" type="text/javascript">... var a =new Array(0.4,0.3,0.7,1,0.1,0.3);// 这是测试用的array数据。 var testAS = new assessmentList(60,a); testAS.build(); </script></div> </body> </html>
表现层创建结束。接下来是数据与控制了。
前面我们讲了表现层的制作,接下来是数据层了。我们可以把它看成是一个仓库,需要的时候就调用方法,当然在这之前我们要初始化他。
出处:蓝色理想
责任编辑:moby
上一页 Js 按照MVC模式制作自定义控件 [1] 下一页 Js 按照MVC模式制作自定义控件 [3]
◎进入论坛网页制作、网站综合版块参加讨论
|