第1章Web应用基础.ppt

《第1章Web应用基础.ppt》由会员分享，可在线阅读，更多相关《第1章Web应用基础.ppt（65页珍藏版）》请在三一文库上搜索。

1、第1章 Web应用基础,内容,Web应用概述 Web应用相关技术,1.1 Web应用概述,B/S与C/S架构模式 Web应用相关技术的发展,1.1.1 B/S与C/S架构模式,在企业级应用软件中，若按系统部署的体系结构来分，往往可将其分为B/S（Browser/Server）和C/S(Client/Server)两种架构模式。 C/S架构是指通过在客户端安装一个软件，通过该软件访问服务端资源的一种结构体系。 B/S模式是指通过在服务端安装一些应用程序，在客户端只要通过浏览器访问服务器，就可以查看相关内容。 Web应用就是指在B/S架构体系下的应用软件系统 。,1.1.2 Web应用相关技术发展

2、,从技术层面看，Web技术核心有三点： 超文本传输（HTTP）协议，实现万维网的信息传输； 统一资源定位符（URL），实现互联网信息的定位统一标识； 超文本标记语言（HTML），实现信息的表示与存储,Web应用相关技术发展（续）,静态网页 ： HTML的诞生 客户端动态Web页面 服务器端动态Web页面,静态WEB网页,是用HTML书写的一种特殊类型的文件。 HTML是超文本标记语言(Hypertext Markup Language) 浏览器解释执行HTML代码 ，并显示相应的页面,如何辩别静态网页？ 编写WEB页面时已经用HTML代码完全确定了网页的具体内容； 无论谁或何时访问页面，静态W

3、EB页面的内容和外观总是保持不变。,静态Web页面的工作原理,1、作者编写HTML,2、客户请求Web页面,3、Web服务器定位HTML文件,4、HTML流返回到浏览器,5、浏览器处理HTML流并显示页面,静态Web页面的局限性,是否实时显示时间？ 是否能针对不同用户定制Web页面？ 能否阻止其他人复制自己的HTML代码？ ,客户端动态WEB页面,动态地改变网页的内容，为不同用户提供个性化的服务。,客户端的动态Web页面工作原理,Web服务器,客户机,1、作者编写的网页文件,2、客户请求网页,3、Web服务器定位HTML文件和指令文件,4、HTML和指令被返回到浏览器,5、浏览器处理指令并将指

4、令转换为HTML,6、浏览器处理HTML流并显示页面,客户端的动态Web页面特点,采用脚本语言编程，在网页加载后对HTML中的元素进行操作。 脚本语言：JavaScript 和 VBScript 通常用于客户端的验证或页面的动画效果 能减轻服务器负担，充分利用客户机资源,客户端编程的缺点,所有代码都要下载到客户端才能执行，因此网页打开慢； 需对不同浏览器进行测试 如需用到服务器资源（如数据库中的数据），无法实现 无法阻止其他人复制自己的代码,服务器端的动态Web页面工作原理,服务器端编程技术,能克服客户端编程的缺点 在静态Web页面的基础上，增加服务器端代码。 服务器端编程技术有： ASP、P

5、HP、JSP、CGI、ASP.NET,Web应用开发技术体系,ASP.NET的历史,ASP（Active Server Pages），是Microsfot公司1996年11月推出的WEB应用程序开发技术，它既不是一种程序语言，也不是一种开发工具，而是一种技术框架。因其简单的语法和嵌入HTML的编辑方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地位难以动摇。此外，它可通过ActiveX等组件技术实现更强大的功能，如使用ADO可以轻松地访问数据库。,ASP.NET的历史（续）,随着PHP，JSP技术的发展，ASP的王者地位受到了严峻的挑战。 JSP的技

6、术在执行效率，安全行等特性上已经完全超过了ASP，同时还具有ASP所无法比拟的跨平台性，在Windows，Linux和Unix等操作系统上都能运行。使越来越多的人开始选择它，ASP技术面临前所未有的危机。,ASP.NET的历史（续）,在互联网技术飞速发展的情况下，Microsoft公司发布了其宏伟的”Windows.NET“计划，发布了成为在下代网络服务框架的NGWS，同时将其ASP技术升级为ASP+。2000年11月，Microsoft公司推出Visual Studio.NET7.0开发工具的Beta版本，将NGWS更名为.NET Framework，此时ASP+也正式该名为现在的ASP.N

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

