第一章Web应用概述

《第一章Web应用概述》由会员分享，可在线阅读，更多相关《第一章Web应用概述（46页珍藏版）》请在装配图网上搜索。

1、网络应用网络应用ASP.NET Web应用程序设计前言福州大学阳光学院计算机系福州大学阳光学院计算机系 张海歆张海歆学习本课程的目的n了解了解Web应用的相关技术应用的相关技术n掌握掌握ASP.NET动态网站开发技术动态网站开发技术n学会使用学会使用Visual Studio.NET平台开发平台开发ASP.NET动态网站动态网站2课程内容n第一部分：第一部分：.NET编程基础与环境配置编程基础与环境配置 1.前言前言 Web应用相关技术介绍应用相关技术介绍2.第第1章章 ASP.NET概述，介绍了概述，介绍了.NET基本知识基本知识和和Visual Studio.NET集成开发环境。集成开发环

2、境。3.第第2章章 C#语言程序设计基础，介绍了语言程序设计基础，介绍了C#语言语言的编译器、数据结构、控制语句以及面向对象的编译器、数据结构、控制语句以及面向对象的编程特性。的编程特性。3课程内容（续）n第二部分：第二部分：ASP.NET程序设计基础程序设计基础1.第第3章章 ASP.NET页面模型，介绍了页面模型，介绍了ASP.NET的内部工的内部工作机制、作机制、ASP.NET的页面模型和事件模型。的页面模型和事件模型。2.第第4章章 构建基本构建基本Web页面，介绍了基本的服务器控件。页面，介绍了基本的服务器控件。3.第第5章章 应用高级控件构建应用高级控件构建Web页面，介绍了一些功

3、能页面，介绍了一些功能更复杂的高级控件。更复杂的高级控件。4.第第6章章 Web页面的有效性验证，介绍页面的有效性验证，介绍ASP.NET提供的提供的大量验证控件。大量验证控件。5.第第7章章 创建用户定制的控件，介绍如何创建和使用用创建用户定制的控件，介绍如何创建和使用用户自定义的控件。户自定义的控件。4课程内容（续）n第三部分：第三部分：ASP.NET数据库技术数据库技术1.第第8章章 使用控件操作数据库，介绍了使用控件操作数据库，介绍了ASP.NET常用的数据源控件。常用的数据源控件。2.第第9章章 使用对象操作数据库，介绍了使用使用对象操作数据库，介绍了使用ADO.NET对象及使用对象

4、访问数据库。对象及使用对象访问数据库。3.第第10章章 数据绑定及数据绑定控件，介绍了数数据绑定及数据绑定控件，介绍了数据绑定的基本知识，以及常见的数据绑定控件。据绑定的基本知识，以及常见的数据绑定控件。5课程内容（续）n第四部分：第四部分：网站设计相关技术网站设计相关技术1.第第11章章 定制网站风格，介绍网站的主题和外定制网站风格，介绍网站的主题和外观方面的内容。观方面的内容。2.第第12章章 网站页面结构设计，介绍了母板页、网站页面结构设计，介绍了母板页、内容页及两者之间的交互。内容页及两者之间的交互。3.第第13章章 网站整体结构设计及导航技术，介绍网站整体结构设计及导航技术，介绍了站

5、点地图的基本知识及常见的导航控件。了站点地图的基本知识及常见的导航控件。4.第第14章章 网站中的用户管理，介绍了用户管理网站中的用户管理，介绍了用户管理的基本知识及各个登录控件的基本用法。的基本知识及各个登录控件的基本用法。6参考资料nASP.NET 3.5 动态网站开发案例指导，王改性等，电子工业出版社nhttp:/ Markup Language)n浏览器解释执行浏览器解释执行HTML代码代码，并显示相应的页面，并显示相应的页面n如何辩别静态网页？如何辩别静态网页？n编写编写WEB页面时已经用页面时已经用HTML代码完全确定了网页的具代码完全确定了网页的具体内容；体内容；n无论谁或何时访

