第二章Web开发技术与开发环境概述

第二章 Web开发技术与开发环境 概述
动态网页
动态网页其实就是建立在B/S架构上的服务器端脚本程序。 在浏览器端显示的网页是 服务器端程序运行的结果。 静态网页与动态网页的区别在于Web服务器对它们的处理 方式不同。当Web服务器接收到对静态网页的请求时，服务器直 接将该页发送给客户浏览器，不进行任何处理。如果接收到对 动态网页的请求，则从Web服务器中找到该文件，并将它传递给 一个称为应用程序服务器的特殊软件扩展，由它负责解释和执 行网页，将执行后的结果传递给客户浏览器。
XHTML技术
• XHTML是Extensible HyperText Markup Language(可扩展的HTML语言)的缩写。 HTML是一种基本的Web的网页设计语言， XHTML是一个基于XML的置标语言，看起 来与HTML有些相象，只有一些小的但重要 的区别，就是所有标记必须配对，标记的 属性放在引号中。XHTML就是一个扮演着 类似HTML的角色的XML，所以本质上说， XHTML是一个过渡技术，结合了部分XML 的强大功能及大多数HTML的简单特性。
ASP.NET 技术
• ASP.NET完全基于模块与组件，具有更好 的可扩展性与可定制性，数据处理方面更 是引入了许多激动人心的新技术，正是这 些具有革命性意义的新特性，让ASP.NET 远远超越了ASP,同时也提供给Web开发人员 更好的灵活性，有效缩短了Web应用程序的 开发周期。ASP.NET与Windows Server 家族 的完美组合为中小型乃至企业级的Web商业 模型提供了一个更为稳定、高效、安全的 运行环境。
2.2 Web服务器的配置
• Web服务器是指驻留于因特网上某种类型的计算机程序。当 Web浏览器（客户端）连到服务器上并请求页面文件时，服务 器将处理该请求并将页面文件发送回浏览器上，附带的信息会 告诉浏览器如何查看该文件（即文件类型）。服务器使用 HTTP进行信息交流，这就是人们常把它们称为HTTP服务器 的原因。 • 目前常用的Web服务器包括IIS(Internet Information Server)、 Apache、Tomcat、Sambar、Jboss、WebLogic、Websphere以及 金蝶Apusic等等。它们运行在不同的操作系统平台上。通用的 Web服务器如IIS、Tomcat、Apache和Jboss等，通常以免费方式 供用户使用，支持的并发用户数有限，适合作中小型网站系统 的Web服务器，而WebLogic、Websphere和金蝶Apusic等专业 Web服务器，在并发用户大量增加的情况下，仍可保持较高的 处理性能，适合作大型网站系统的Web服务器。
JSP 技术
• JSP(Java Server Page)是由Sun公司于1999年推出的 一项因特网应用开发技术，是基于Java Server以及 整个Java体系的Web开发技术，利用这一技术可以 建立先进、安全和跨平台的动态网站。JSP技术是 以Java语言作为脚本语言的，使用JSP标识或者Java Servlet小脚本来生成页面上的动态内容。JSP页面 看起来象普通HTML页面，但它允许嵌入服务器 执行代码。服务器端的JSP引擎解释JSP标识和小 脚本，生成所请求的内容,并且将结果以HTML页 面形式发送回浏览器。在数据库操作上，JSP可通 过JDBC技术连接数据库。
Web站点的配置
图2-1 “IIS”启动界面
Web站点的配置
• 如果找不到“Internet 服务管理器”，说明 你的操作系统还没有安装IIS，你可以进入 [控制面板]|[添加/删除程序]|[添加/删除 Windows组件]后，勾选“Internet 信息服务 （IIS）”并进行安装定制后，Windows将自 动完成安装过程。 • (2) 右键单击“默认网站”选项，在弹出的 快捷菜单中选择“属性”项，弹出“默认 网站 属性”对话框，如下图2-2所示。
第二章 Web开发技术与开发环境 概述
互联网的快速发展对人们的工作、学习和生 活带来了重大影响。人们利用互联网的主要方式 就是通过浏览器访问网站，以便处理数据、获取 信息。当人们通过浏览器打开各式各样的网站进 行信息处理、享受互联网带给人们巨大便利的同 时，好奇的读者也许非常想知道其背后所隐藏的 所有实现技术。涉及到的技术是多方面的，包括 网络技术、数据库技术、面向对象技术、图形图 像处理技术、多媒体技术、网络和信息安全技术、 Web开发技术等等。其中Web开发技术是互联网应 用中最为关键技术之一。
Biblioteka Baidu
Web站点的配置
图2-2 “默认网站”属性窗口
Web站点的配置
• 在该对话框中存在许多选项卡，用户可以在相应的选项卡中对 相关属性进行设置，从而实现IIS Web站点的配置。 • (3)选择如图2-2所示“网站”选项卡，在“IP 地址”下拉列表 框中输入本服务器的真实IP地址。若对本Web服务器的配置是 作为测试用的，通常情况下可使用默认的设置“全部未分配” 或输入“127.0.0.1”，它映射本机的域名localhost（在 c:\windows\system32\ drivers\etc \hosts中设定），也就是说用 户在IE浏览器上输入http://127.0.0.1和http://localhost的效果是 相同的。 • 如果服务器拥有多个Web站点但只有一个IP地址，就必须在所 有的站点中共享同一个IP地址。通过这个共享的IP地址，在访 问两个或两个以上站点时都能够成功地连接到站点所在的服务 器。为了实现这一功能，需要让IIS知道每个站点所使用的域 名。此时，用户只需单击“IP地址”栏右侧的“高级”按钮， 弹出如下图2-3 “高级网站标识”所示的对话框。
Ajax 技术
• Ajax（Asynchronous JavaScript and XML，异步 JavaScript和XML）最早由Jesse James Garrett提出。 区别于传统的Web应用，Ajax应用的主要目的就是 提高用户体验： 不刷新整个页面，在页面内与服务器通信； 使用异步方式与服务器通信，不需要打断用户 的操作，具有更加迅速的的响应能力； 应用系统不需要由大量页面组成。大部分交互 在页面内完成，不需要切换整个页面。 由此可见，Ajax使得Web应用更加动态，带来了 更高的智能，并且可以提供表现能力丰富的Ajax UI组件。这样一类新型的Web应用叫做RIA(Rich Internet Application)应用。
Web站点的配置
• (1) 依次按照[开始]|[程序]|[管理工 具]|[Internet 信息服务]的顺序启动IIS,如果 读者的IIS没有添加到“开始”菜单中，则 可采用[开始]|[设置]|[控制面板]|[管理工 具]|[Internet 信息服务]的顺序启动IIS，弹出 “Internet信息服务”窗口，如图2-1所示。
第二章 Web开发技术与开发环境 概述
静态网页
静态网页是网站建设初期经常采用的一种形式。 网站建设者把内容设计成静态网页，访问者只能被动 地浏览网站建设者提供的网页内容。其特点如下： • 网页内容不会发生变化，除非网页设计者修改了网 页的内容。 • 不能实现和浏览网页的用户之间的交互。信息流向 是单向的，即从服务器到浏览器。服务器不能根据用 户的选择调整返回给用户的内容。
配置IIS Web服务器
• IIS是微软公司在Internet上发布信息的Web服务器。 IIS是在网站上构建和部署电子商务解决方案以及 关键应用程序的一种安全平台，它通过使用超文 本传输协议HTTP传输信息，并将信息加载到网站 上。 • Windows 家庭版或Windows XP Professional中的IIS 只有一个默认网站，不能创建多个网站，而 Windows Server版可以创建多个Web站点，即在一 台计算机上可以配置多个网站。不同的IIS版本在 安全性和服务性能等方面有所加强，但网站配置 操作区别不大 。
PHP 技术
• PHP(PHP：Hypertext Preprocessor，超文本预处理 器，也称Professional Home Page)是利用服务器端 脚本创建动态网站的技术，它包括了一个完整的 编程语言、支持因特网的各种协议、提供与多种 数据库直接互联的能力，包括MYSQL、SQL SERVER、SYBASE、INFORMIX、ORACLE等， 还能支持ODBC数据库连接方式。 PHP也是一种跨平台的软件，在大多数Unix平台、 GUN/Linux和微软Windows平台上均可以运行。
第二章 Web开发技术与开发环境 概述
动态网页的一般特点：
• 动态网页以数据库技术为基础，可以大大降低网站维 护的工作量。 • 采用动态网页技术的网站可以实现更多的功能，如用 户注册、用户登录、搜索查询、用户管理、订单管理 等。 • 动态网页并不是独立存在于服务器上的网页文件，只 有当用户请求时服务器才返回一个完整的网页。
ASP 技术
• ASP为Active Server Pages的简写，中文意思 为动态服务器页面，它是微软公司1996年11 月推出的Web应用程序开发技术，它既不是 一种程序语言，也不是一种开发工具，而 是一种技术框架，它含有若干内建对象， 用于Web服务器端的开发。利用它可以产生 和执行动态的、互动的和高性能的Web服务 应用程序。ASP使用VBScript、JavaScript等 简单易懂的脚本语言，结合HTML代码，即 可快速地完成网站的应用程序开发。
第二章 Web开发技术与开发环境 概述
用户要通过浏览器访问某一个网站，必须首先在浏览 器的地址栏中输入相应的网址——URL地址，接着浏览器 将向域名服务器询问该网址对应的IP地址，并根据返回的 结果直接定位到目标服务器；服务器与浏览器双方完成通 讯握手之后，该网站对应的图文数据便被送到浏览器中。 如果收到的是HTML代码和图片，浏览器对其进行解释之 后形成页面显示，而如果遇到扩展名为ASP、ASPX、JSP 之类的脚本程序，解释工作就必须由服务器来完成，浏览 器只能接收解释的结果并加以显示。
第二章 Web开发技术与开发环境 概述
学习要点：
• 了解常用的Web开发技术
• 掌握IIS Web服务器的配置
• 熟悉Visual Studio开发工具
2.1 Web基本技术介绍
在信息领域中，Web技术几乎汇集了当 前信息处理的所有技术手段，以求最大限 度地满足人们的需要。由于Web正处在日新 月异的高速发展之中，它所覆盖的技术领 域和层次深度也在不断改变。现阶段Web的 基本技术包括HTML、DHTML、Java Applet、 JavaScript与 VBScript、CGI、PHP、JSP、 ASP/ASP.NET、 XML、Ajax和Web Services 等等。
CGI 技术
• CGI是公共网关接口（Common Gateway Interface） 的缩写，是用于连接Web页面和应用程序的接口。 本身HTML语言的功能是比较贫乏的，难以完成 诸如访问数据库等一类的操作，而实际的情况则 是经常需要先对数据库进行操作（比如文件检索 系统），然后把访问的结果动态地显示在网页上。 此类需求只用HTML是无法做到的，所以CGI便应 运而生。CGI是在Web Server端运行的一个可执行 程序，由网页的一个超链接激活进行调用，并对 该程序的返回结果进行处理后，显示在页面上。
HTML技术
• HTML是HyperText Markup Language（超文 本标记语言）的缩写，是一种用来制作超 文本文档的简单标记语言。 • HTML文件是一种纯文本文件，通常它带 有.htm或.html的文件扩展名。
DHTML技术
• DHTML即动态的HTML语言(Dynamic HTML)。除了具有 HTML语言的一切性质外，其最大的突破就是可以实现在 下载网页后仍然能实时变换页面元素效果、使人们在浏览 Web页面时看到五彩缤纷、绚丽夺目的动态效果。 DHTML并不是一门新的语言，它是以下技术、标准或规 范的一种集成： （1）HTML 4.0 （2）CSS （Cascading Style Sheets，层叠样式表） （3）CSSL（Client-Side Scripting Language，客户端脚本语言） （4）HTML DOM（HTML文档对象模型，Document Object Model）