8、用程序添加身份验证和授权比以往任何时候都简单 宿主。ASP.NET 中包含的新增功能使得管理宿主环境变得更加简单。 完整性。新增功能和现有功能协同工作。,ASP.NET的历史（续）,与VS2008一起发布的.NET Framework 3.5 版 针对 ASP.NET 中的特定方面提供了增强功能。 提供了新的服务器控件、类型和客户端脚本库，通过这些新增功能，可以开发 AJAX 样式的 Web 应用程序 扩展了基于服务器的 Forms 身份验证、角色管理和配置文件服务，作为 Web 服务供基于 Web 的应用程序使用。 提供了一个新的 ListView 数据控件，该控件可用于显示数据，还可提供具

9、有高度可自定义性的用户界面。 提供了一个新的 LinqDataSource 控件，该控件通过 ASP.NET 数据源控件结构公开语言集成查询 (LINQ)。 提供了一个新的合并工具 (Aspnet_merge.exe)，可用于合并预编译程序集，以灵活的方式实现部署和发布管理。,1.2 Web应用的相关技术,HTML XHTML 可扩展标记语言XML Web服务器,1.2.1 HTML,HTML是一种用来制作超文本文档的简单标记语言。 HTML文档的内容一般都位于和之间，分为首部和主体两个部分。 文档中的命令一般采用和的形式配对出现，有些标记也可以单个出现，标记符不区分大小写。,文档基本格式：

10、HTML文档的主体部分 ,HTML（续）,中可以包含一个或多个属性，各属性之间必须用空格隔开，设置属性能使页面产生不同的效果。 一般格式为： 例如： ,常用HTML标记符及其功能,：首部标记符，不包含网页的内容，仅提供一些与网页相关的信息。 ：主体标记符，包含网页内的所有内容，如文字、图片及超链接等。 ：设置网页的标题，一般在浏览器的顶部标题栏中显示。 ：控制字符的样式，size是它的一个常用属性，用来控制字符大小。,常用HTML标记符及其功能（续）,：插入图片，常用alt属性设置图片简单文字说明，用src属性指明图片所在位置。 ：定义一个超链接，用href属性可创建多种形式的超链接。 ：换行

11、并绘制一条水平直线，直线的上下两端都会留出一定的空白。 ：定义一个块，块内可以有文本、图像等，目的是为了控制该块的样式。,常用HTML标记符及其功能（续）,：强行中断当前行，多个标记可以创建多个空行。 ：在网页中分段，遇到另起一个新的段落。 ：注释标记，注释之间的内容不在浏览器中显示：将内容居中。 ：定义一个有序列表，列表项的条目用标记符li创建，ol中可包含一个或多个li标记。 ：定义一个无序列表，列表项的条目用标记符li创建，ul中可包含一个或多个li标记。,常用HTML标记符及其功能（续）, ：创建一个表格。 ：开始表格中的每一行。 ：开始一行中的每一个单元格。 ：设置表格头,HTML示

12、例,【例1-1】HTML的基本语法示例。,参见示例第01章例1-11_1.htm,HTML,XHTML, 文档标题 HTML文档的主体部分 , 文档标题 XHTML文档的主体部分 ,1.2.2 XHTML,XHTML与HTML的区别,XHTML元素必须被正确地嵌套；HTML可以使用不正确的嵌套形式 。 XHTML标签名必须用小写字母；HTML是不区分大小写，元素和属性名称可以是大写、小写或是混合书写。 XHTML中要求所有的属性值都必须加引号，即使是数字也需要加引号；HTML中的引用使用比较随意，属性值可以用引号引起来，也可以不使用引号。,XHTML中所有元素必须有结束标记；在HTML中，有些

13、标记可以省略结束标记 。 HTML中，每个元素既可以定义name属性，也可以定义 id属性；在XHTML中，每一个元素只能有一个标识属性，即id属性。,XHTML示例,【例1-2】XHTML基本语法示例。 使用XHTML完成例1-2的功能。,参见示例第01章例1-2Default.aspx,1.2.3 可扩展标记语言XML,可扩展标记语言（Extensible Markup Language, XML）是W3C组织于1998年2月发布的标准。 XML不是要替换HTML，可以视作对HTML的补充。 HTML的设计目标是显示数据并集中于数据外观，而XML的设计目标是描述数据并集中于数据的内容。,X

