第1章Web应基础

1、第第1章章 web应用基础应用基础内容内容vweb应用概述应用概述 vweb应用相关技术应用相关技术 1.1 web应用概述应用概述vb/s与与c/s架构模式架构模式 vweb应用相关技术的发展应用相关技术的发展 1.1.1 b/s与与c/s架构模式架构模式v在企业级应用软件中，若按系统部署的体系结构来在企业级应用软件中，若按系统部署的体系结构来分，往往可将其分为分，往往可将其分为b/s（browser/server）和）和c/s(client/server)两种架构模式。两种架构模式。 c/s架构是指通过在客户端安装一个软件，通过该软件访架构是指通过在客户端安装一个软件，通过该软件访问服务端

2、资源的一种结构体系。问服务端资源的一种结构体系。 b/s模式是指通过在服务端安装一些应用程序，在客户端模式是指通过在服务端安装一些应用程序，在客户端只要通过浏览器访问服务器，就可以查看相关内容。只要通过浏览器访问服务器，就可以查看相关内容。 vweb应用就是指在应用就是指在b/s架构体系下的应用软件系统架构体系下的应用软件系统 。1.1.2 web应用相关技术发展应用相关技术发展v从技术层面看，从技术层面看，web技术核心有三点：技术核心有三点： 超文本传输（超文本传输（http）协议，实现万维网的信）协议，实现万维网的信息传输；息传输；统一资源定位符（统一资源定位符（url），实现互联网信息

3、的），实现互联网信息的定位统一标识；定位统一标识；超文本标记语言（超文本标记语言（html），实现信息的表示），实现信息的表示与存储与存储 web应用相关技术发展（续）应用相关技术发展（续）v静态网页静态网页 ： html的诞生的诞生v客户端动态客户端动态web页面页面v服务器端动态服务器端动态web页面页面 静态静态web网页网页v是用是用html书写的一种特殊类型的文件。书写的一种特殊类型的文件。vhtml是超文本标记语言是超文本标记语言(hypertext markup language) v浏览器解释执行浏览器解释执行html代码代码 ，并显示相应的页面，并显示相应的页面如何辩别静态网

4、页？如何辩别静态网页？编写编写web页面时已经用页面时已经用html代码完全确定了代码完全确定了网页的具体内容；网页的具体内容；无论谁或何时访问页面，静态无论谁或何时访问页面，静态web页面的内容页面的内容和外观总是保持不变。和外观总是保持不变。静态静态web页面的工作原理页面的工作原理1、作者编写、作者编写html2、客户请求、客户请求web页面页面3、web服务器定位服务器定位html文件文件4、html流返回流返回到浏览器到浏览器5、浏览器处理、浏览器处理html流并显流并显示页面示页面v是否实时显示时间？是否实时显示时间？v是否能针对不同用户定制是否能针对不同用户定制web页面？页面？

5、v能否阻止其他人复制自己的能否阻止其他人复制自己的html代码？代码？v客户端动态客户端动态web页面页面v动态地改变网页的内容，为不同用户提供动态地改变网页的内容，为不同用户提供个性化的服务。个性化的服务。客户端的动态客户端的动态web页面工作原理页面工作原理web服务器服务器客户机客户机3、 客户端的动态客户端的动态web页面特点页面特点v采用脚本语言编程，在网页加载后对采用脚本语言编程，在网页加载后对html中的元素进行操作。中的元素进行操作。v脚本语言：脚本语言：javascript 和和 vbscriptv通常用于客户端的验证或页面的动画效果通常用于客户端的验证或页面的动画效果v能减