6、问页面，静态无论谁或何时访问页面，静态WEB页面的内容和外观总页面的内容和外观总是保持不变。是保持不变。11客户端的动态Web页面工作原理Web服务器服务器1 1、作者编写、作者编写、作者编写、作者编写的网页文件的网页文件的网页文件的网页文件2 2、客户请求网页、客户请求网页、客户请求网页、客户请求网页3、WebWeb服务器定位服务器定位服务器定位服务器定位HTMLHTML文件和指令文件文件和指令文件文件和指令文件文件和指令文件 4 4、HTMLHTML和指令被返回到浏览器和指令被返回到浏览器和指令被返回到浏览器和指令被返回到浏览器5 5、浏览器处理、浏览器处理、浏览器处理、浏览器处理指令并将

7、指令指令并将指令指令并将指令指令并将指令转换为转换为转换为转换为HTMLHTML6 6、浏览器处理、浏览器处理、浏览器处理、浏览器处理HTMLHTML流并显示页面流并显示页面流并显示页面流并显示页面12客户端的动态Web页面特点n采用脚本语言编程，在网页加载后对采用脚本语言编程，在网页加载后对HTML中的元素进行操作。中的元素进行操作。n脚本语言：脚本语言：JavaScript 和和 VBScriptn通常用于客户端的验证或页面的动画效果通常用于客户端的验证或页面的动画效果n能减轻服务器负担，充分利用客户机资源能减轻服务器负担，充分利用客户机资源13客户端编程的缺点n所有代码都要下载到客户端才

8、能执行，因此所有代码都要下载到客户端才能执行，因此网页打开慢；网页打开慢；n需对不同浏览器进行测试；需对不同浏览器进行测试；n无法到服务器资源（如数据库中的数据）；无法到服务器资源（如数据库中的数据）；n无法阻止其他人复制自己的代码；无法阻止其他人复制自己的代码；n14服务器端编程技术n能克服客户端编程的缺点。能克服客户端编程的缺点。n在静态在静态Web页面的基础上，增加服务器端代页面的基础上，增加服务器端代码。码。n服务器端编程技术有：服务器端编程技术有：ASP、ASP.NET、PHP、JSP、CGI15服务器端的动态Web页面工作原理16ASP.NET的历史nASP（Active Serv

9、er Pages），是），是Microsfot公司公司1996年年11月推出的月推出的WEB应用程序开发技术，它既不是一种程序应用程序开发技术，它既不是一种程序语言，也不是一种开发工具，而是一种语言，也不是一种开发工具，而是一种技术框架技术框架。因其简。因其简单的语法和嵌入单的语法和嵌入HTML的编辑方法在很短的时间内便取得的编辑方法在很短的时间内便取得了巨大的成功，成为了巨大的成功，成为 Windows平台上平台上Web开发技术的霸开发技术的霸主，在当时地位难以动摇。此外，它可通过主，在当时地位难以动摇。此外，它可通过ActiveX等组等组件技术实现更强大的功能，如使用件技术实现更强大的功能

10、，如使用ADO可以轻松地访问数可以轻松地访问数据库。据库。17ASP.NET的历史（续）n随着随着PHP，JSP技术的发展，技术的发展，ASP的王者地位受到的王者地位受到了严峻的挑战。了严峻的挑战。JSP的技术在执行效率，安全行的技术在执行效率，安全行等特性上已经完全超过了等特性上已经完全超过了ASP，同时还具有，同时还具有ASP所所无法比拟的跨平台性，在无法比拟的跨平台性，在Windows，Linux和和Unix等操作系统上都能运行。使越来越多的人开等操作系统上都能运行。使越来越多的人开始选择它，始选择它，ASP技术面临前所未有的危机。技术面临前所未有的危机。18ASP.NET的历史（续）n

11、在互联网技术飞速发展的情况下，在互联网技术飞速发展的情况下，Microsoft公司发布公司发布了其宏伟的了其宏伟的Windows.NET计划，发布了成为在下代计划，发布了成为在下代网络服务框架的网络服务框架的NGWS，同时将其，同时将其ASP技术升级为技术升级为ASP+。2000年年11月，月，Microsoft公司推出公司推出Visual Studio.NET7.0开发工具的开发工具的Beta版本，将版本，将NGWS更名更名为为.NET Framework，此时，此时ASP+也正式该名为现在也正式该名为现在的的ASP.NET，版本为，版本为1.0。19ASP.NET的历史（续）n2002年微

