CS架构与BS架构.ppt

C/S架构与B/S架构 Web相关概念 静态网页和动态网页的处理流程 Web应用开发技术 Petstore项目简介 工作任务介绍及后面章节内容组织
第1章–背景知识
1
学习目标
通过本章的学习,你可以:
掌握C/S架构应用程序和B/S架构应用程序的特点
掌握静态网页和动态网页的不同
了解Web应用开发相关技术
了解本教材使用案例系统:Petstore系统
完成任务1,体验Web应用开发
2
C/S架构与B/S架构
三类软件系统结构
单机版,如记事本,单机游戏
C/S架构,如QQ
B/S架构,如网上银行
3
C/S架构与B/S架构(续)
C/S架构
整个系统分为客户端和服务器端
客户端和服务器端的程序都需要程序员开发客户机完成与用户的交互任务,具有强壮的数据操纵和事务处理能力服务器负责数据管理,提供数据库的查询和管理、大规模的计算等服务
优点
通过异种平台集成,能够协调现有的各种IT基础结构;分布式管理;能充分发挥客户端PC的处理能力,安全、稳定、速度快,且可脱机操作
不足
它必须在客户端安装大量的客户端软件,开发成本较高,移植困难,用户界面风格不统一,使用繁杂,不利于推广使用,维护复杂,升级麻烦,信息内容和形式单一,新技术不能轻易应用
4
C/S架构与B/S架构(续)
B/S架构
基于Web的协同计算
三层结构
浏览器
Web服务器(可以细分为Web服务器和应用服务器, Web页面和应用程序等都存放在web服务器上)
数据库服务器(数据存放在数据库服务器中)
优点
瘦客户机,程序员只需要专注开发实现服务器端业务逻辑功能的网页和应用程序,减少客户端维护
突破局域网限制,将应用分布到整个互联网
5
Web相关概念
Web特点
以客户/服务方式提供服务,浏览器与服务器通过HTTP协议进行通信
信息以Web页面的形式提供,每一个页面都被分配一个URL(Uniform Reference Locator),以便惟一地识别页面
页面的格式、内容的规定以及语法由超文本标记语言(Hypertext Markup Language,HTML)标准控制
经历静态页面-动态页面-应用程序开发的首选平台
6
静态网页和动态网页的处理流程
静态网页的处理流程
步骤1:Web浏览器请求静态网页
步骤2:Web服务器查找静态网页
步骤3:Web服务器将静态网页发送到请示浏览器
7
静态网页和动态网页的处理流程(续)
动网页的处理流程
步骤1:Web浏览器请求动态网页
步骤2:Web服务器查找该页并将其传递给应用程序服务器
步骤3:应用程序服务器查找该页中的脚本命令并完成页
步骤4:应用程序服务器将完成的页传递回Web服务器
步骤5:Web服务器将完成的页发送到请求浏览器。
8
Web应用开发技术
静态网页开发技术
HTML语言
增加客户端处理能力的Java Applet,JavaScript和VBSscript脚本语言,客户端ActiveX控件技术
美化网页的CSS
CSS(cascading Style Sheets,层叠样式表)增强用户界面技术,可以方便、灵活设置网页中不同元素的外观属性。
9
Web应用开发技术(续)
动态网页开发技术
CGI: ( Common Gateway Interface )即通用网关接口。是最早用来创建动态网页的一种技术。
ISAPI和NSAPI:微软和网景推出的WEB应用程序接口
ASP(Active Server Page):是一种使用很广泛的开发动态网站的技术。它通过在页面代码中嵌入VBScript或JavaScript脚本语言来生成动态的内容,简单易学。
JSP(Java Server Pages) :JSP是运行在服务器端的脚本语言之一,与其他的服务器端脚本语言一样,是用来开发动态网页的一种技术。具有安全性高、跨平台等优点
PHP:来自于Personal Home Page一词,是一种开发动态网页技术的名称。是一种开源的Web服务器脚本语言,主要被广泛应用于UNIX/Linux平台
Servlet 使用java ServletAPI开发的java程序
10