6、轻服务器负担，充分利用客户机资源能减轻服务器负担，充分利用客户机资源客户端编程的缺点客户端编程的缺点v所有代码都要下载到客户端才能执行，因所有代码都要下载到客户端才能执行，因此网页打开慢；此网页打开慢；v需对不同浏览器进行测试需对不同浏览器进行测试v如需用到服务器资源（如数据库中的数如需用到服务器资源（如数据库中的数据），无法实现据），无法实现v无法阻止其他人复制自己的代码无法阻止其他人复制自己的代码服务器端的动态服务器端的动态web页面工作原理页面工作原理服务器端编程技术服务器端编程技术v能克服客户端编程的缺点能克服客户端编程的缺点v在静态在静态web页面的基础上，增加服务器端页面的基础上，

7、增加服务器端代码。代码。v服务器端编程技术有：服务器端编程技术有： asp、php、jsp、cgi、asp.netweb应用开发技术体系应用开发技术体系asp.net的历史的历史vasp（active server pages），是），是microsfot公司公司1996年年11月推出的月推出的web应用程序开发技术，它既应用程序开发技术，它既不是一种程序语言，也不是一种开发工具，而是一不是一种程序语言，也不是一种开发工具，而是一种技术框架。因其简单的语法和嵌入种技术框架。因其简单的语法和嵌入html的编辑的编辑方法在很短的时间内便取得了巨大的成功，成为方法在很短的时间内便取得了巨大的成功，成

8、为 windows平台上平台上web开发技术的霸主，在当时地开发技术的霸主，在当时地位难以动摇。此外，它可通过位难以动摇。此外，它可通过activex等组件技术等组件技术实现更强大的功能，如使用实现更强大的功能，如使用ado可以轻松地访问可以轻松地访问数据库。数据库。asp.net的历史（续）的历史（续）v随着随着php，jsp技术的发展，技术的发展，asp的王者地位受到的王者地位受到了严峻的挑战。了严峻的挑战。 jsp的技术在执行效率，安全行等的技术在执行效率，安全行等特性上已经完全超过了特性上已经完全超过了asp，同时还具有，同时还具有asp所无所无法比拟的跨平台性，在法比拟的跨平台性，在

9、windows，linux和和unix等等操作系统上都能运行。使越来越多的人开始选择它，操作系统上都能运行。使越来越多的人开始选择它，asp技术面临前所未有的危机。技术面临前所未有的危机。asp.net的历史（续）的历史（续）v在互联网技术飞速发展的情况下，在互联网技术飞速发展的情况下，microsoft公司公司发布了其宏伟的发布了其宏伟的”windows.net“计划，发布了成计划，发布了成为在下代网络服务框架的为在下代网络服务框架的ngws，同时将其，同时将其asp技技术升级为术升级为asp+。2000年年11月，月，microsoft公司推出公司推出visual studio.net7.

10、0开发工具的开发工具的beta版本，将版本，将ngws更名为更名为.net framework，此时，此时asp+也正也正式该名为现在的式该名为现在的asp.net，版本为，版本为1.0。asp.net的历史（续）的历史（续）v2002年微软发布了年微软发布了visual studio .net 2002及后继发布的及后继发布的vs2003支持的都是支持的都是asp.net 1.x版本。版本。1.x版本虽然取得了很大的成功，版本虽然取得了很大的成功，但是微软失去了简单性这一重要目标。但是微软失去了简单性这一重要目标。asp.net的历史（续）的历史（续）v与与vs2005一起发布了一起发布了.

11、net framework2.0版本，在各个方面对版本，在各个方面对 asp.net 都进行了显都进行了显著增强：著增强：生产效率，据说可以减少70%的代码；灵活性和可扩展性，轻松地将自定义功能集成到应用程序中性能，使用诸如预编译、可配置的缓存和 sql 缓存失效等功能，可以优化 web 应用程序的性能，安全性，向 web 应用程序添加身份验证和授权比以往任何时候都简单宿主。asp.net 中包含的新增功能使得管理宿主环境变得更加简单。完整性。新增功能和现有功能协同工作。asp.net的历史（续）的历史（续）v与与vs2008一起发布的一起发布的.net framework 3.5 版版 针对

