Web应用基础课件

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代码完全确定了网页的具体内容；无论谁或何时访问页面，静态WEB页面的内容和外观总是保持不变

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

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

5、X浏览器端技术CGIISAPIASPPHP服务器端技术JSPASP.NETOracleSql ServerDB2客户端技术JavaWindowsWeb ServiceJavaBeanJ2EE/EJBDLL数据库技术HTTPSOAP调用数据访问调用HTTPX M LWeb应用开发技术体系ASP.NET的历史ASP（Active Server Pages），是Microsfot公司2019年11月推出的WEB应用程序开发技术，它既不是一种程序语言，也不是一种开发工具，而是一种技术框架。因其简单的语法和嵌入HTML的编辑方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的

6、霸主，在当时地位难以动摇。此外，它可通过ActiveX等组件技术实现更强大的功能，如使用ADO可以轻松地访问数据库。ASP.NET的历史（续）随着PHP，JSP技术的发展，ASP的王者地位受到了严峻的挑战。 JSP的技术在执行效率，安全行等特性上已经完全超过了ASP，同时还具有ASP所无法比拟的跨平台性，在Windows，Linux和Unix等操作系统上都能运行。使越来越多的人开始选择它，ASP技术面临前所未有的危机。ASP.NET的历史（续）在互联网技术飞速发展的情况下，Microsoft公司发布了其宏伟的”Windows.NET“计划，发布了成为在下代网络服务框架的NGWS，同时将其ASP

7、技术升级为ASP+。2000年11月，Microsoft公司推出Visual Studio.NET7.0开发工具的Beta版本，将NGWS更名为.NET Framework，此时ASP+也正式该名为现在的ASP.NET，版本为1.0。ASP.NET的历史（续）2019年微软发布了Visual Studio .NET 2019及后继发布的VS2019支持的都是ASP.NET 1.x版本。1.x版本虽然取得了很大的成功，但是微软失去了简单性这一重要目标。ASP.NET的历史（续）与VS2019一起发布了.NET Framework2.0版本，在各个方面对 ASP.NET 都进行了显著增强：生产效率

8、，据说可以减少70%的代码；灵活性和可扩展性，轻松地将自定义功能集成到应用程序中性能，使用诸如预编译、可配置的缓存和 SQL 缓存失效等功能，可以优化 Web 应用程序的性能，安全性，向 Web 应用程序添加身份验证和授权比以往任何时候都简单宿主。ASP.NET 中包含的新增功能使得管理宿主环境变得更加简单。完整性。新增功能和现有功能协同工作。ASP.NET的历史（续）与VS2019一起发布的.NET Framework 3.5 版 针对 ASP.NET 中的特定方面提供了增强功能。提供了新的服务器控件、类型和客户端脚本库，通过这些新增功能，可以开发 AJAX 样式的 Web 应用程序扩展了基

9、于服务器的 Forms 身份验证、角色管理和配置文件服务，作为 Web 服务供基于 Web 的应用程序使用。提供了一个新的 ListView 数据控件，该控件可用于显示数据，还可提供具有高度可自定义性的用户界面。提供了一个新的 LinqDataSource 控件，该控件通过 ASP.NET 数据源控件结构公开语言集成查询 (LINQ)。提供了一个新的合并工具 (Aspnet_merge.exe)，可用于合并预编译程序集，以灵活的方式实现部署和发布管理。1.2 Web应用的相关技术 HTML XHTML 可扩展标记语言XML Web服务器 1.2.1 HTMLHTML是一种用来制作超文本文档的简

10、单标记语言。 HTML文档的内容一般都位于和之间，分为首部和主体两个部分。文档中的命令一般采用和的形式配对出现，有些标记也可以单个出现，标记符不区分大小写。 文档基本格式： HTML文档的主体部分 HTML（续）中可以包含一个或多个属性，各属性之间必须用空格隔开，设置属性能使页面产生不同的效果。一般格式为：例如：常用HTML标记符及其功能 ：首部标记符，不包含网页的内容，仅提供一些与网页相关的信息。：主体标记符，包含网页内的所有内容，如文字、图片及超链接等。：设置网页的标题，一般在浏览器的顶部标题栏中显示。：控制字符的样式，size是它的一个常用属性，用来控制字符大小。常用HTML标记符及其功

