(精品)第三篇Web编程.ppt
《(精品)第三篇Web编程.ppt》由会员分享,可在线阅读,更多相关《(精品)第三篇Web编程.ppt(84页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第三篇第三篇Web应用程序设计应用程序设计本章对应的是教材中的第三篇,包括本章对应的是教材中的第三篇,包括1315三章内容。三章内容。这三章分别介绍了这三章分别介绍了Web开发基础、开发基础、Web服服务器控件及一个开发实例。务器控件及一个开发实例。Web开发涉及一些基础性的东西,开发涉及一些基础性的东西,HTML、JavaScript、CSS等都应该有所了解,时间等都应该有所了解,时间原因我们就不详细讲解了。原因我们就不详细讲解了。课上将这些章整合为一章,因此内容与书课上将这些章整合为一章,因此内容与书上稍有变化。上稍有变化。本章主要内容本章主要内容Web开发基础开发基础IIS简介简介一个简
2、单的一个简单的ASP.NET程序演示程序演示例题代码的分析例题代码的分析Web控件与控件与HTML控件控件ASP.NET编程的一些重要问题编程的一些重要问题常用常用Web服务器控件服务器控件ASP.NET连接数据库及数据绑定与显示连接数据库及数据绑定与显示Web表单表单和和Web窗体窗体窗体和表单的英文单词都是窗体和表单的英文单词都是 Form一般一般HTML的的 Form 称为称为表单表单把把“Web表单表单”改为改为“Web窗体窗体”,与之,与之加以区分。加以区分。另外强调另外强调写写 ASP.NETWeb应用程序,应用程序,就像写就像写 Windows窗体程序一样简单方便,窗体程序一样简
3、单方便,程序员可以大致了解程序员可以大致了解 HTML即可进行开即可进行开发。发。1.Web开发基础开发基础WhatistheWorldWideWeb?WWW的概念的概念1989年由年由Berners-Lee提出。提出。WhatmakestheWebwork?Web依赖于以下机制:HypertextProtocolsUniversalResourceLocator(URL)Clientandservercomputers剖析一个剖析一个URLprotocolhostcomputerdirectorypathfilenameNote:NotallURLswillhavethedirectorya
4、ndfilenameWhat makestheWebwork?How theWebworks?2.浏览器解释用户浏览器解释用户的请求并向相应的的请求并向相应的服务器发出请求服务器发出请求3.服务器接受服务器接受并处理浏览器并处理浏览器的请求的请求4.服务器发送用户所需文件服务器发送用户所需文件并被浏览器解释并被浏览器解释1.用户发送用户发送请求请求5.浏览器显示用户所浏览器显示用户所需内容需内容BrowserClient-SideServer-SideHTML,XML,XHTMLCascadingStyleSheets(CSS)Scriptinglanguages-JavaScript,VBS
5、criptJavaAppletsActiveXcontrolsPlug-insandHelpersapplicationCGI/PerlPHPColdFusionScriptingLanguages-Server-sideJavaScript-ASP,JSP,JavaServletsAPIprogramsClient-side&Server-sideTechnologies静态网页静态网页早期的早期的WEB技术,技术,只能处理静态的只能处理静态的HTML网页。网页。客户机向客户机向WEB服务服务器请求一个网页,器请求一个网页,WEB服务器将服务器将HTML网页下载到网页下载到客户端,由客户端解
6、客户端,由客户端解释并运行这个网页释并运行这个网页WEB服务器服务器HTML网页客户机浏览器客户机浏览器请求请求下载下载HTTP网页网页HTML网页网页解释并运行解释并运行Internet用户端用户端服务器服务器静态网页静态网页1.开发语言:开发语言:HTML2.开发工具:开发工具:FrontPage、DreamWeaver等等3.浏览器:浏览器:IE、Netscape等等4.WEB服务器:服务器:IIS、Apache、WebLogic等等5.OS:Windows、Unix、Linux等等早期的动态网页早期的动态网页后来,出现了一些客后来,出现了一些客户端的户端的“动态网页动态网页”技术,主要
7、是使用技术,主要是使用嵌嵌入入到到HTML的的脚本语脚本语言言,控制控制HTML元素,元素,让呆板的让呆板的HTML页面页面“活活”起来。浏览器起来。浏览器也加上了也加上了脚本解释脚本解释功功能能WEB服务器服务器HTML/脚本网页脚本网页客户机浏览器客户机浏览器+脚本解释器脚本解释器请求下载HTTP/脚本网页HTML/脚本网页脚本网页解释并运行服务器端动态网页技术服务器端动态网页技术客户端的技术不能解决对数据库、客户端的技术不能解决对数据库、文件等服务器资源的访问问题,限文件等服务器资源的访问问题,限制了制了WEB技术的应用,尤其是企业技术的应用,尤其是企业级应用。级应用。于是于是服务器端服
8、务器端的动态网页的动态网页技术应运技术应运而生。而生。动态网页基本原理动态网页基本原理客户机请求一个服务器端网页。客户机请求一个服务器端网页。服务器端网页是一个混合了服务器端网页是一个混合了HTML、服务器端服务器端脚本语言、服务器端资源访问对象的程序。脚本语言、服务器端资源访问对象的程序。该程序接到请求后,首先在服务器上执行服务该程序接到请求后,首先在服务器上执行服务器端脚本语言,进行对服务器端资源访问对象器端脚本语言,进行对服务器端资源访问对象的调用(如数据库调用)。的调用(如数据库调用)。然后通过一个然后通过一个”过滤器过滤器”程序(程序(ASP.NET过滤过滤器是器是aspnet_is
9、api.dll),将服务器端网页执行,将服务器端网页执行的结果的结果“翻译翻译”成客户端的成客户端的HTML/脚本,下载脚本,下载到客户端浏览器上解释并运行。到客户端浏览器上解释并运行。什么是什么是ASPASP(ActiveServerPage)是由是由Microsoft开发开发的用于构建的用于构建动态动态网站的技术。网站的技术。ASP.NET是是.NETFramework的一部分,是的一部分,是一个统一的一个统一的Web开发模型。开发模型。能够以能够以C#语言编写语言编写Web应用程序,其开发应用程序,其开发的页面默认由两部分组成:的页面默认由两部分组成:页面文件(页面文件(.aspx)用来
10、编写)用来编写HTML代码代码代码隐藏页文件(代码隐藏页文件(.aspx.cs)用于处理页面)用于处理页面逻辑,可用逻辑,可用C#编写。编写。早期的早期的ASP代码代码HelloWorldbyASPClientServerRequestReply withHTML pageASPServerComponentHands request toHands HTML pageTranslatesScriptIntoHTMLHowtoloadanASPpage?缺点缺点这种服务器端的动态网页技术有两这种服务器端的动态网页技术有两个重要缺陷:个重要缺陷:服务器端脚本语言是服务器端脚本语言是解释执行解释执
11、行的,的,效率低下。效率低下。HTML元素和程序元素和程序代码混排代码混排,使程,使程序结构化极坏,不利于写作和阅读序结构化极坏,不利于写作和阅读ASP.NET解决了这两个问题解决了这两个问题它是它是编译运行编译运行的,效率相当高的,效率相当高使用了使用了“代码后置代码后置codebehind”技术,技术,使使HTML和代码分开和代码分开不仅利于程序写作和阅读,还使团队分不仅利于程序写作和阅读,还使团队分工成为可能。工成为可能。页面设计师可以设计页面设计师可以设计HTML,程序员可程序员可以写程序,两人的工作成果可一起运行以写程序,两人的工作成果可一起运行一个一个ASP.NET应用程序的运行过
12、程应用程序的运行过程HTML/脚本网页WEB服务器服务器客户机客户机服务器资源服务器资源编译的后置代码编译的后置代码和和HTML文件文件过滤器过滤器aspnet_isapi.dllHttpModuleHttpHandler请请求求调用调用运行结果运行结果转换成客户端转换成客户端HTML/脚本脚本解释并运行解释并运行 IIS WindowsInternet用户端用户端基于基于ASP.NET 的的 Web Site 构架构架显示文件显示文件录入数据录入数据产生产生Submit事件事件Form中的中的Object、Action(CGI文件)文件)VB/C#/VCHTML文本文本运行运行JavaScr
13、ipt或者或者 VBScriptDBMSCORBARemote *.Aspx.cs文件文件 VB/C#HTML 操作服务器端控件产生服务器段事件,调用服务器端事件处理函数2.IIS简介简介WEB服务器也称为服务器也称为WWW服务器,它是服务器,它是一个软件,主要是提供网上信息浏览服务一个软件,主要是提供网上信息浏览服务建一个网站,需要安装和配置建一个网站,需要安装和配置WEB服务器,服务器,如果想让网站成为如果想让网站成为Internet的一个站点,则的一个站点,则还需要一个独立的还需要一个独立的IP地址地址IIS(InternetInformationServer):微软的微软的WEB服务器
14、服务器在本机调试在本机调试“网络网络”程序,需要安装程序,需要安装IIS安装安装IIS服务器版的服务器版的Windows操作系统中,它操作系统中,它是一个可选的安装组件,在一些非服务是一个可选的安装组件,在一些非服务器版的器版的Windows操作系统中也含有操作系统中也含有IIS安装安装VisualStudio.NET前必须在你的前必须在你的机器上先安装机器上先安装IISIIS安装过程中自动配置安装过程中自动配置WEB服务器,服务器,一般一般不要更改不要更改系统默认的配置系统默认的配置,以免影,以免影响响ASP.NET的运行的运行。应了解的应了解的IIS知识知识网站默认工作目录网站默认工作目录
15、:C:INTERPUBWWWROOT浏览器访问浏览器访问http:/locaohost既访问此路径既访问此路径开发网站时网页文件通常都放在这个目录里开发网站时网页文件通常都放在这个目录里我们建立的我们建立的ASP.NET应用程序默认情况下应用程序默认情况下也都放在这个文件夹里。也都放在这个文件夹里。实际开发时经常放在别处,但是要进行设置。实际开发时经常放在别处,但是要进行设置。Internet信息服务信息服务控制面板控制面板/管理工具管理工具/Internet信息服务,可信息服务,可以打开以打开IIS的管理工具,对的管理工具,对IIS进行管理、配进行管理、配置置有时我们希望将应用程序放在别的目
16、录下,为有时我们希望将应用程序放在别的目录下,为了能找到相应路径,需要建立了能找到相应路径,需要建立虚拟目录虚拟目录在在IIS管理工具中右键单击管理工具中右键单击“默认默认web站点站点”,新建新建/虚拟目录虚拟目录,根据向导选择相应目录即,根据向导选择相应目录即可可此时浏览器访问此时浏览器访问http:/locaohost/虚拟目录名虚拟目录名/文件名文件名既可访问此站点。既可访问此站点。3.一个简单的一个简单的ASP.NET程序演示程序演示创建一个创建一个ASP.NETWeb应用程序应用程序注意应用程序默认的创建位置:注意应用程序默认的创建位置:http:/localhost/WebApp
17、lication1可以修改项目名称可以修改项目名称WebApplication1如果创建到其他目录下,需要设置如果创建到其他目录下,需要设置虚拟目录虚拟目录项目创建后,出现一个空白项目创建后,出现一个空白web窗体,同窗体,同时在时在“解决方案管理器解决方案管理器”中,有一个中,有一个Default.aspx文件文件,注意窗体下方的,注意窗体下方的“设计设计”与与“源源”标签,切换一下看看效果标签,切换一下看看效果一个简单的一个简单的ASP.NET程序演示程序演示在在“解决方案管理器解决方案管理器”中点图标中点图标“显示显示所有文件所有文件”,可以看到更多的文件,可以看到更多的文件在编写在编写
18、web程序时,程序时,IDE生成了下列文生成了下列文件:件:Default.aspx:HTML文件文件Default.aspx.cs、Default.aspx.designer.cs:程序源代码文件。:程序源代码文件。打开文件看看打开文件看看.NET编译程序只编译程序源代码文件编译程序只编译程序源代码文件一个简单的一个简单的ASP.NET程序演示程序演示摆放一个文本框,一个标签,一个按钮摆放一个文本框,一个标签,一个按钮添加按钮单击事件处理函数,在事件处添加按钮单击事件处理函数,在事件处理函数内加一行代码:理函数内加一行代码:TextBox1.Text=“HELLO!”;编译,运行编译,运行在
19、运行的网页上查看原代码,和初始的在运行的网页上查看原代码,和初始的HTML文件比较一下文件比较一下代码分析代码分析HTML代码代码Default.aspxRow1:处理该文件所需处理该文件所需信息,其中几个关键:信息,其中几个关键:language:C#Codebehind:对应的后置文件对应的后置文件AutoEventWireup=“false”:由由IDE自动生成自动生成事件代理事件代理Inherits:继承后置文件的类继承后置文件的类代码分析代码分析HTML代码代码Row3:文档类型说明文档类型说明Row5-最后最后:都是常见的标准都是常见的标准HTML标记标记但是对于我们添加到页面的控
20、件,其标记但是对于我们添加到页面的控件,其标记都是都是的形式。的形式。该标记表明使用的是该标记表明使用的是ASP控件控件其实我们仍然可以在页面中使用标准的其实我们仍然可以在页面中使用标准的HTML页面元素。页面元素。试一下:在工具箱中展开试一下:在工具箱中展开HTML项,拖一项,拖一个文本框到页面中,再看看代码的变化。个文本框到页面中,再看看代码的变化。代码分析代码分析HTML代码代码另外你会发现,另外你会发现,ASP控件中都有一句控件中都有一句runat=“server”,表明这些控件是在服务器端执,表明这些控件是在服务器端执行的。行的。实际上,每一个实际上,每一个ASP.NET控件都对应一
21、个控件都对应一个HTML元素(控件),具体对应什么类型的元素(控件),具体对应什么类型的控件取决于浏览器和控件取决于浏览器和web控件参数的设置控件参数的设置当服务器返回页面到客户端时,发送回来的当服务器返回页面到客户端时,发送回来的都是都是HTML元素。元素。代码分析代码分析后置代码后置代码名字空间名字空间System.Web:管理客户请求和服务器响应管理客户请求和服务器响应的类的类System.Web.UI:创建创建web应用和控件的所应用和控件的所需的类需的类System.Web.UI.WebControls:web控件控件System.Web.UI.HtmlControls:HTML控
22、件控件代码分析代码分析后置代码后置代码执行过程执行过程首先发生首先发生init事件,调用事件,调用OnInit方法方法OnInit方法调用方法调用InitializeComponent方法对方法对组件进行初始化组件进行初始化然后发生然后发生Load事件,调用事件,调用Page_Load方法,方法,可在该方法中添加代码,处理装入可在该方法中添加代码,处理装入Form时时执行的操作执行的操作注意注意:每次加载此页都会执行该代码,如果:每次加载此页都会执行该代码,如果想只在第一次加载时执行代码,需要添加控想只在第一次加载时执行代码,需要添加控制代码(后面介绍)制代码(后面介绍)ASP.NET应用程序
23、和网站的区别应用程序和网站的区别新建一个网站项目的时候,有两个选择:新建一个网站项目的时候,有两个选择:新建网站新建网站和和新建新建AWeb应用程序应用程序。它们都可以用来开发它们都可以用来开发Web应用,但是开发应用,但是开发时及今后的维护方面有一些差异。时及今后的维护方面有一些差异。简单看,小型应用用网站方式比较简单,简单看,小型应用用网站方式比较简单,大型项目用大型项目用Web应用程序较好。应用程序较好。新建网站新建网站:完成后可直接发布,发布时生:完成后可直接发布,发布时生成的成的DLL文件名是随机的,不与原文件直文件名是随机的,不与原文件直接对应。使用增量编译模式,文件被修改接对应。
24、使用增量编译模式,文件被修改后,只有这部分才会被增量编译进去后,只有这部分才会被增量编译进去。ASP.NET应用程序和网站的区别应用程序和网站的区别Web应用程序应用程序:有重新生成和发布两项有重新生成和发布两项可在其中添加多个项目,便于团队合作可在其中添加多个项目,便于团队合作开发模式和开发模式和Windows应用程序类似应用程序类似发布前需要编译发布前需要编译后台代码有任何修改,都要重新进行编后台代码有任何修改,都要重新进行编译,维护较麻烦。译,维护较麻烦。5.Web控件与控件与HTML控件控件Web控件控件是是System.Web.UI.WebControls名名称空间中定义的服务器控件
25、,它们通常在称空间中定义的服务器控件,它们通常在标签中添加标签中添加例如:例如:HTML控件控件在在System.Web.UI.HtmlControls名称空间中,它们在常规的名称空间中,它们在常规的HTML标签中添标签中添加。例如:加。例如:HTML控件默认是控件默认是客户端运行客户端运行。如果为它也加一句如果为它也加一句runat=“server”会怎样?会怎样?可以看看自动生成的代码是否有变化?可以看看自动生成的代码是否有变化?Web与与HTML控件的差异控件的差异HTML 控控件件:不不具具备备任任何何抽抽象象能能力力。每每种种控件与控件与 HTML 标记都是一一对应的。标记都是一一对
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 精品 第三 Web 编程
限制150内