14、ML与HTML的比较,HTML文档： 网页内容 标题 正常文字 粗体文字 ,XML文档 ： 网页内容 标题 正常文字 粗体文字 ,【例1-3】XML与HTML的比较。,参见示例第01章例1-31_3.htm,参见示例第01章例1-31_3.xml,XML示例,【例1.4】创建一个用于保存学生信息的XML文档。,【例1.5】在浏览器中显示XML中的学生信息。,参见示例第01章例1-4student.xml,参见示例第01章例1-5student.xml和student.xsl,1.2.4 WEB服务器,WEB服务器是一个软件，用于管理WEB网页。,WEB服务器有很多种类：IIS，Apache，I

15、planet的Enterprise服务器、WEB Matrix等。 IIS (Internet Information Services，Internet 信息服务)服务是微软公司主推的Web服务器，作为Windows Server中的一个服务，并不需要单独购买 。它与Windows捆绑在一起： IIS5.0与Windows2000； IIS5.1与Windows XP Professional ； IIS6.0与Windows 2003 Server。,IIS服务,支持的服务和协议 HTTP、FTP、SMTP等 CGI 、ASP 、ASP.NET 等,以安装IIS5.1为例,(1)打开【控制

16、面板】，单击【添加/删除程序】图标，在弹出的对话框中选择【添加/删除Windows组件】,(2) 选中【Internet 信息服务(IIS)】选项，单击【下一步】按钮，系统将开始安装IIS,(3) 安装过程中，系统将提示插入Windows 安装盘。将光盘放入光驱中，继续安装，安装完成后，将显示如图界面，单击【完成】按钮，即可完成IIS 的安装。,在安装完IIS后，可打开 Internet Explorer 浏览器 ，在地址栏中输入http:/localhost 或 http:/127.0.0.1 ，然后按Enter键，系统将弹出如图所示的两个窗口，此时说明IIS服务已经启动。,IIS默认安装内

17、容,IIS目录： C:WindowsSystem32InetSrv C:WindowsHelpIISHelp C:InetPub,用户帐号： IUSR_计算机名：客户端匿名访问帐号 IWAM_计算机名,IIS管理界面,Internet服务管理器(常用) 开始控制面板管理工具Internet信息服务 MMC 开始运行MMC文件添加删除管理单元 Internet信息服务,IIS管理界面图,如何运行网页,在安装完 IIS 后，系统将会在系统盘下自动创建 Inetpub 目录，在该目录下有一个文件夹名为 wwwroot ，这是系统默认的虚拟目录。 为了便于文件的管理 ，通常将网页文件放置在其他硬盘或目

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

19、这里输入“MyWeb”。这里的虚拟目录别名，将作为浏览器地址栏中服务器IP地址或服务器名称后的文件夹显示，此别名将对应硬盘上实际存在的一个文件夹。,单击【下一步】按钮，系统将要求设置Web站点内容目录，即虚拟目录所对应的实际目录,单击【下一步】按钮，系统将要求设置虚拟目录的访问权限，其中包括读取、运行脚本、执行、写入和浏览等权限。,保持默认设置，单击【下一步】按钮，即可完成虚拟目录的设置。,2. 通过文件夹直接设置虚拟目录,选择要设置成虚拟目录的文件夹，右击，选择【属性】，在打开的对话框切换到【Web共享】选项卡。,选择【共享这个文件夹】单选按钮，将弹出【编辑别名】对话框。,输入该文件夹所对应的虚拟目录的别名，设置该虚拟目录的访问权限，单击【确定】按钮，即可完成虚拟目录的设置。,设置完虚拟目录后，访问方式http:/localhost/虚拟目录名/网页文件名,演示和练习：在IIS中创建虚拟目录,多媒体演示,1.3 小结,Web应用概述 B/S和C/S架构模式 Web技术的发展 Web应用相关技术 HTML XHTML XML Web服务器,上机实训,详见本书第1章后实训1，请学生独立完成。,习题,详见本书第1章后习题部分，请学生独立完成。,本 章 结 束！,