基于ASP-NET的Web应用开发单元一-任务四：熟悉page页面的运行机制课件

单元1：搭建Web开发环境任务3：搭建Web开发环境(3)WEB应用开发 单元1：搭建Web开发环境任务3：搭建Web开发环境(3)ASP.NETWeb窗体1ASP.NET页的生命周期2Page对象3页面指令_page指令4主要内容ASP.NETWeb窗体1ASP.NET页的生命周期2Pa学习目标知识目标：了解ASP.NETWeb窗体构成掌握ASP.NET窗体页面模型理解ASP.NET窗体的运行机制及生命周期掌握Page对象的事件及属性掌握Page指令的作用及属性能力目标：能够完成动态页面的制作

学习目标知识目标：技术应用的背景ASP.NET网页，也称ASP.NETWeb窗体（WebForm），是基于.NET通用运行环境的编程模型，用于为Web应用程序创建用户界面。根据页面的运行机制，能够创建页面并编写后台代码调试运行。

技术应用的背景ASP.NET网页，也称ASP.NET

任务描述：创建Web网站，完成页面的制作，实现在页面打开时动态显示系统时间，页面效果如图：一、学习任务

创建页面动态显示系统时间任务描述：创建Web网站，完成页面的制作，实现在页面打开1.Web窗体的概念

ASP.NET网页，也称ASP.NETWeb窗体（WebForm），是基于.NET通用运行环境的编程模型，用于为Web应用程序创建用户界面。Web窗体是一项ASP.NET功能，可以使用它为Web应用程序创建用户界面

Web窗体还提供了一个丰富的控件集，使用支持.NET的语言（如VisualBasic.NET和VisualC#等）可对这些控件编程

通过使用Web窗体上的各种服务器控件，可在ASP.NET网站上检索和更新信息二、基本知识与技术—ASP.NETWeb窗体的概念

1.Web窗体的概念

二、基本知识与技术—ASP.NETW2.ASP.NETWeb窗体的模型

ASP.NET的Web窗体模型由两部分组成：页的显示逻辑（或称用户界面UI、可视化组件、可视元素）；页的业务逻辑（或称编程逻辑、代码）。二、基本知识与技术—ASP.NETWeb窗体的模型2.ASP.NETWeb窗体的模型二、基本知识与技术—AS2.ASP.NETWeb窗体的模型

Web窗体的扩展名为.aspxWeb窗体将Web应用程序分为两部分：可视化组件用户界面编码逻辑Web窗体中包括代码声明块包含HTML控件和服务器控件Web窗体有各种指令来控制编译过程

二、基本知识与技术—ASP.NETWeb窗体的模型2.ASP.NETWeb窗体的模型二、基本知识与技术—AS3.ASP.NET网页的代码模型（1）单文件页模型在单文件页模型中，页的标记及其编程代码位于同一个.aspx文件中。编程代码位于<scriptrunat=“server”>…</script>块中，该块包含runat=“server”属性，此属性将其标记为在服务器上执行的代码。（2）代码隐藏页模型在代码隐藏页模型中，页的标记（显示逻辑）位于.aspx文件中，编程代码（业务逻辑）位于.aspx.cs（对于C#）文件中。如图2-3所示，是在解决方案资源管理器中看到的，新建网站时默认创建的文件结构Default.aspx和Default.aspx.cs代码隐藏页模型。

二、基本知识与技术—ASP.NET网页的代码模型3.ASP.NET网页的代码模型二、基本知识与技术—ASP.服务器一个往返周期

Web窗体浏览器信息发送给服务器已处理信息回送至浏览器往返周期

已重新创建页面删除页面信息二、基本知识与技术—ASP.NET页的生命周期4.ASP.NET页的生命周期服一个往返周期Web窗体浏览器信息发送给服务器已处理信初始化页面

阶段引发的事件Page_Init加载页面验证事件处理页面卸载Page_LoadValidateFormeventhandlerPage_Unload页面显示之前Page_PreRender在页面处理的某些特定阶段，页面会自动触发一些事件。而与服务器控件相关联的其他事件则在服务器端触发并得到处理二、基本知识与技术—ASP.NET页的生命周期初始化页面阶段引发的事件Page_Init加

4.Page对象是页面类的实例，表示客户机请求的页面用于表示一个.aspx文件，也称为Web窗体页每个页面都派生自Page类，并继承这个类公开的所有方法和属性

Page类的成员位于System.Web.UI命名空间中Page对象的常用事件