12、软发布了年微软发布了Visual Studio.NET 2002及后继发布的及后继发布的VS2003支持的都是支持的都是ASP.NET 1.x版本。版本。1.x版本虽然取得了很版本虽然取得了很大的成功，但是微软失去了简单性这一重要大的成功，但是微软失去了简单性这一重要目标。目标。20ASP.NET的历史（续）n与与VS2005一起发布了一起发布了.NET Framework2.0版本，版本，在各个方面对在各个方面对 ASP.NET 都进行了显著增强：都进行了显著增强：n生产效率，据说可以减少生产效率，据说可以减少70%的代码；的代码；n灵活性和可扩展性，轻松地将自定义功能集成到应用程序中灵活性

13、和可扩展性，轻松地将自定义功能集成到应用程序中n性能，使用诸如预编译、可配置的缓存和性能，使用诸如预编译、可配置的缓存和 SQL 缓存失效等功缓存失效等功能，可以优化能，可以优化 Web 应用程序的性能，应用程序的性能，n安全性，向安全性，向 Web 应用程序添加身份验证和授权比以往任何应用程序添加身份验证和授权比以往任何时候都简单时候都简单n宿主。宿主。ASP.NET 中包含的新增功能使得管理宿主环境变得更中包含的新增功能使得管理宿主环境变得更加简单。加简单。n完整性。新增功能和现有功能协同工作。完整性。新增功能和现有功能协同工作。21ASP.NET的历史（续）n与与VS2008一起发布的一

14、起发布的.NET Framework 3.5 版版 针对针对 ASP.NET 中的特定方面提供了增强功能。中的特定方面提供了增强功能。n提供了新的服务器控件、类型和客户端脚本库，通过这些新增功能，提供了新的服务器控件、类型和客户端脚本库，通过这些新增功能，可以开发可以开发 AJAX 样式的样式的 Web 应用程序应用程序n扩展了基于服务器的扩展了基于服务器的 Forms 身份验证、角色管理和配置文件服务，身份验证、角色管理和配置文件服务，作为作为 Web 服务供基于服务供基于 Web 的应用程序使用。的应用程序使用。n提供了一个新的提供了一个新的 ListView 数据控件，该控件可用于显示数

15、据，还数据控件，该控件可用于显示数据，还可提供具有高度可自定义性的用户界面。可提供具有高度可自定义性的用户界面。n提供了一个新的提供了一个新的 LinqDataSource 控件，该控件通过控件，该控件通过 ASP.NET 数据源控件结构公开语言集成查询数据源控件结构公开语言集成查询(LINQ)。n提供了一个新的合并工具提供了一个新的合并工具(Aspnet_merge.exe)，可用于合并预，可用于合并预编译程序集，以灵活的方式实现部署和发布管理。编译程序集，以灵活的方式实现部署和发布管理。22Web应用的相关技术应用的相关技术nHTML nXHTML n可扩展标记语言可扩展标记语言XML n

16、Web服务器服务器23HTMLnHTML是一种用来制作超文本文档的简单标记语言。是一种用来制作超文本文档的简单标记语言。nHTML文档的内容一般都位于文档的内容一般都位于和和之间，分为首部和主体两个部分。之间，分为首部和主体两个部分。n文档中的命令一般采用文档中的命令一般采用和和的形式的形式配对出现，有些标记也可以单个出现，标记符不区配对出现，有些标记也可以单个出现，标记符不区分大小写。分大小写。24HTML(续续)n文档基本格式：文档基本格式：HTML文档的主体部分文档的主体部分 25HTML(续续)n中可以包含一个或多个属性，各属性之间必须用空中可以包含一个或多个属性，各属性之间必须用空格

17、隔开，设置属性能使页面产生不同的效果。格隔开，设置属性能使页面产生不同的效果。n一般格式为：一般格式为：例如：26常用常用HTML标记符及其功能标记符及其功能n：首部标记符，不包含网页：首部标记符，不包含网页的内容，仅提供一些与网页相关的信息。的内容，仅提供一些与网页相关的信息。n：主体标记符，包含网页内：主体标记符，包含网页内的所有内容，如文字、图片及超链接等。的所有内容，如文字、图片及超链接等。n：设置网页的标题，一般在浏：设置网页的标题，一般在浏览器的顶部标题栏中显示。览器的顶部标题栏中显示。n：控制字符的样式，：控制字符的样式，size是它是它的一个常用属性，用来控制字符大小。的一个常