12、针对 asp.net 中的特定方面提供了增强功能。中的特定方面提供了增强功能。提供了新的服务器控件、类型和客户端脚本库，通过这些新增功能，可以开发 ajax 样式的 web 应用程序扩展了基于服务器的 forms 身份验证、角色管理和配置文件服务，作为 web 服务供基于 web 的应用程序使用。提供了一个新的 listview 数据控件，该控件可用于显示数据，还可提供具有高度可自定义性的用户界面。提供了一个新的 linqdatasource 控件，该控件通过 asp.net 数据源控件结构公开语言集成查询 (linq)。提供了一个新的合并工具 (aspnet_merge.exe)，可用于合并

13、预编译程序集，以灵活的方式实现部署和发布管理。1.2 web应用的相关技术应用的相关技术 vhtml vxhtml v可扩展标记语言可扩展标记语言xml vweb服务器服务器 1.2.1 htmlvhtml是一种用来制作超文本文档的简单标是一种用来制作超文本文档的简单标记语言。记语言。 vhtml文档的内容一般都位于文档的内容一般都位于和和之间，分为首部和主体两个部分。之间，分为首部和主体两个部分。v文档中的命令一般采用文档中的命令一般采用和和的的形式配对出现，有些标记也可以单个出现，形式配对出现，有些标记也可以单个出现，标记符不区分大小写。标记符不区分大小写。 v文档基本格式：文档基本格式：

14、 html文档的主体部分文档的主体部分 html（续）（续）v中可以包含一个或多个属性，各属性之中可以包含一个或多个属性，各属性之间必须用空格隔开，设置属性能使页面产生不间必须用空格隔开，设置属性能使页面产生不同的效果。同的效果。v一般格式为：一般格式为：例如：常用常用html标记符及其功能标记符及其功能 v：首部标记符，不包含网页：首部标记符，不包含网页的内容，仅提供一些与网页相关的信息。的内容，仅提供一些与网页相关的信息。v：主体标记符，包含网页内：主体标记符，包含网页内的所有内容，如文字、图片及超链接等。的所有内容，如文字、图片及超链接等。v：设置网页的标题，一般在浏：设置网页的标题，一

15、般在浏览器的顶部标题栏中显示。览器的顶部标题栏中显示。v：控制字符的样式，：控制字符的样式，size是它是它的一个常用属性，用来控制字符大小。的一个常用属性，用来控制字符大小。常用常用html标记符及其功能（续）标记符及其功能（续）v：插入图片，常用：插入图片，常用alt属性设置图片简单文属性设置图片简单文字说明，用字说明，用src属性指明图片所在位置。属性指明图片所在位置。v：定义一个超链接，用：定义一个超链接，用href属性可创属性可创建多种形式的超链接。建多种形式的超链接。v：换行并绘制一条水平直线，直线的上下两：换行并绘制一条水平直线，直线的上下两端都会留出一定的空白。端都会留出一定的

16、空白。v：定义一个块，块内可以有文本、：定义一个块，块内可以有文本、图像等，目的是为了控制该块的样式。图像等，目的是为了控制该块的样式。常用常用html标记符及其功能（续）标记符及其功能（续）v：强行中断当前行，多个：强行中断当前行，多个标记可以创建标记可以创建多个空行。多个空行。v：在网页中分段，遇到：在网页中分段，遇到另起一个另起一个新的段落。新的段落。v：注释标记，注释之间的内容不在浏览器：注释标记，注释之间的内容不在浏览器中显示中显示：将内容居中。：将内容居中。v：定义一个有序列表，列表项的条目：定义一个有序列表，列表项的条目用标记符用标记符li创建，创建，ol中可包含一个或多个中可包