二、基本知识与技术—Page对象事件Init页面初始化Load页面加载PreRender页面显示前Unload页面卸载4.Page对象二、基本知识与技术—Page对象事件Ini4.Page对象——Page_Load事件在加载页面时会触发Page_Load事件ASP.NET将自动调用Page_Load子程序，并执行其中的代码privatevoidPage_Load(objectsender,System.EventArgse){

lblTime.Text=System.DateTime.Now.ToString()}从此处调用Page_Load事件只要加载页面，就会执行Page_Load事件内的代码二、基本知识与技术—Page对象4.Page对象——Page_Load事件private4.Page对象——常用属性IsPostBack属性IsPostBack属性：用了获取一个逻辑值，该值指示当前页面是否正为响应客户端回发而加载，或者它是否正在被首次加载和访问。取值：

True:表示页面是为响应客户端回发而加载

False:表示页面是首次加载二、基本知识与技术—Page对象_常用属性IsPostBack属性4.Page对象——常用属性IsPostBack属性二、基本15privatevoidPage_Load(objectsender,System.EventArgse){if(!Page.IsPostBack) { lblTime.Text= System.DateTime.Now.ToString(); }}privatevoidbtnSubmit_Click(objectsender,System.EventArgse){

lblMessage.Text="请确定您填写的信息："+ txtName.Text+""+txtAge.Text+" "+txtHabbit.Text;}

Page_Load事件如果页面为首次加载，则Page.IsPostBack属性的值是False，并显示日期和时间单击“提交”按钮后，日期和时间都将保持不变二、基本知识与技术—Page对象_常用属性IsPostBack属性15

Page_Load事件如果页面为首次加载，则Page5.页面指令_page指令二、基本知识与技术—页面指令_page指令@Page定义ASP.NET页解析器和编译器所使用的特定页面的属性，只可包括在.aspx文件中@Control定义ASP.NET页解析器和编译器所使用的特定用户控件的属性，只可包括在.ascx文件中@Import在页面或用户控件中显式地导入一个名称空间@Implements允许在页面或用户控件中实现一个.NET接口@Register用于注册页面中的用户控件和自定义服务器控件以便使用它们@Assembly将程序集引入到当前页面或用户控件中，以便它所包含的类和接口能够适用于页面中的代码@OutputCache对页面或用户控件在服务器上如何进行高速缓存进行控制@Reference用来识别当前页面在运行时应该动态编译和链接的页面或用户控件

5.页面指令_page指令二、基本知识与技术—页面指令_pa@Page指令定义了ASP.NET页解析器和编译器使用的特定于页面的属性它用于在处理和编译某页面时配置与此页面相关的属性每个ASPX页只能有一个@Page指令@Page指令的语法如下：

<%@Pageattribute="value"[attribute="value"...]%>二、基本知识与技术—页面指令_page指令@Page指令定义了ASP.NET页解析器和编译器使用@Page指令的属性2-1<%@PageLanguage="c#"

AutoEventWireup=“true"

Trace="false"

CodeFile="SampApp.aspx.cs"

Inherits=“SampApp""

ContentType="text/xml"%>指定在编译时和页面的代码声明块中使用的语言指示能否自动处理页面的事件指示是否启用了跟踪指定编译的文件名称，此文件含有与此页面关联的类指定由页面继承的代码隐藏类二、基本知识与技术—页面指令_page指令属性@Page指令的属性2-1<%@PageLanguLanguage:指定页中所有内联(<%%>和<%=%>和代码声明块进行编译时使用的语言，每页只能使用和指定一种语言，但一个工程中可以使用多种语言AutoEventWrieup:设置页面的事件是否自动绑定，默认为true.Trace:设置是否启用跟踪，默认为false.CodeFile：指定页引用的代码隐藏类（源）文件的路径。同时使用Inherits属性指定该类的完全限定名称。（即类名）

使用这两个属性可以将代码隐藏源文件和网页相关联。

二、基本知识与技术—页面指令_page指令属性Language:指定页中所有内联(<%%>和<%=%>@Page指令的其他属性包括CompilerOptionsDebugDescriptionReadOnlyEnableSessionStateEnableViewStateErrorPageValidateRequest属性二、基本知识与技术—页面指令_page指令属性@Page指令的其他属性包括CompilerOption三、任务的实施第一步：文件——新建网站——设置网站保存的信息第二步：添加新项，选择Web窗体，修改文件名称，确定第三步：在页面视图上添加文字及Label控件第三步：双击.cs文件，进入后台代码编辑，编辑代码，如下：第四步：页面文件设计视图右键“在浏览器中浏览”publicpartialclass显示系统时间:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){Label1.Text=DateTime.Now.ToString();}}}子任务3:Page运行机制三、任务的实施第一步：文件——新建网站——设置网站保存的信息四、小结

