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

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

互联网的快速发展对人们的工作、学习和生活带来了重大影响。人们利用互联网的主要方式就是通过浏览器访问网站，以便处理数据、获取信息。当人们通过浏览器打开各式各样的网站进行信息处理、享受互联网带给人们巨大便利的同时，好奇的读者也许非常想知道其背后所隐藏的所有实现技术。涉及到的技术是多方面的，包括网络技术、数据库技术、面向对象技术、图形图像处理技术、多媒体技术、网络和信息安全技术、Web开发技术等等。其中Web开发技术是互联网应用中最为关键技术之一。第二章Web开发技术与开发环境概述

用户要通过浏览器访问某一个网站，必须首先在浏览器的地址栏中输入相应的网址——URL地址，接着浏览器将向域名服务器询问该网址对应的IP地址，并根据返回的结果直接定位到目标服务器；服务器与浏览器双方完成通讯握手之后，该网站对应的图文数据便被送到浏览器中。如果收到的是HTML代码和图片，浏览器对其进行解释之后形成页面显示，而如果遇到扩展名为ASP、ASPX、JSP之类的脚本程序，解释工作就必须由服务器来完成，浏览器只能接收解释的结果并加以显示。第二章Web开发技术与开发环境概述静态网页

静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。其特点如下：

网页内容不会发生变化，除非网页设计者修改了网页的内容。

不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。第二章Web开发技术与开发环境概述动态网页

动态网页其实就是建立在B/S架构上的服务器端脚本程序。在浏览器端显示的网页是服务器端程序运行的结果。静态网页与动态网页的区别在于Web服务器对它们的处理方式不同。当Web服务器接收到对静态网页的请求时，服务器直接将该页发送给客户浏览器，不进行任何处理。如果接收到对动态网页的请求，则从Web服务器中找到该文件，并将它传递给一个称为应用程序服务器的特殊软件扩展，由它负责解释和执行网页，将执行后的结果传递给客户浏览器。第二章Web开发技术与开发环境概述动态网页的一般特点：

动态网页以数据库技术为基础，可以大大降低网站维护的工作量。

采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。

动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。第二章Web开发技术与开发环境概述学习要点：了解常用的Web开发技术掌握IISWeb服务器的配置熟悉VisualStudio开发工具2.1

Web基本技术介绍

在信息领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人们的需要。由于Web正处在日新月异的高速发展之中，它所覆盖的技术领域和层次深度也在不断改变。现阶段Web的基本技术包括HTML、DHTML、JavaApplet、JavaScript与VBScript、CGI、PHP、JSP、ASP/ASP.NET、XML、Ajax和WebServices等等。HTML技术

HTML是HyperTextMarkupLanguage（超文本标记语言）的缩写，是一种用来制作超文本文档的简单标记语言。HTML文件是一种纯文本文件，通常它带有.htm或.html的文件扩展名。DHTML技术DHTML即动态的HTML语言(DynamicHTML)。除了具有HTML语言的一切性质外，其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览Web页面时看到五彩缤纷、绚丽夺目的动态效果。DHTML并不是一门新的语言，它是以下技术、标准或规范的一种集成：（1）HTML4.0（2）CSS（CascadingStyleSheets，层叠样式表）（3）CSSL（Client-SideScriptingLanguage，客户端脚本语言）（4）HTMLDOM（HTML文档对象模型，DocumentObjectModel）XHTML技术XHTML是ExtensibleHyperTextMarkupLanguage(可扩展的HTML语言)的缩写。HTML是一种基本的Web的网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，就是所有标记必须配对，标记的属性放在引号中。XHTML就是一个扮演着类似HTML的角色的XML，所以本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。CGI技术CGI是公共网关接口（CommonGatewayInterface）的缩写，是用于连接Web页面和应用程序的接口。本身HTML语言的功能是比较贫乏的，难以完成诸如访问数据库等一类的操作，而实际的情况则是经常需要先对数据库进行操作（比如文件检索系统），然后把访问的结果动态地显示在网页上。此类需求只用HTML是无法做到的，所以CGI便应运而生。CGI是在WebServer端运行的一个可执行程序，由网页的一个超链接激活进行调用，并对该程序的返回结果进行处理后，显示在页面上。PHP技术PHP(PHP：HypertextPreprocessor，超文本预处理器，也称ProfessionalHomePage)是利用服务器端脚本创建动态网站的技术，它包括了一个完整的编程语言、支持因特网的各种协议、提供与多种数据库直接互联的能力，包括MYSQL、SQLSERVER、SYBASE、INFORMIX、ORACLE等，还能支持ODBC数据库连接方式。

PHP也是一种跨平台的软件，在大多数Unix平台、GUN/Linux和微软Windows平台上均可以运行。JSP