17、含一个或多个li标记。标记。v：定义一个无序列表，列表项的条目：定义一个无序列表，列表项的条目用标记符用标记符li创建，创建，ul中可包含一个或多个中可包含一个或多个li标记。标记。常用常用html标记符及其功能（续）标记符及其功能（续）v ：创建一个表格。：创建一个表格。v：开始表格中的每一行。：开始表格中的每一行。v：开始一行中的每一个单元格。：开始一行中的每一个单元格。v：设置表格头：设置表格头html示例示例v【例【例1-1】html的基本语法示例。的基本语法示例。参见示例参见示例第第01章章例例1-11_1.htmvhtmlvxhtml 文档标题文档标题 html文档的主体部分文档的

18、主体部分 文档标题文档标题xhtml文档的主体部分文档的主体部分1.2.2 xhtmlxhtml与与html的区别的区别vxhtml元素必须被正确地嵌套；元素必须被正确地嵌套；html可以使可以使用不正确的嵌套形式用不正确的嵌套形式 。vxhtml标签名必须用小写字母；标签名必须用小写字母；html是不区是不区分大小写，元素和属性名称可以是大写、小写分大小写，元素和属性名称可以是大写、小写或是混合书写。或是混合书写。vxhtml中要求所有的属性值都必须加引号，即中要求所有的属性值都必须加引号，即使是数字也需要加引号；使是数字也需要加引号；html中的引用使用比中的引用使用比较随意，属性值可以用

19、引号引起来，也可以不较随意，属性值可以用引号引起来，也可以不使用引号。使用引号。 vxhtml中所有元素必须有结束标记；在中所有元素必须有结束标记；在html中，有些标记可以省略结束标记中，有些标记可以省略结束标记 。vhtml中，每个元素既可以定义中，每个元素既可以定义name属性，也属性，也可以定义可以定义 id属性；在属性；在xhtml中，每一个元素只中，每一个元素只能有一个标识属性，即能有一个标识属性，即id属性。属性。xhtml示例示例v【例【例1-2】xhtml基本语法示例。基本语法示例。 使用使用xhtml完成例完成例1-2的功能。的功能。参见示例参见示例第第01章章例例1-2d

20、efault.aspx1.2.3 可扩展标记语言可扩展标记语言xml v可扩展标记语言（可扩展标记语言（extensible markup language, xml）是）是w3c组织于组织于1998年年2月发布的标准。月发布的标准。vxml不是要替换不是要替换html，可以视作对，可以视作对html的补充。的补充。vhtml的设计目标是显示数据并集中于数的设计目标是显示数据并集中于数据外观，而据外观，而xml的设计目标是描述数据并的设计目标是描述数据并集中于数据的内容。集中于数据的内容。 xml与与html的比较的比较html文档：文档：网页内容网页内容标题标题正常文字正常文字粗体文字粗体文

21、字 xml文档文档 ：网页内容网页内容标题标题正常文字正常文字粗体文字粗体文字 【例【例1-3】xml与与html的比较。的比较。 参见示例参见示例第第01章章例例1-31_3.htm参见示例参见示例第第01章章例例1-31_3.xmlxml示例示例v【例【例1.4】创建一个用于保存学生信息的】创建一个用于保存学生信息的xml文档。文档。 v【例【例1.5】在浏览器中显示】在浏览器中显示xml中的学生信息。中的学生信息。参见示例参见示例第第01章章例例1-4student.xml参见示例参见示例第第01章章例例1-5student.xml和和student.xsl1.2.4 web服务器服务器

22、vweb服务器是一个软件，用于管理服务器是一个软件，用于管理web网页。网页。vweb服务器有很多种类：服务器有很多种类：iis，apache，iplanet的的enterprise服务器、服务器、web matrix等。等。viis (internet information services，internet 信息服务信息服务)服务是微软公司主推的服务是微软公司主推的web服务器，作为服务器，作为windows server中的中的一个服务，并不需要单独购买一个服务，并不需要单独购买 。它与。它与windows捆绑在一起：捆绑在一起：viis5.0与与windows2000；viis5.1

