第5章 ASP NET技术基础

ASP.NET技术基础,ASP.NET程序设计之,北京理工大学计算机学院金旭亮,主要内容,ASP.NET网站与网页基于控件的网页可视化设计ASP.NET网站与网页ASP.NET网站的发布与部署,2,1ASP.NET网站与网页,3,使用VS2008创建网站,“文件”“新建网站”,4,向网站中添加网页,5,熟悉VisualStudio的使用,6,ASP.NET网站总体结构,使用“解决方案资源管理器”统一管理网站文件,一个网站可以有多个网页和其他文件，每个网页由.aspx和.cs两个文件构成可以根据实际情况在网站中创建多个文件夹。,7,ASP.NETWebApplication,ASP.NET网站通常又被称为ASP.NETWebApplication，包容多个ASP.NET网页及其他资源，可被独立地编译和发布。每一个ASP.NET网站都对应着一个虚拟目录(virualdirectory)，IIS通过虚拟目录来管理ASP.NET网站。Demo:在IIS中创建虚拟目录,8,网站的调试与运行,菜单：“调试”“启动调试”,调试工具栏,9,启动JavaScript调试,设置浏览器选项,10,ASP.NETDevelopmentServer,VisualStudio自带的Web服务器，可供单机使用,11,ASP.NET网页结构,与标准HTML网页类似页面指令：,12,网页代码模型（1）,直接在网页中书写代码将代码以“”包围，与HTML代码放在同一个网页文件中其代码所使用的编程语言种类由页面指令决定。,13,网页代码模型（2）,使用独立的代码文件将所有代码放到一个与网页同名的“.cs”文件中，如果在新建网站时选择的编程语言是“VisualBasic”，则代码放在“.vb”文件中。,14,2基于控件的网页可视化设计,15,HTML控件,HTML控件直接与HTML元素相对应,16,使用HTML控件,可以使用JavaScript/C#访问HTML控件Demo1:VisitHTMLControlByJS.aspxDemo2:VisitHTMLControlByCS.aspx,17,Web服务器控件引例：网页计算器,Demo:OnlineCalculator.aspx,18,ASP.NET网站的开发过程,19,从工具箱中拖控件到Web页面在属性窗口中设置控件属性给控件事件编码编译并运行网站,页面回发与事件驱动,ASP.NET网页中的代码执行是由“事件”引发的，这种程序运行方式称为“事件驱动”。要实现“事件驱动”，必须依靠“页面回发”。,20,什么叫“页面回发”,所谓“页面回发”，其实就是由浏览网页的用户的各种操作引发，浏览器向Web服务器发送当前页面数据信息的过程。Demo:IsPostBackImportant.aspx,21,标准的页面初始化代码框架,protectedvoidPage_Load(objectsender,EventArgse)if(!IsPostBack)/放置第一次请求页面时的对页面的初始化代码else/放置回发页面时要执行的代码/放置不管是哪次访问始终要执行的代码,22,Web服务器控件的声明,ASP.NETWeb控件以“asp”作为前缀声明，并且拥有一个ID属性。Web控件的ID属性唯一标识了一个Web控件，在代码中可以通过它来访问特定控件（读取或设置其属性，调用其方法）。,23,理解Web控件的工作原理,计算器程序的ASPX代码与HTML代码对比,文本框控件：计算按钮：标签控件：Label,结论：1ASP.NETWeb控件“活”在服务器端，其运行结果被转换为HTML代码，发回给客户端。2ASP.NET页面是所有ASP.NETWeb控件的容器，由它负责创建ASP.NETWeb控件对象，并调用其Render()方法生成HTML代码。,24,ASP.NET网页处理流程,当Web服务器接收到浏览器对某个ASP.NET页面的请求时，它装载此ASP.NET页面到内存中，以此为模板创建一个页面对象，然后，执行相应的代码，将代码执行的结果转化为HTML再发回给浏览器，这一切完成之后，此页面对象被销毁。,25,3ASP.NET网站与网页,网站与Web应用程序,在ASP.NET中，将一个网站视为一个“Web应用程序（WebApplication）”。一个ASP.NET网站中，可以有多个ASP.NET页面和其他类型的文件，还可以建立多个文件夹以分类存放文件。,27,ASP.NET特殊文件夹（1）,App_Browsers包含ASP.NET用于标识个别浏览器并确定其功能的浏览器定义文件（.browser），这个文件夹用得不多。App_Code在这个文件夹中可以存放各种代码文件，放在此文件夹代码中的公有类（即定义为public的类）自动成为全局的。,28,ASP.NET特殊文件夹（2）,App_Data用于存放网站的数据文件。App_GlobalResources和App_LocalResources存放网站中用到的各种资源（.resx和.resources文件）。App_Thremes主要包含两种类型的文件：“.skin”文件用于确定ASP.NETWeb服务器控件的外观，“.css”文件就是第3章介绍过的样式表。除此之外，还可存放与网页样式密切相关的一些资源，比如图片文件。,29,ASP.NET特殊文件夹（3）,App_WebReferences用于存放引用WebService的相关文件。Bin存放编译好的程序集文件（.dll）。,30,网站导航（1）,最简单的链接网页的方法是使用HyperLink控件HyperLink控件：会生成一个元素，用户单击之后浏览器转到目标页。目标页是使用HTTPGET命令进行调用。使用此控件可以在一个新窗口中打开网页，但无Click事件。HyperLink控件生成元素。,31,网站导航（2）,可以在页面中编程实现网页跳转：Response.Redirect()：浏览器重定向，由浏览器发出对目标页的HTTPGET命令。Server.Transfer()：服务器端重定向，服务器只是将当前源页的上下文（httpContext对象）传输给目标页。然后目标页呈现在源页的位置。源页和目标页必须位于同一Web应用程序中。,32,网站导航（3）,使用导航控件(包括Menu、TreeView和SiteMapPath)示例网站:NavigateWebSite,33,母版页,34,使用母版页,母版页：用于定义整个网页的总体外观。,在创建新页面时可以指定母版页。一个网站中可以有多个母版页,35,母版页与内容页,母版页+以母版页为模板创建的子页面完整的ASP.NET网页,36,母版页的作用,一个网站中可以使用的母版页可以有多个，只需修改母版页，以它为模板的其他页面会自动地继承这种变化。一般使用母版页来设置网站中每个页面都要显示的内容，比如显示在页面顶端的网站标识和大幅广告，或者是显示在页面底端的版权信息。母版页还常用来实现网站页面的总体布局（通过css+div），并常常在母版页上放置导航类的控件（比如TreeView）来实现网站导航。,37,定制页面和控件显示风格,示例网站：ControlStyle,38,设定页面和控件显示风格的方法,设置BorderStyle、Height、Width、BackColor等与显示效果密切相关的属性使用GridView等复杂控件直接提供的预定义显示风格利用CssClass属性,39,设定控件显示风格,Demo:ChangeControlStyle.aspx,40,应用主题和外观设定页面和控件显示风格,Demo:UseTheme.aspx,41,在ASP.NET网页中集成JavaScript,充分利用客户端已有的功能加强用户体验示例网站：UseJavaScript,集成JavaScript方法一,直接将JavaScript代码放到HTML元素的事件属性中，然后再加入到ASP.NET控件的声明语句里：,Demo:UseJavaScript1.aspx,43,集成JavaScript方法二,使用Control.Attributes.Add()方法添加JavaScript脚本Demo:UseJavaScript2.aspx,44,集成JavaScript方法三,RegisterStartupScript()/RegisterClientScriptBlock()和IsStartupScriptRegistered()系列方法Demo:UseJavaScript3.aspx