18、用属性，用来控制字符大小。27常用常用HTML标记符及其功能标记符及其功能(续续)n：插入图片，常用：插入图片，常用alt属性设置图片简单文属性设置图片简单文字说明，用字说明，用src属性指明图片所在位置。属性指明图片所在位置。n：定义一个超链接，用：定义一个超链接，用href属性可属性可创建多种形式的超链接。创建多种形式的超链接。n：换行并绘制一条水平直线，直线的上下两：换行并绘制一条水平直线，直线的上下两端都会留出一定的空白。端都会留出一定的空白。n：定义一个块，块内可以有文本、：定义一个块，块内可以有文本、图像等，目的是为了控制该块的样式。图像等，目的是为了控制该块的样式。28常用常用H

19、TML标记符及其功能标记符及其功能(续续)n：强行中断当前行，多个：强行中断当前行，多个标记可以创建多个空标记可以创建多个空行。行。n：在网页中分段，遇到：在网页中分段，遇到另起一个新的另起一个新的段落。段落。n：注释标记，注释之间的内容不在浏览器中显示：注释标记，注释之间的内容不在浏览器中显示：将内容居中。：将内容居中。n：定义一个有序列表，列表项的条目用标记：定义一个有序列表，列表项的条目用标记符符li创建，创建，ol中可包含一个或多个中可包含一个或多个li标记。标记。n：定义一个无序列表，列表项的条目用标：定义一个无序列表，列表项的条目用标记符记符li创建，创建，ul中可包含一个或多个中

20、可包含一个或多个li标记。标记。29常用常用HTML标记符及其功能标记符及其功能(续续)n：创建一个表格。：创建一个表格。n：开始表格中的每一行。：开始表格中的每一行。n：开始一行中的每一个单元：开始一行中的每一个单元格。格。n：设置表格头。：设置表格头。30常用常用HTML标记符及其功能标记符及其功能(续续)n：插入图片，常用：插入图片，常用alt属性设置图片简单文属性设置图片简单文字说明，用字说明，用src属性指明图片所在位置。属性指明图片所在位置。n：定义一个超链接，用：定义一个超链接，用href属性可属性可创建多种形式的超链接。创建多种形式的超链接。n：换行并绘制一条水平直线，直线的上

21、下两：换行并绘制一条水平直线，直线的上下两端都会留出一定的空白。端都会留出一定的空白。n：定义一个块，块内可以有文本、：定义一个块，块内可以有文本、图像等，目的是为了控制该块的样式。图像等，目的是为了控制该块的样式。31CSSn随着Internet的迅猛发展，HTML被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用Table来排版，用空白的图片表示白色的空间等。直到CSS出现。nCSS（Cascading Style

22、Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。32CSS（续）（续）n通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。n将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。33CSS（续）（续）nCSS按其位置可以分成三种：n内嵌样式(Inline Style)n内部样式表(Internal Style Sheet)n外部样式表(External

23、 Style Sheet)34内嵌样式内嵌样式(Inline Style)nInline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。n例：这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体，字体颜色是红色。这段文字没有使用内嵌样式。35内部样式表内部样式表(Internal Style Sheet)n内部样式表是写在HTML的里面的。内部样式表只对所在的网页有效。n例：H1.mylayout border-width:1;border:solid;text-align:center;color:red 这个标题使用了Style。这个标题没有使用Style

24、。36外部样式表外部样式表(External Style Sheet)n如果很多网页需要用到同样的样式(Styles)，用什么方法呢？n将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。37外部样式表外部样式表(续续)n比如可以用文本编辑器建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容如下：H1.mylayout border-width:1;border:solid;text-align:center;color:red n网页代码如下：这个标题使用了Style。这个标题没有使用Sty

25、le。38外部样式表（续）外部样式表（续）n使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：n样式代码可以复用。一个外部样式代码可以复用。一个外部CSS文件，可以被很多网文件，可以被很多网页共用。页共用。n便于修改。如果要修改样式，只需要修改便于修改。如果要修改样式，只需要修改CSS文件，而文件，而不需要修改每个网页。不需要修改每个网页。n提高网页显示的速度。如果样式写在网页里，会降低网提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个页显示的速度，如果网页引用一个CSS文件，这个文件，这个CSS文件多半已经在