本次课主要介绍了ASP.NET窗体的概念及构成，介绍了ASP.NET窗体的页面模型，说明了ASP.NET窗体的运行原理及生命周期，介绍了Page对象及Page对象的属性及事件，介绍了页面指令中的Page指令，要求掌握页面的运行机制，掌握Page对象及使用方法，能够完成页面的制作。本次学习的内容主要能够创建一个的Web页面四、小结本次课主要介绍了ASP.NET窗体的概念及构成五、作业

创建一个动态页面，实现动态显示“欢迎你进入网页”的文字。五、作业创建一个动态页面，实现动态显示“欢迎你进入网页 单元1：搭建Web开发环境任务3：搭建Web开发环境(3)WEB应用开发 单元1：搭建Web开发环境任务3：搭建Web开发环境(3)ASP.NETWeb窗体1ASP.NET页的生命周期2Page对象3页面指令_page指令4主要内容ASP.NETWeb窗体1ASP.NET页的生命周期2Pa学习目标知识目标：了解ASP.NETWeb窗体构成掌握ASP.NET窗体页面模型理解ASP.NET窗体的运行机制及生命周期掌握Page对象的事件及属性掌握Page指令的作用及属性能力目标：能够完成动态页面的制作

学习目标知识目标：技术应用的背景ASP.NET网页，也称ASP.NETWeb窗体（WebForm），是基于.NET通用运行环境的编程模型，用于为Web应用程序创建用户界面。根据页面的运行机制，能够创建页面并编写后台代码调试运行。

技术应用的背景ASP.NET网页，也称ASP.NET

任务描述：创建Web网站，完成页面的制作，实现在页面打开时动态显示系统时间，页面效果如图：一、学习任务

创建页面动态显示系统时间任务描述：创建Web网站，完成页面的制作，实现在页面打开1.Web窗体的概念

ASP.NET网页，也称ASP.NETWeb窗体（WebForm），是基于.NET通用运行环境的编程模型，用于为Web应用程序创建用户界面。Web窗体是一项ASP.NET功能，可以使用它为Web应用程序创建用户界面

Web窗体还提供了一个丰富的控件集，使用支持.NET的语言（如VisualBasic.NET和VisualC#等）可对这些控件编程

通过使用Web窗体上的各种服务器控件，可在ASP.NET网站上检索和更新信息二、基本知识与技术—ASP.NETWeb窗体的概念

1.Web窗体的概念

二、基本知识与技术—ASP.NETW2.ASP.NETWeb窗体的模型

ASP.NET的Web窗体模型由两部分组成：页的显示逻辑（或称用户界面UI、可视化组件、可视元素）；页的业务逻辑（或称编程逻辑、代码）。二、基本知识与技术—ASP.NETWeb窗体的模型2.ASP.NETWeb窗体的模型二、基本知识与技术—AS2.ASP.NETWeb窗体的模型

Web窗体的扩展名为.aspxWeb窗体将Web应用程序分为两部分：可视化组件用户界面编码逻辑Web窗体中包括代码声明块包含HTML控件和服务器控件Web窗体有各种指令来控制编译过程

二、基本知识与技术—ASP.NETWeb窗体的模型2.ASP.NETWeb窗体的模型二、基本知识与技术—AS3.ASP.NET网页的代码模型（1）单文件页模型在单文件页模型中，页的标记及其编程代码位于同一个.aspx文件中。编程代码位于<scriptrunat=“server”>…</script>块中，该块包含runat=“server”属性，此属性将其标记为在服务器上执行的代码。（2）代码隐藏页模型在代码隐藏页模型中，页的标记（显示逻辑）位于.aspx文件中，编程代码（业务逻辑）位于.aspx.cs（对于C#）文件中。如图2-3所示，是在解决方案资源管理器中看到的，新建网站时默认创建的文件结构Default.aspx和Default.aspx.cs代码隐藏页模型。

二、基本知识与技术—ASP.NET网页的代码模型3.ASP.NET网页的代码模型二、基本知识与技术—ASP.服务器一个往返周期

Web窗体浏览器信息发送给服务器已处理信息回送至浏览器往返周期

