同济大学Web技术与应用课堂PPT.ppt

第一章概述,Web技术与应用,课程目的和要求,能够使用ASP.NET技术开发网站1.掌握静态网页的基本设计和开发技术。2.掌握动态网页的基本设计和开发技术。WEB服务器控件内部对象ASP.NET数据访问技术：ADO.NET文件和文件夹的操作3.期中开始布置大作业，要求学生自由组成团队，进行项目的合作开发，对要求评优的学生进行答辩，培养学生的动手实践能力和团队合作能力。4.成绩评定期中10%+平时10%+期末40%+大作业40%,3,学习方法,多写代码、多看案例掌握上课演示的示例代码独立完成上机实验，熟悉编程规范，掌握编程技巧通过课后练习巩固所学的知识，不断更新通过项目大作业达到学以致用的目的结合专业和兴趣，发挥团队力量，协同互助,合作完成ASP.NET项目大作业,4,本章内容,万维网Web文档ASP.NET,5,概述,WorldWideWeb，简称WWW，译名万维网或全球信息网。信息资源以页面（网页/Web页）的形式存储在服务器（Web站点）上，这些信息采用超文本/超媒体方式进行组织，通过超链接将一页信息接到另一页信息，页面到页面的链接信息由统一资源定位符URL进行维持。这样通过链接的方法能非常方便地从Internet上的一个Web站点访问另一个Web站点，从而主动地按需获取丰富的信息。,6,客户/服务器结构（Client/Server）,万维网分成Web服务器（服务器端）、Web浏览器（客户端）以及传输协议（HTTP协议）三个部分。用户通过Web客户端应用程序（即浏览器）向Web服务器发出请求，请求通过HTTP协议送到Web服务器；Web服务器根据Web客户端的请求将保存在Web服务器中的某个页面通过HTTP协议返回给Web客户端；浏览器接收到页面后对其进行解释，最终将图、文、声并茂的画面呈现给用户。,7,WEB的工作过程,本章内容,8之2,URL(UniformResourceLocator):统一资源定位器，以统一方式唯一确定某个网络资源：/(访问方法)(资源在何处)访问方法:/主机地址/路径名/文件名,8,Web服务器,Web服务器可以分布在Internet的任意位置，每个Web服务器都保存着可以被Web浏览器共享的信息，这些信息通常以页面（Web页面）的方式进行组织，页面一般是超文本/超媒体文档，页面间通过超链接建立连接。Web服务器应实现HTTP协议功能，接收和处理浏览器的请求。,本章内容,8之6,9,Web服务器,提供用户请求的HTML静态的页面处理浏览器的请求的动态页面,Web浏览器和Web服务器交互过程,10,HTTP协议,HTTP（HyperTextTransferProtocol）协议是Web浏览器和Web服务器交互时要遵循的协议，它定义了Web浏览器和Web服务器的通信规则；HTTP协议最初被设计用来在Web浏览器和Web服务器之间传递HTML文档，但现在还可以用来传输其他类型的文件（包括文本、声音、图像等）；HTTP协议需要运输层协议TCP的支持，80端口是Web服务器的默认服务端口；,本章内容,8之8,11,HTTP协议特点,无状态的第一次请求完成后，服务器不会记住客户的状态，第二次请求时，服务器需要重新读取客户的信息基于请求和应答的模式浏览器向服务器发送请求服务器根据浏览器的请求作出不同的应答,12,Web文档,13,静态Web文档,14,什么是静态Web文档？,静态Web文档是固定内容的文档，它由服务器创建，并存储在服务器中，客户只能得到文档的一个副本。,15,HTML,超文本标记语言HTML(HyperTextMarkupLanguage)是一种制作Web文档的标准语言，是一种描述了如何格式化文档的标记语言。HTML将各种标签（用于排版的命令）嵌入到万维网的页面中，这样就构成了所谓的HTML文档。HTML文档是一种可以用任何文本编辑器创建的、以.html或.htm为后缀的ASCII码文件。当浏览器从服务器读取HTML文档后，就按照HTML文档中的各种标签，根据浏览器所使用显示器的尺寸和分辨率大小，重新进行排版并恢复出所读取的页面。,7之1,16,HTML文档结构（附录E）,一个HTML的例子HTML很容易掌握这是第一个段落。虽然很短，但它仍是一个段落。这是第二个段落。,首部,主体,HTML文档,17,解释,每个HTML文档由两个主要元素组成：首部（head）和主体（body）。首部包含文档的标题（title），以及系统用来标识文档的一些其他信息。文档的主体是HTML文档的最主要的部分，往往又由若干更小的元素组成，如段落（paragraph）、表格（table）、和列表（list）等。,18,HTML标签,HTML用一对标签（即一个开始标签和一个结束标签）或几对标签来标识一个元素。开始标签由一个小于字符“”组成。结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“/”。标签名并不区分大写和小写。有一些标签可以将结束标签省略。,19,HTML网页示例,我的第一个网页！欢迎光临我的网页与我联系用户名,20,一些常用的HTML标签（附录E）简单易学,21,HTML的缺点,HTML缺乏可扩展能力静态的、有限的标签集（HTML4.0仅定义了90多种标签）无法满足日益增长的数据描述要求。HTML只能描述数据的显示样式HTML数据的可重用性差HTML缺乏表达数据语义的能力在电子数据交换（EDI）、查询数据库中的数据等诸多方面存在极大的不足。,22,XML和XSL,为实现可扩展性和结构化，W3C开发出两种新的语言：XML(eXtensibleMarkupLanguage，可扩展标记语言)：用一种结构化的方式来描述Web内容。XSL(eXtensibleStyleLanguage，扩展样式表语言)：以一种独立于内容的方式来描述格式。XSL=XML样式表,23,例:XML格式的Web页面（book_list.xml）,24,例:格式化后的页面,25,XML的应用,描述Web页面扩展性强作为元标记语言，可以创建自定义元素以满足实际应用的需要，允许不同的行业开发与自己行业相关的标记语言各种实例标记语言标准。结构化强可以创建标准化而且有效的文件。作为Web数据的标准交换语言XML由于其能很好地表达标记的含义及其采用Unicode字符集等特性，利于在不同系统上进行信息交流。,26,XHTML,XHTML(EXtensibleHyperTextMarkupLanguage，可扩展超文本标签语言)的目标是替代HTML可扩展超文本标记语言是一个基于可扩展标识语言的标记语言，它结合了XML的强大功能及HTML的简单特性，是一种增强了的HTML；XHTML是一种更为严谨和清洁的HTML；所有的最新版本的浏览器都支持XHTML。XHTML1.0于2000年1月26日成为W3C的标准，所有新的浏览器都支持XHTML。,27,XHTML文档结构,网页标题,XHTML与HTML区别,XHTML文档中第一句是文档类型声明，用于指定网页的语法规则。标记中用xmlns属性指定了xml的命名空间。HTML不区分大小写，XHTML区分大小写。XHTML的标记名和属性名都要小写，属性值必须加引号。XHTML标记必须正确嵌套，且所有标记必须关闭,28,XHTML使用了更加严谨的语法之一,XHTML元素必须被严格地嵌套错误的代码Thistextisboldanditalic正确的代码Thistextisboldanditalic非空的XHTML元素必须有结束标签错误的代码ThisisaparagraphThisisanotherparagraph正确的代码ThisisaparagraphThisisanotherparagraph,29,XHTML使用了更加严谨的语法之二,空的XHTML元素必须以“/”（“/”前必须有一个空格）结束错误的代码Abreak:Ahorizontalrule:Animage:正确的代码Abreak:Ahorizontalrule:Animage:,30,XHTML使用了更加严谨的语法之三,XHTML元素标签必须使用小写字母错误的代码Thisisaparagraph正确的代码ThisisaparagraphXHTML文档必须有根元素,如:.,31,参考资料,参考资料：,32,动态Web文档,33,什么是动态Web文档？,动态Web文档Web文档本章内容,静态Web文档是指该文档创作完毕后就存放在万维网服务器中，在被用户浏览的过程中，内容不会改变。动态Web文档是指文档的内容是在浏览器访问万维网服务器时才由应用程序动态生成。内容的生成既可以发生在服务器端，也可以发生在客户端。静态Web文档是文档（document），无需生成；而动态Web文档是程序（program），程序需先生成文档。,34,服务器端动态Web页面,服务器端动态页面简单讲是指服务器执行相关代码才能返回的页面，比如ASP页面、ASPX页面动态内容能够为单个用户的每次访问量身定制的内容动态网页允许双向的交流,35,表单（form）,动态Web文档Web文档本章内容,从HTML2.0开始就增加了“表单”项目，表单用来把用户数据从浏览器传递给万维网服务器。表单在浏览器的屏幕出现时，就有一些方框和按钮，可供用户选择和点取。有的方框可让用户输入数据。在创建动态文档时，表单和CGI程序经常配合使用。,6之2,36,例:一个定单的HTML源文件,37,例:格式化后的页面,动态Web文档Web文档本章内容,6之4,38,服务器端动态内容的生成技术,CGI(CommonGatewayInterface)脚本服务器端的一个标准化接口，允许Web服务器与后端程序及脚本（C、C+、Perl、Python脚本语言编写）进行通信，这些后端程序及脚本能够接受输入信息，并生成HTML页面进行响应。内嵌脚本在HTML页面中嵌入少量的脚本（可由不同的脚本语言编写），然后让服务器来执行这些脚本以便生成最终发送给客户的页面。PHP(HypertextPreprocessor)采用PHP脚本语言编写内嵌脚本。JSP(JavaServerPage)采用Java语言编写内嵌脚本。ASP(ActiveServerPage)/ASP.NET采用VisualBasicScript/VB.NET脚本语言编写内嵌脚本。,39,客户端动态内容的生成技术,客户端动态网页一般使用脚本来实现：JavaScript+CSS实现动态网页JavaScript是一种全功能的程序设计语言，具有C/Java的所有能力，而且还包括大量的专为针对Web页面的功能。Sun的JavaAppletApplet是指已经被编译成JVM机器指令的Java小程序，它可以被嵌入到HTML页面中，并被具有JVM能力的浏览器解释执行。微软的ActiveXActiveX是指已经被编译成Pentium机器指令的程序，它们可以直接在硬件上执行。MicroMediaFlash技术,40,例:使用JavaScript来处理表单,41,ASP.NET,本章内容,42,ASP.NET的历史,ASP.NET本章内容,ASP的第一个版本是0.9测试版，它给Web开发带来一阵暴风。最终出场的是ActiveServerPage1.01998年，微软公司又发布了ASP2.0，主要区别是外部的组件需要实例化。Windows2000的推出，IIS5.0附带了ASP3.0，COM+组件服务给组件提供了一个更好的执行环境。微软公司推出了ASP.NET，ASP.NET又叫ASP+，它不是ASP的简单升级，而是.NETFramework的一部分。目前最新版本的ASP.NET4.0以及.NETFramework4.0已经在VS2010平台内应用。,5之1,43,.NETFramework,公共语言运行库（CLR）是.NET框架的运行环境，它负责运行和维护大家编写的任何程序代码。.NET框架类库是一个庞大的类函数库，只要支持.NET框架的程序语言都可以使用类函数库的类和方法。将多个提供相似功能的类组成在逻辑上相关的一些单元，即名称空间。,ASP.NET本章内容,5之2,44,.NET程序执行模型,ASP.NET本章内容,VB.NET,源代码,Compiler,C+,C#,Compiler,Compiler,AssemblyILCode,AssemblyILCode,AssemblyILCode,操作系统服务,公共语言运行时,即时编译器JITCompiler,二进制代码,Managedcode,UnmanagedComponent,5之3,J#,45,ASP.NET的应用,ASP.NET本章内容,ASP.NET是.NET框架中专门用来开发网上应用程序的，它其实不是一种语言，而更像一个框架，在这个框架中可以采用VB.NET、C#等其它.NET语言开发网上程序。利用ASP.NET可以方便地开发目前网上流行的聊天室、留言板、BBS论坛、电子商务、网上教育、网上社区、网上办公系统等应用程序。,5之4,46,ASP.NET的功能和特点,ASP.NET本章内容,顶级开发工具支持ASP.NET可以在VisualStudio.NET中开发，支持所见即所得、拖放控件和自动部署等功能。可以使开发效率大大提高。采用编译后运行的方式。程序结构清晰ASP.NET支持页面与代码的分离，可以将程序代码和HTML标记分开，使得程序结构更清晰。简单性和易用性ASP.NET可以很简单地完成一些常用任务，例如：客户端的身份验证、网站配置等。强大的功能和适应性ASP.NET支持事件编程,5之5,47,ASP.NET的运行环境,软件环境操作系统：Windows2000系列及以上版本；服务器端软件：IIS5.0+.NETFramework2.0；客户端软件：IE5.0及以上版本。硬件环境对运行ASP.NET的计算机而言，硬盘及内存越大越好，其中内存最好在256M以上。,48,案例1:IIS的安装概念,IIS是Microsoft提供的一种Web服务组件，包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器等。IIS通过使用超文本传输协议HTTP传输信息。如果操作系统平台是Windows的Server版本，则已默认安装了IIS。,49,案例1:IIS的安装安装,通过控制面板中的“添加/删除程序”，选择“添加/删除Windows组件”，选定“Internet信息服务(IIS)”，进行安装。,50,案例1:IIS的安装配置,当IIS安装完成后，系统创建一个Web服务器，其提供的Web站点位于：c:Inetpubwwwroot中，默认的IP地址为：，域名为：Localhost。为了使服务器能在最优的环境下运行，需要对IIS进行配置：“控制面板管理工具Internet服务管理器”命令。,51,案例1:IIS的配置设置主目录,1.选择,3.填入,2.选择,52,案例1:IIS的配置设置网站IP地址,1.选择,2.填入,3.端口号,53,案例1:IIS的配置建立虚拟目录,1.选择,2.使用向导,3.填入别名,4.选择目录,5.设置权限,6.完成,54,案例1:IIS的配置设置默认文档,什么是默认文档？应用程序的默认首页。如何设置默认文档？在IIS中打开虚拟目录的属性对话框，在“文档”标签中进行设置：添加index.aspx、default.aspx等默认文档，并调整顺序后确定即可。,55,案例2:安装.NETFramework,可从,56,创建ASP.NET页面,ASP.NET本章内容,57,新建一个简单的ASP.NET文件,1-1.aspx,58,代码说明,ASP.NET文件的扩展名一般为.aspx，一般由程序代码和HTML代码两部分组成。程序代码（表示使用的语言是VB.NET，可以省略）HTML代码就是普通的HTML标签，ASP.NET增加了一些特殊的标签，称为服务器控件。,59,保存ASP.NET文件,创建ASP.NET页面ASP.NET本章内容,保存到c:inetpubwwwrootchapter11-1.aspx。,7之3,60,浏览ASP.NET文件,创建ASP.NET页面ASP.NET本章内容,在浏览器地址栏中输入：http:/localhost/,7之4,61,浏览ASP.NET文件的多种方法,创建ASP.NET页面ASP.NET本章内容,多种方式http:/localhost/,7之5,62,注意：,如果不在c:inetpubwwwroot下保存文件1-1.aspx，而是保存在其他文件夹下，例如：d:test1-1.aspx，此时在浏览之前必须先按照前面介绍的步骤为文件夹设置虚拟目录，假设虚拟目录名为test(也可以和文件夹不同名)，在浏览时应键入：http:/localhost/test/1-1.aspx,63,总结,创建ASP.NET页面ASP.NET本章内容,示例内容在页面上显示欢迎信息。建立过程新建保存浏览示例目的掌握新建ASP.NET文件的整个过程；这里不要太在意语法。,7之7,64,VisualStudio.NET2005界面,创建ASP.NET页面ASP.NET本章内容,6之1,65,创建新网站文件新建网站,创建ASP.NET页面ASP.NET本章内容,1,2,3,6之2,66,“网站”/“添加新项”,67,ASP.NET页面模型,ASP.NET提供两个用于管理可视元素和代码的模型：单文件页模型：单文件页模型的标记和代码位于同一个.aspx文件，其中编程代码位于script块中，该块包含runat=server属性。代码隐藏页模型：代码隐藏页模型的标记位于一个.aspx文件，而编程代码则位于另一个.aspx.vb文件（使用VB.NET编程语言时）。单文件页模型和代码隐藏页模型的功能与性能相同。当页面和代码的编写分工不同时，适合于采用代码隐藏页模型；其他情况则采用单文件页模型。,68,单文件页模型（t-1-1d.aspx）,显示界面代码和逻辑处理代码（事件、函数处理等）都放在同一个.as