26、缓存区文件多半已经在缓存区(其它网页早已经引用过它其它网页早已经引用过它)，网，网页显示的速度就比较快。页显示的速度就比较快。39串联串联(Cascading)nCSS第一个字母，是Cascading，意为串联。它是指不同来源的样式(Styles)可以合在一起，形成一种样式。nCascading的顺序是：n浏览器缺省(browser default)(优先级最低)n外部样式表(Extenal Style Sheet)n内部样式表(Internal Style Sheet)n内嵌样式表(Inline Style)(优先级最高)n例如：假设内嵌(Inline)样式中有font-size:30pt,

27、而内部(Internal)样式中有font-size:12pt，那么内嵌(Inline)式样式就会覆盖内部(Internal)样式40XMLn可扩展标记语言（可扩展标记语言（Extensible Markup Language,XML）是）是W3C组织于组织于1998年年2月发月发布的标准。布的标准。nXML不是要替换不是要替换HTML，可以视作对，可以视作对HTML的补充。的补充。nXML是用来存储数据的，重在数据本身。而是用来存储数据的，重在数据本身。而HTML是用来定义数据的，重在数据的显示模式。是用来定义数据的，重在数据的显示模式。41XML语法简述语法简述1.任何的起始标签都必须有一

28、个结束标签。任何的起始标签都必须有一个结束标签。2.可以采用另一种简化语法，可以在一个标签中同时表示起可以采用另一种简化语法，可以在一个标签中同时表示起始和结束标签。这种语法是在大于符号之前紧跟一个斜线始和结束标签。这种语法是在大于符号之前紧跟一个斜线（/），例如），例如。XML解析器会将其翻译成解析器会将其翻译成。3.标签必须按合适的顺序进行嵌套，所以结束标签必须按标签必须按合适的顺序进行嵌套，所以结束标签必须按镜镜像像顺序匹配起始标签。这好比是将起始和结束标签看作是顺序匹配起始标签。这好比是将起始和结束标签看作是数学中的左右括号：在没有关闭所有的内部括号之前，是数学中的左右括号：在没有关闭

29、所有的内部括号之前，是不能关闭外面的括号的。不能关闭外面的括号的。4.所有的特性都必须有值。所有的特性都必须有值。5.所有的特性都必须在值的周围加上双引号。所有的特性都必须在值的周围加上双引号。42XHTMLn可扩展超文本标记语言（可扩展超文本标记语言（eXtensible HyperText Markup Language，XHTML），是一种标记语），是一种标记语言，表现方式与超文本标记语言（言，表现方式与超文本标记语言（HTML）类似，）类似，不过语法上更加严格。不过语法上更加严格。n从继承关系上讲，从继承关系上讲，HTML是一种基于是一种基于标准通用标记标准通用标记语言语言（SGML）

30、的应用，是一种非常灵活的置标语）的应用，是一种非常灵活的置标语言，而言，而XHTML则基于则基于可扩展标记可扩展标记（XML）。）。43XHTML与与HTML的区别的区别nXHTML元素必须被正确地嵌套；元素必须被正确地嵌套；HTML可以使用不正确的可以使用不正确的嵌套形式嵌套形式。nXHTML标签名必须用小写字母；标签名必须用小写字母；HTML是不区分大小写，是不区分大小写，元素和属性名称可以是大写、小写或是混合书写。元素和属性名称可以是大写、小写或是混合书写。nXHTML中要求所有的属性值都必须加引号，即使是数字也中要求所有的属性值都必须加引号，即使是数字也需要加引号；需要加引号；HTML

31、中的引用使用比较随意，属性值可以中的引用使用比较随意，属性值可以用引号引起来，也可以不使用引号。用引号引起来，也可以不使用引号。44XHTML与与HTML的区别（续）的区别（续）nXHTML中所有元素必须有结束标记；在中所有元素必须有结束标记；在HTML中，有些标记可以省略结束标记中，有些标记可以省略结束标记。nHTML中，每个元素既可以定义中，每个元素既可以定义name属性，属性，也可以定义也可以定义 id属性；在属性；在XHTML中，每一个中，每一个元素只能有一个标识属性，即元素只能有一个标识属性，即id属性。属性。45WEB服务器服务器nWEB服务器是一个软件，用于管理服务器是一个软件，用于管理WEB网页。网页。nWEB服务器有很多种类：服务器有很多种类：IIS，Apache，Iplanet的的Enterprise服务器、服务器、WEB Matrix等。等。46