已重新创建页面删除页面信息二、基本知识与技术—ASP.NET页的生命周期4.ASP.NET页的生命周期服一个往返周期Web窗体浏览器信息发送给服务器已处理信初始化页面

阶段引发的事件Page_Init加载页面验证事件处理页面卸载Page_LoadValidateFormeventhandlerPage_Unload页面显示之前Page_PreRender在页面处理的某些特定阶段，页面会自动触发一些事件。而与服务器控件相关联的其他事件则在服务器端触发并得到处理二、基本知识与技术—ASP.NET页的生命周期初始化页面阶段引发的事件Page_Init加

4.Page对象是页面类的实例，表示客户机请求的页面用于表示一个.aspx文件，也称为Web窗体页每个页面都派生自Page类，并继承这个类公开的所有方法和属性

Page类的成员位于System.Web.UI命名空间中Page对象的常用事件

二、基本知识与技术—Page对象事件Init页面初始化Load页面加载PreRender页面显示前Unload页面卸载4.Page对象二、基本知识与技术—Page对象事件Ini4.Page对象——Page_Load事件在加载页面时会触发Page_Load事件ASP.NET将自动调用Page_Load子程序，并执行其中的代码privatevoidPage_Load(objectsender,System.EventArgse){

lblTime.Text=System.DateTime.Now.ToString()}从此处调用Page_Load事件只要加载页面，就会执行Page_Load事件内的代码二、基本知识与技术—Page对象4.Page对象——Page_Load事件private4.Page对象——常用属性IsPostBack属性IsPostBack属性：用了获取一个逻辑值，该值指示当前页面是否正为响应客户端回发而加载，或者它是否正在被首次加载和访问。取值：

True:表示页面是为响应客户端回发而加载

False:表示页面是首次加载二、基本知识与技术—Page对象_常用属性IsPostBack属性4.Page对象——常用属性IsPostBack属性二、基本38privatevoidPage_Load(objectsender,System.EventArgse){if(!Page.IsPostBack) { lblTime.Text= System.DateTime.Now.ToString(); }}privatevoidbtnSubmit_Click(objectsender,System.EventArgse){

lblMessage.Text="请确定您填写的信息："+ txtName.Text+""+txtAge.Text+" "+txtHabbit.Text;}

Page_Load事件如果页面为首次加载，则Page.IsPostBack属性的值是False，并显示日期和时间单击“提交”按钮后，日期和时间都将保持不变二、基本知识与技术—Page对象_常用属性IsPostBack属性15

Page_Load事件如果页面为首次加载，则Page5.页面指令_page指令二、基本知识与技术—页面指令_page指令@Page定义ASP.NET页解析器和编译器所使用的特定页面的属性，只可包括在.aspx文件中@Control定义ASP.NET页解析器和编译器所使用的特定用户控件的属性，只可包括在.ascx文件中@Import在页面或用户控件中显式地导入一个名称空间@Implements允许在页面或用户控件中实现一个.NET接口@Register用于注册页面中的用户控件和自定义服务器控件以便使用它们@Assembly将程序集引入到当前页面或用户控件中，以便它所包含的类和接口能够适用于页面中的代码@OutputCache对页面或用户控件在服务器上如何进行高速缓存进行控制@Reference用来识别当前页面在运行时应该动态编译和链接的页面或用户控件

5.页面指令_page指令二、基本知识与技术—页面指令_pa@Page指令定义了ASP.NET页解析器和编译器使用的特定于页面的属性它用于在处理和编译某页面时配置与此页面相关的属性每个ASPX页只能有一个@Page指令@Page指令的语法如下：

<%@Pageattribute="value"[attribute="value"...]%>二、基本知识与技术—页面指令_page指令@Page指令定义了ASP.NET页解析器和编译器使用@Page指令的属性2-1<%@PageLanguage="c#"

AutoEventWireup=“true"

Trace="false"

CodeFile="SampApp.aspx.cs"

Inherits=“SampApp""

ContentType="text/xml"%>指定在编译时和页面的代码声明块中使用的语言指示能否自动处理页面的事件指示是否启用了跟踪指定编译的文件名称，此文件含有与此页面关联的类指定由页面继承的代码隐藏类二、基本知识与技术—页面指令_page指令属性@Page指令的属性2-1<%@PageLanguLanguage:指定页中所有内联(<%%>和<%=%>和代码声明块进行编译时使用的语言，每页只能使用和指定一种语言，但一个工程中可以