技术JSP(JavaServerPage)是由Sun公司于1999年推出的一项因特网应用开发技术，是基于JavaServer以及整个Java体系的Web开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。JSP技术是以Java语言作为脚本语言的，使用JSP标识或者JavaServlet小脚本来生成页面上的动态内容。JSP页面看起来象普通HTML页面，但它允许嵌入服务器执行代码。服务器端的JSP引擎解释JSP标识和小脚本，生成所请求的内容,并且将结果以HTML页面形式发送回浏览器。在数据库操作上，JSP可通过JDBC技术连接数据库。ASP技术ASP为ActiveServerPages的简写，中文意思为动态服务器页面，它是微软公司1996年11月推出的Web应用程序开发技术，它既不是一种程序语言，也不是一种开发工具，而是一种技术框架，它含有若干内建对象，用于Web服务器端的开发。利用它可以产生和执行动态的、互动的和高性能的Web服务应用程序。ASP使用VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序开发。ASP.NET

技术ASP.NET完全基于模块与组件，具有更好的可扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，正是这些具有革命性意义的新特性，让ASP.NET远远超越了ASP,同时也提供给Web开发人员更好的灵活性，有效缩短了Web应用程序的开发周期。ASP.NET与WindowsServer家族的完美组合为中小型乃至企业级的Web商业模型提供了一个更为稳定、高效、安全的运行环境。Ajax

技术Ajax（AsynchronousJavaScriptandXML，异步JavaScript和XML）最早由JesseJamesGarrett提出。区别于传统的Web应用，Ajax应用的主要目的就是提高用户体验：不刷新整个页面，在页面内与服务器通信；使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的的响应能力；应用系统不需要由大量页面组成。大部分交互在页面内完成，不需要切换整个页面。由此可见，Ajax使得Web应用更加动态，带来了更高的智能，并且可以提供表现能力丰富的AjaxUI组件。这样一类新型的Web应用叫做RIA(RichInternetApplication)应用。2.2

Web服务器的配置

Web服务器是指驻留于因特网上某种类型的计算机程序。当Web浏览器（客户端）连到服务器上并请求页面文件时，服务器将处理该请求并将页面文件发送回浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。服务器使用HTTP进行信息交流，这就是人们常把它们称为HTTP服务器的原因。目前常用的Web服务器包括IIS(InternetInformationServer)、Apache、Tomcat、Sambar、Jboss、WebLogic、Websphere以及金蝶Apusic等等。它们运行在不同的操作系统平台上。通用的Web服务器如IIS、Tomcat、Apache和Jboss等，通常以免费方式供用户使用，支持的并发用户数有限，适合作中小型网站系统的Web服务器，而WebLogic、Websphere和金蝶Apusic等专业Web服务器，在并发用户大量增加的情况下，仍可保持较高的处理性能，适合作大型网站系统的Web服务器。配置IISWeb服务器IIS是微软公司在Internet上发布信息的Web服务器。IIS是在网站上构建和部署电子商务解决方案以及关键应用程序的一种安全平台，它通过使用超文本传输协议HTTP传输信息，并将信息加载到网站上。Windows家庭版或WindowsXPProfessional中的IIS只有一个默认网站，不能创建多个网站，而WindowsServer版可以创建多个Web站点，即在一台计算机上可以配置多个网站。不同的IIS版本在安全性和服务性能等方面有所加强，但网站配置操作区别不大。Web站点的配置(1)依次按照[开始]|[程序]|[管理工具]|[Internet信息服务]的顺序启动IIS,如果读者的IIS没有添加到“开始”菜单中，则可采用[开始]|[设置]|[控制面板]|[管理工具]|[Internet信息服务]的顺序启动IIS，弹出“Internet信息服务”窗口，如图2-1所示。Web站点的配置图2-1“IIS”启动界面如果找不到“Internet服务管理器”，说明你的操作系统还没有安装IIS，你可以进入[控制面板]|[添加/删除程序]|[添加/删除Windows组件]后，勾选“Internet信息服务（IIS）”并进行安装定制后，Windows将自动完成安装过程。(2)右键单击“默认网站”选项，在弹出的快捷菜单中选择“属性”项，弹出“默认网站属性”对话框，如下图2-2所示。Web站点的配置

Web站点的配置

