J2EE Web应用系统设计中的表示层设计原则、目标和设计示例.pptVIP

J2EE Web应用系统设计中的表示层设计原则、目标和设计示例 系统设计中的表示层的设计原则目标和示例 在本讲您能了解如下内容 表示层组件设计的原则和目标 视图助手设计模式 复合视图设计模式 JavaScript脚本的应用问题 Web Applet程序的客户端 富因特网应用程序（RIA）客户端 AJAX技术的客户端 1、表示层组件设计的原则和目标 （1）一般适用原则（各种架构的软件系统） 操作简单方便 界面简洁色彩和谐 （2）B/S构架下的系统表示层的适用原则 （3）Web层的设计应保证其清晰性和精炼性的目标 2、应用MVC模式分离表示层逻辑和业务层逻辑 （1）将应用系统划分为三类对象 代表数据（Value Object或者Data Transfer Object）和业务逻辑的模型对象 显示模型的视图对象（JSP页面） 响应输入、处理业务逻辑的控制其对象（前端控制器组件）。 （2）分离表示层逻辑和业务层逻辑 3、表示层设计的方式及所要解决的问题 （1）明确在表示层设计中一般需要解决哪些方面的问题 树形菜单的实现 （2）设计方式 分页显示 原型创作 重复提交问题、数据验证 原型评估 统计在线人数 细化设计结果 文件的上传下载等 4、表示层的设计中的视图助手设计模式 （1）视图助手设计模式在项目中的应用 （2）视图助手的具体实现形式 自制（自定义）标签库和采用标准的标签库（如JSTL和Struts框架等） 设计各种实用功能的JavaBean组件 5、表示层的设计中的复合视图 （1）什么是复合视图(Composite View) 设计模式 复合视图设计模式定义了各种能够以有效地把一个用户 （2）采用JSP的jsp:include动作或者指令创建复合式网页 为了减少代码的冗余，可以把各个JSP页面中相同部分 的接口划分成多个子视图的规则，并且可以被重新结合起来以生成需要的总体视图。 放在一个单独的JSP文件中，然后在各个JSP页面文件中通过JSP中的jsp:include动作包含其它页面。 （3）采用Struts 中的Tiles框架（Tiles:Insert标签）创建复合式网页 Tiles标签库的tiles:insert标签和JSP jsp:include动作或者指令具有相同的功能，也能把其他的JSP页面插入到当前页面中。 6、关于客户端的JavaScript脚本的应用 （1）在Web应用（特别为Struts的应用）中，一般是不再鼓励使用客户端的校验技术，而改用服务器端的校验技术以提高项目的安全性和更好的兼容性。 （2）但在实际的应用项目的一些页面中，为了能够在客户端对用户的表单进行及时地检查和实现更友好的人机交互，在某些页面中仍然使用客户端的JavaScript脚本技术。 7、Web Applet程序的客户端 （1）为了增强Web浏览器的GUI功能，而需要增加Tree、Table和TabControl等GUI组件，可以考虑Applet技术。 （2）为了能够在Web方式下方便地进行二维和三维图形和图像的显示和编辑等功能的实现，也可以考虑应用Applet技术。 8、富因特网应用程序客户端RIA (Rich Internet Application) （1）C/S结构的胖客户端的主要问题 部署问题、升级困难、维护困难、安全问题 （2）B/S结构的瘦客户端改进了胖客户端的主要问题 （3）B/S结构的瘦客户端也面临一些新的问题 表现能力方面 响应速度等性能方面 HTTP协议是一个无状态的协议，必须要解决用户状态跟踪 （4）RIA也就是富因特网应用程序RIA(Rich Internet Application) 富因特网应用程序是将桌面应用程序的用户体验与传统Web应用的部署灵活性结合起来的网络应用程序。 富因特网应用程序（RIA）具有下一代Web应用的特征。 （5）富因特网应用程序中的“富” “富”的概念包含两方面，分别是数据模型的丰富和用户界面的丰富。 数据中的“富” 其意思是用户界面可以显示和操作更为复杂的嵌入在客户端的数据模型 它可以操作客户端的计算和非同步的发送接收数据。 可以让我们有更大的空间去创建更高效、更具有交互性的网络应用程序。 “富”同样也描述了全面提升的用户界面 HTML只给用户提供了非常有限的界面控制元素，而富因特网应用程序（RIA）的用户界面提供了灵活多样的界面控制元素，这些控制元素可以很好的与数据模型相结合。 （6）富因特网应用程序的实现形式 JavaScript + XMLHttpRequest（AJAX技术的应用） Smart Cli