Web应用程序设计案例教程第11章
- 格式:ppt
- 大小:1.41 MB
- 文档页数:23
第11章理解MVC习题答案1.简述Web应用中表示层的两种架构模式,并比较这两种模式的优缺点。
答案:Web应用中表示层的两种架构模式分别为:Model1和Model2。
●Model1的工作原理如下:(1)客户端发出请求,该请求由JSP页面接收。
(2)Java Bean用于实现业务模型,JSP根据请求与不同Java Bean进行交互。
(3)业务逻辑操作指定Java Bean并改变其模型状态。
(4)JSP将改变后的结果信息转发给客户端。
● Model2的工作原理如下:(1)Servlet接收客户端发出的请求。
(2)Servlet根据不同的请求调用相应的Java Bean。
(3)业务逻辑操作指定Java Bean并改变其模型状态。
(4)Servlet将改变后Java Bean的业务模型传递给JSP视图。
(5)JSP将后台处理结果呈现给客户端。
这两种模式的优缺点比较如下:● Model1适合快速开发小型应用,但是控制逻辑与表示逻辑耦合紧密。
在大型应用程序开发过程中,容易造成程序的可移植性差,不易维护。
●与Model1模式相比,Model2更适合开发大型应用程序。
在Model2中实现了业务逻辑与表示逻辑的分离,相应地提高了程序的可维护性。
但是在开发一些小型应用时,使用Model2可能会增加程序的复杂程度。
2.说明MVC设计模式中,M、V、C分别代表什么,有什么作用。
答案:M代表Model(模型),该组件是对软件所处理问题逻辑的一种抽象,封装了问题的核心数据,逻辑和功能实现,独立于具体的界面显示以及I/O操作。
V代表View(视图),该组件将表示模型数据,逻辑关系以及状态信息,以某种形式展现给用户。
视图组件从模型组件获得显示信息,并且对于相同的显示信息可以通过不同的显示形式或视图展现给用户。
C代表Controller(控制器),该组件主要负责用户与软件之间的交互操作,控制模型状态变化的传播,以确保用户界面与模型状态的统一。
第11章练习与实验答案练习111.选择题(1)B (2)D (3)D (4)B (5)D (6)B2.填空题(1)<caption></caption>、<tr></tr>、<th></th>(2)rowspan、3;colspan、5(3)frame、rules(4) cellpadding 、cellspacing3.简答题答案略,见教材。
实验111.代码:<!-- exp_11_1.html --><html><head><title> 表格实验</title><style type="text/css">table{border:10px groove #ff0000;}td{border:1px solid black ;text-align:center;} </style></head><body><table width=300 border="1" align=center ><tr><td rowspan="2" ><b>A</b></td><td colspan="2" height="100" ><b>B</b></td> <tr align="center"><td height="100"><b>E</b></td><td rowspan="2"><b>C</b></td><tr align=center><td colspan="2" height="100"><b>D</b></td> </tr></table></body></html>2.代码<!-- exp_11_2.html --><html ><head><title>div应用实例——计算器布局</title><style type="text/css">#wrap{width:410px;height:420px;background-color:rgb(230,230,130);z-index:0;}#result{height:60px;width:390px;border:solid 1px;z-index:1;position:absolute;top:50px;left:20px;background-color:white;}#op{height:280px;width:390px;border:solid 1px;z-index:1;position:absolute;top:115px;left:20px;}.d_num{border:solid 1px black;width:58px;height:40px;margin:10px; /*margin表示边距,在8.5CSS盒模型介绍*/cursor:pointer; /*设置鼠标指针变成手的形状*/}</style></head><body><div id="wrap"><img src="casio.bmp"></img><div id="result"></div><div id="op"><table cellspacing="30"><tr align="center"><td class="d_num">1</td><td class="d_num">2</td><td class="d_num">3</td><td class="d_num">+</td></tr><tr align="center"><td class="d_num">4</td><td class="d_num">5</td><td class="d_num">6</td><td class="d_num">-</td></tr><tr align="center"><td class="d_num">7</td><td class="d_num">8</td><td class="d_num">9</td><td class="d_num">*</td></tr><tr align="center"><td class="d_num">0</td><td class="d_num">=</td><td class="d_num">CE</td><td class="d_num">/</td></tr></table></div></div></body></html>。