图2-2“默认网站”属性窗口在该对话框中存在许多选项卡，用户可以在相应的选项卡中对相关属性进行设置，从而实现IISWeb站点的配置。(3)选择如图2-2所示“网站”选项卡，在“IP地址”下拉列表框中输入本服务器的真实IP地址。若对本Web服务器的配置是作为测试用的，通常情况下可使用默认的设置“全部未分配”或输入“”，它映射本机的域名localhost（在c:\windows\system32\drivers\etc\hosts中设定），也就是说用户在IE浏览器上输入和http://localhost的效果是相同的。如果服务器拥有多个Web站点但只有一个IP地址，就必须在所有的站点中共享同一个IP地址。通过这个共享的IP地址，在访问两个或两个以上站点时都能够成功地连接到站点所在的服务器。为了实现这一功能，需要让IIS知道每个站点所使用的域名。此时，用户只需单击“IP地址”栏右侧的“高级”按钮，弹出如下图2-3“高级网站标识”所示的对话框。Web站点的配置Web站点的配置图2-3“高级网站标识”窗口图2-4添加/编辑网站标识Web站点的配置单击“添加(A)”按钮，输入IP地址、端口号和主机头名。因为只有一个IP地址，所以IP地址全部被分配了，TCP端口值都是80，区别每个网站的唯一标志就只有“主机头名”（网站的域名）。假设用户在多个网站中有一个网站的名称叫CET,已经注册的域名是“www.CET.com”，则应在主机头名中输入www.CET.com，如图2-4所示。这样分别重复步骤（2），对每个网站指定主机头名，指定其IP地址相同，端口号都是80，这台提供Web服务的计算机就称为“虚拟主机”了。Web站点的配置在“TCP端口”文本框中输入TCP使用的端口号。Web服务器的TCP端口号默认值是80，也可以设为其他值，假定为8080，用户在访问此网站的时候，需要输入相应的端口号，例如“http://www.CET.com:8080”。Web站点的配置用户还可以进行网站连接超时设置，连接时间一旦超过设置的值(以秒为单位)，则就会提示连接失败，打不开Web网站了。各个操作系统的默认值不一样，用户可以根据需要修改此值。其他选项建议保持系统默认值。Web站点的配置“启用日志记录”选项，可以将访问网站的所有用户的相关信息放到日志文件，包括访问用户的IP地址、什么时候访问了网站的什么网页等，以备将来日志分析，例如可查询用户的非法访问信息。日志的内容既可以直接放到数据库中，也可以放在文本文件中。放在文本文件中时，可通过“启用日志记录”中的“属性”按钮确定日志文件名的格式、日志文件存放位置和存放内容格式。当测试网站时，可以不开启这项功能，但网站正式运行时，一般需要开启这项功能，尽管会影响服务器的性能，但为日后的安全检查或其他方面如数据挖掘等打下基础。Web站点的配置当用户输入“”后，IIS先查找“Default.htm”,找不到时再依次找第二个“Default.asp”，若找到，则对之进行处理发回给浏览器。因此如果你想让用户更快访问你的网站，不需要让他输入冗长的文件名，则可在“文档”中进行设置。注意一般不需要设置很多默认文档，否则每次访问都要判断会影响IIS服务性能。Web站点的配置图2-5“文档”窗口主目录和虚拟目录的建立建好的Web站点会放在某个文件夹下，它由一系列文件夹和文件组成，一个典型的Web站点目录结构如图2-6所示：主目录和虚拟目录的建立

图2-6典型的Web站点目录结构图2-7“主目录”选项卡主目录和虚拟目录的建立通常我们将如图2-6中的文件夹“D:\CET”称为主目录（HomeDirectory）。主目录下可包含若干子目录，但在Web服务器管理中，允许主目录下的子目录可以不位于主目录下，可以在硬盘任何位置，这样的子目录，我们称之为虚拟目录。例如针对图2-6中的主目录“D:\CET”，目录“E:\myHTM”中存放着与该网站相关的其他网页，现需要将“E:\myHTM”纳入主目录中统一管理，那么我们就需要在该主目录下创建虚拟目录。主目录的建立每个Web站点都必须有一个主目录。一个站点所包含的所有网页和相关文件都放在主目录下。在“默认网站属性”对话框中选择“主目录”选项卡，如图2-7所示。在该对话框的顶部提供了三个选项说明网站的位置。第一个选项“此计算机上的目录”表示该网站存放在本计算机上的某个文件夹下，系统默认为c:\inetpub\wwwroot。第二个选项“另一台计算机上的共享”要求用户对该网站进行设置，输入共享的路径，以便其指向一个共享网络路径。第三个选项“重定向到URL”表示当访问者访问服务器上的某个站点时，用户通过输入重定向的站点将访问者转移到其他站点上。系统默认网站的位置为“此计算机上的目录”，如图2-7所示。如果网站不是在系统默认的本地路径下，用户可以单击“浏览”按钮来更改主目录的路径。主目录的建立在“主目录”选项卡上有六个复选框，其实这就是为网站设置权限的选项，读者可