23、与与windows xp professional ；viis6.0与与windows 2003 server。iis服务服务v支持的服务和协议支持的服务和协议uhttp、ftp、smtp等等ucgi 、asp 、asp.net 等等以安装以安装iis5.1为例为例(1)打开【控制面板】，单击【添加打开【控制面板】，单击【添加/删除程删除程序】图标，在弹出的对话框中选择【添加序】图标，在弹出的对话框中选择【添加/删除删除windows组件】组件】(2) 选中【选中【internet 信息服务信息服务(iis)】选项，单击【下一】选项，单击【下一步】按钮，系统将开始安装步】按钮，系统将开始安装i

24、is(3) 安装过程中，系统将提示插入安装过程中，系统将提示插入windows 安装盘。将光盘安装盘。将光盘放入光驱中，继续安装，安装完成后，将显示如图界面，放入光驱中，继续安装，安装完成后，将显示如图界面，单击【完成】按钮，即可完成单击【完成】按钮，即可完成iis 的安装。的安装。v在安装完在安装完iisiis后，可打开后，可打开 internet explorer 浏览器浏览器 ，在地址栏，在地址栏中输入中输入http:/localhost 或或 ，然后按，然后按enter键，系统键，系统将弹出如图所示的两个窗口，此时说明将弹出如图所示的两个窗口，此时说明i

25、is服务已经启动。服务已经启动。iis默认安装内容默认安装内容iis目录：目录： c:windowssystem32inetsrv c:windowshelpiishelpc:inetpub用户帐号：用户帐号：iusr_计算机名计算机名：客户端匿名访问帐号：客户端匿名访问帐号iwam_计算机名计算机名iis管理界面管理界面vinternet服务管理器服务管理器(常用常用)开始开始控制面板控制面板管理工具管理工具internet信息服务信息服务vmmc开始开始运行运行mmc文件文件添加删除管理单元添加删除管理单元 internet信息服务信息服务iis管理界面图管理界面图如何运行如何运行网页网页

26、 v在安装完在安装完 iis iis 后，系统将会在系统盘下自动创建后，系统将会在系统盘下自动创建 inetpub inetpub 目录，在该目录下有一个文件夹名为目录，在该目录下有一个文件夹名为 wwwroot wwwroot ，这是系统默认的虚拟目录。，这是系统默认的虚拟目录。v为了便于文件的管理为了便于文件的管理 ，通常将，通常将网页网页文件放置在其他硬文件放置在其他硬盘或目录中。然后在盘或目录中。然后在iisiis中单独设置该文件的虚拟目录。中单独设置该文件的虚拟目录。v一个网页文件必须将其放置在虚拟目录下方可运行。一个网页文件必须将其放置在虚拟目录下方可运行。如果用户将网页程序文件放

27、置在如果用户将网页程序文件放置在wwwrootwwwroot目录下，目录下，则可直接在浏览器的地址栏中输入则可直接在浏览器的地址栏中输入 “ “ http:/localhost/xxxhttp:/localhost/xxx ” ” ，然后按，然后按enterenter键运键运行该文件，这里的行该文件，这里的xxxxxx是你所创建的网页文件名。是你所创建的网页文件名。虚拟目录的设置方法虚拟目录的设置方法v虚拟目录的设置有以下两种方法：虚拟目录的设置有以下两种方法：通过通过internetinternet信息服务管理器设置信息服务管理器设置直接设置文件夹的属性直接设置文件夹的属性1. 通过通过internet服务管理器设置虚拟目录服务管理器设置虚拟目录v右击【默认右击【默认webweb站点】，选择【新建】站点】，选择【新建】【虚拟目录】命令。【虚拟目录】命令。v系统将弹出【虚拟目录创建向导】对话框，单击系统将弹出【虚拟目录创建向导】对话框，单击【下一步】按钮【下一步】按钮v系统将要求输入虚拟目录别名，这里输入系统将要求输入虚拟目录别名，这里输入“myweb”myweb”。这。这里的虚拟目录别名，将作为浏览器