11、能（续）：插入图片，常用alt属性设置图片简单文字说明，用src属性指明图片所在位置。：定义一个超链接，用href属性可创建多种形式的超链接。：换行并绘制一条水平直线，直线的上下两端都会留出一定的空白。：定义一个块，块内可以有文本、图像等，目的是为了控制该块的样式。常用HTML标记符及其功能（续）：强行中断当前行，多个标记可以创建多个空行。：在网页中分段，遇到另起一个新的段落。：注释标记，注释之间的内容不在浏览器中显示：将内容居中。：定义一个有序列表，列表项的条目用标记符li创建，ol中可包含一个或多个li标记。：定义一个无序列表，列表项的条目用标记符li创建，ul中可包含一个或多个li标记。

12、常用HTML标记符及其功能（续） ：创建一个表格。：开始表格中的每一行。：开始一行中的每一个单元格。：设置表格头HTML示例【例1-1】HTML的基本语法示例。参见示例第01章例1-11_1.htmHTMLXHTML 文档标题 HTML文档的主体部分 文档标题XHTML文档的主体部分1.2.2 XHTMLXHTML与HTML的区别XHTML元素必须被正确地嵌套；HTML可以使用不正确的嵌套形式 。XHTML标签名必须用小写字母；HTML是不区分大小写，元素和属性名称可以是大写、小写或是混合书写。XHTML中要求所有的属性值都必须加引号，即使是数字也需要加引号；HTML中的引用使用比较随意，属性

13、值可以用引号引起来，也可以不使用引号。 XHTML中所有元素必须有结束标记；在HTML中，有些标记可以省略结束标记 。HTML中，每个元素既可以定义name属性，也可以定义 id属性；在XHTML中，每一个元素只能有一个标识属性，即id属性。XHTML示例【例1-2】XHTML基本语法示例。 使用XHTML完成例1-2的功能。参见示例第01章例1-2Default.aspx1.2.3 可扩展标记语言XML 可扩展标记语言（Extensible Markup Language, XML）是W3C组织于2019年2月发布的标准。XML不是要替换HTML，可以视作对HTML的补充。HTML的设计目标

14、是显示数据并集中于数据外观，而XML的设计目标是描述数据并集中于数据的内容。 XML与HTML的比较HTML文档：网页内容标题正常文字粗体文字 XML文档 ：网页内容标题正常文字粗体文字 【例1-3】XML与HTML的比较。 参见示例第01章例1-31_3.htm参见示例第01章例1-31_3.xmlXML示例【例1.4】创建一个用于保存学生信息的XML文档。 【例1.5】在浏览器中显示XML中的学生信息。参见示例第01章例1-4student.xml参见示例第01章例1-5student.xml和student.xsl1.2.4 WEB服务器WEB服务器是一个软件，用于管理WEB网页。WEB

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

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

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

18、必须将其放置在虚拟目录下方可运行。如果用户将网页程序文件放置在wwwroot目录下，则可直接在浏览器的地址栏中输入 “ localhost/XXX ” ，然后按Enter键运行该文件，这里的XXX是你所创建的网页文件名。虚拟目录的设置方法虚拟目录的设置有以下两种方法：通过Internet信息服务管理器设置直接设置文件夹的属性1. 通过Internet服务管理器设置虚拟目录右击【默认Web站点】，选择【新建】【虚拟目录】命令。系统将弹出【虚拟目录创建向导】对话框，单击【下一步】按钮系统将要求输入虚拟目录别名，这里输入“MyWeb”。这里的虚拟目录别名，将作为浏览器地址栏中服务器IP地址或服务器名称后的文件夹显示，此别名将对应硬盘上实际存在的一个文件夹。单击【下一步】按钮，系统将要求设置Web站点内容目录，即虚拟目录所对应的实际目录单击【下一步】按钮，系统将要求设置虚拟目录的访问权限，其中包括读取、运行脚本、执行、写入和浏览等权限。保持默认设置，单击【下一步】按钮，即可完成虚拟目录的设置。2. 通过文件夹直接设置虚拟目录选择要设置成