软件工程（第4版）-WebApp 软件工程.pptxVIP

WebApp软件工程

9.1Web的特性9.2网络系统的层次结构9.3客户端使用的技术本章内容9.4网络服务器端使用的技术9.5WebApp的设计模式9.6WebApp的设计9.7WebApp测试

9.1Web的特性Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。Web是动态的Web是图形化和易于导航的Web是交互的Web与平台无关数据集可重复利用Web是分布式的

9.1Web的特性9.2网络系统的层次结构9.3客户端使用的技术本章内容9.4网络服务器端使用的技术9.5WebApp的设计模式9.6WebApp的设计9.7WebApp测试

9.2.1二层C/S结构二层C/S系统有很多优点，例如用户使用简单、直观，编程、调试和维护费用低，系统内部负荷可以做到比较均衡且资源利用率较高，允许在一个客户机上运行不同计算机平台上的多种应用，系统易于扩展，可用性较好，对用户需求变化的适应性好。瘦客户机模型如果所有形式逻辑和业务逻辑均驻留在客户机，服务器成为数据库服务器，负责各种数据的处理和维护，因此服务器变得很“瘦”，称为“瘦服务器”（ThinServer）。1胖客户机模型胖客户机（FatClient）模型与瘦客户机模型相反，需要在客户端运行庞大的应用程序，由客户机上的软件实现应用逻辑和系统用户的交互，服务器只负责对数据的管理。2

9.2.1二层C/S结构二层C/S结构由前端客户机、后端服务器、网络共3部分组成，如图所示。前端客户机：二层C/S结构的前端客户机负责接收用户发出的请求，并向数据库服务器发出请求。后端服务器：二层C/S结构的后端服务器负责提供完善的安全保护以及对数据完整性的处理，并允许多个用户同时访问一个数据库。网络：客户机和服务器通过网络连接。

9.2.2二三层C/S结构三层C/S结构如图所示，包括Web服务器、数据库服务器以及客户机。Web服务器既作为一个浏览服务器，又作为一个应用服务器，系统将整个应用逻辑放在Web服务器上，而客户机上只有表示层。和二层C/S结构相比，三层C/S结构具有更灵活的硬件系统构成，对于各个层可以选择与其处理负荷和处理特性相适应的硬件。

9.2.2二三层C/S结构三层C/S结构系统将整个系统分成表示层、应用逻辑层和数据存储层3个部分，其数据处理流程如图所示。

9.2.3四层C/S结构由于三层C/S结构的通信效率以及扩展性还不够高，因此提出了一种四层C/S解决方案，该方案在Web服务器和数据库之间使用了一层中间件，通常称为应用服务器。应用服务器负责将API提供给业务逻辑和业务流程以供程序使用，可以根据需要引入其他Web服务器。

9.2.4B/S结构随着Internet的兴起，人们提出了B/S（Browser/Server，浏览器/服务器）结构。从本质上说，B/S结构也是一种C/S结构，它可看作C/S结构在Web上应用的特例。图所示为B/S结构。

9.2.4B/S结构B/S结构的特点01OPTION维护和升级方式简单软件系统的改进和升级越来越频繁，B/S结构的产品明显体现出系统改进和升级更为方便的特性。客户机越来越“瘦”而服务器越来越“胖”是将来信息化发展的主流方向，可节约人力、物力、时间和费用。1成本降低，选择更多B/S结构提供了异种机、异种网、异种应用服务的联机、联网、统一服务的开放性基础。2

9.2.4B/S结构B/S结构的缺点02OPTIONB/S结构缺乏对动态页面的支持能力，没有集成有效的数据库处理能力。B/S结构的系统扩展能力差，安全性难以控制。采用B/S结构的应用系统在数据查询等方面的响应速度上，要远远低于C/S结构。B/S结构的数据提交一般以页面为单位，数据的动态交互性不强，不利于在线事务处理应用。应用服务器运行数据负荷较重。

9.1Web的特性9.2网络系统的层次结构9.3客户端使用的技术本章内容9.4网络服务器端使用的技术9.5WebApp的设计模式9.6WebApp的设计9.7WebApp测试

9.3.1HTMLHTML是一种建立网页文件的语言，通过标记（Tag）式的指令，将影像、声音、图片、文字、动画、影视等内容显示出来。HTML文档主要包括文档内容、文档标记和HTML超链接3部分。HTML的基本结构：htmlheadtitle网页的标题/title/headbody在网页中要显示的内容/body/html

9.3.2脚本语言脚本语言用在HTML文档中，用