基于ASP-NET的Web應(yīng)用開發(fā)單元一-任務(wù)四：熟悉page頁面的運(yùn)行機(jī)制課件

單元1：搭建Web開發(fā)環(huán)境任務(wù)3：搭建Web開發(fā)環(huán)境(3)WEB應(yīng)用開發(fā) 單元1：搭建Web開發(fā)環(huán)境任務(wù)3：搭建Web開發(fā)環(huán)境(3)ASP.NETWeb窗體1ASP.NET頁的生命周期2Page對(duì)象3頁面指令_page指令4主要內(nèi)容ASP.NETWeb窗體1ASP.NET頁的生命周期2Pa學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：了解ASP.NETWeb窗體構(gòu)成掌握ASP.NET窗體頁面模型理解ASP.NET窗體的運(yùn)行機(jī)制及生命周期掌握Page對(duì)象的事件及屬性掌握Page指令的作用及屬性能力目標(biāo)：能夠完成動(dòng)態(tài)頁面的制作

學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：技術(shù)應(yīng)用的背景ASP.NET網(wǎng)頁，也稱ASP.NETWeb窗體（WebForm），是基于.NET通用運(yùn)行環(huán)境的編程模型，用于為Web應(yīng)用程序創(chuàng)建用戶界面。根據(jù)頁面的運(yùn)行機(jī)制，能夠創(chuàng)建頁面并編寫后臺(tái)代碼調(diào)試運(yùn)行。

技術(shù)應(yīng)用的背景ASP.NET網(wǎng)頁，也稱ASP.NET

任務(wù)描述：創(chuàng)建Web網(wǎng)站，完成頁面的制作，實(shí)現(xiàn)在頁面打開時(shí)動(dòng)態(tài)顯示系統(tǒng)時(shí)間，頁面效果如圖：一、學(xué)習(xí)任務(wù)

創(chuàng)建頁面動(dòng)態(tài)顯示系統(tǒng)時(shí)間任務(wù)描述：創(chuàng)建Web網(wǎng)站，完成頁面的制作，實(shí)現(xiàn)在頁面打開1.Web窗體的概念

ASP.NET網(wǎng)頁，也稱ASP.NETWeb窗體（WebForm），是基于.NET通用運(yùn)行環(huán)境的編程模型，用于為Web應(yīng)用程序創(chuàng)建用戶界面。Web窗體是一項(xiàng)ASP.NET功能，可以使用它為Web應(yīng)用程序創(chuàng)建用戶界面

Web窗體還提供了一個(gè)豐富的控件集，使用支持.NET的語言（如VisualBasic.NET和VisualC#等）可對(duì)這些控件編程

通過使用Web窗體上的各種服務(wù)器控件，可在ASP.NET網(wǎng)站上檢索和更新信息二、基本知識(shí)與技術(shù)—ASP.NETWeb窗體的概念

1.Web窗體的概念

二、基本知識(shí)與技術(shù)—ASP.NETW2.ASP.NETWeb窗體的模型

ASP.NET的Web窗體模型由兩部分組成：頁的顯示邏輯（或稱用戶界面UI、可視化組件、可視元素）；頁的業(yè)務(wù)邏輯（或稱編程邏輯、代碼）。二、基本知識(shí)與技術(shù)—ASP.NETWeb窗體的模型2.ASP.NETWeb窗體的模型二、基本知識(shí)與技術(shù)—AS2.ASP.NETWeb窗體的模型

Web窗體的擴(kuò)展名為.aspxWeb窗體將Web應(yīng)用程序分為兩部分：可視化組件用戶界面編碼邏輯Web窗體中包括代碼聲明塊包含HTML控件和服務(wù)器控件Web窗體有各種指令來控制編譯過程

二、基本知識(shí)與技術(shù)—ASP.NETWeb窗體的模型2.ASP.NETWeb窗體的模型二、基本知識(shí)與技術(shù)—AS3.ASP.NET網(wǎng)頁的代碼模型（1）單文件頁模型在單文件頁模型中，頁的標(biāo)記及其編程代碼位于同一個(gè).aspx文件中。編程代碼位于<scriptrunat=“server”>…</script>塊中，該塊包含runat=“server”屬性，此屬性將其標(biāo)記為在服務(wù)器上執(zhí)行的代碼。（2）代碼隱藏頁模型在代碼隱藏頁模型中，頁的標(biāo)記（顯示邏輯）位于.aspx文件中，編程代碼（業(yè)務(wù)邏輯）位于.aspx.cs（對(duì)于C#）文件中。如圖2-3所示，是在解決方案資源管理器中看到的，新建網(wǎng)站時(shí)默認(rèn)創(chuàng)建的文件結(jié)構(gòu)Default.aspx和Default.aspx.cs代碼隱藏頁模型。

二、基本知識(shí)與技術(shù)—ASP.NET網(wǎng)頁的代碼模型3.ASP.NET網(wǎng)頁的代碼模型二、基本知識(shí)與技術(shù)—ASP.服務(wù)器一個(gè)往返周期

Web窗體瀏覽器信息發(fā)送給服務(wù)器已處理信息回送至瀏覽器往返周期

已重新創(chuàng)建頁面刪除頁面信息二、基本知識(shí)與技術(shù)—ASP.NET頁的生命周期4.ASP.NET頁的生命周期服一個(gè)往返周期Web窗體瀏覽器信息發(fā)送給服務(wù)器已處理信初始化頁面

階段引發(fā)的事件Page_Init加載頁面驗(yàn)證事件處理頁面卸載Page_LoadValidateFormeventhandlerPage_Unload頁面顯示之前Page_PreRender在頁面處理的某些特定階段，頁面會(huì)自動(dòng)觸發(fā)一些事件。而與服務(wù)器控件相關(guān)聯(lián)的其他事件則在服務(wù)器端觸發(fā)并得到處理二、基本知識(shí)與技術(shù)—ASP.NET頁的生命周期初始化頁面階段引發(fā)的事件Page_Init加

4.Page對(duì)象是頁面類的實(shí)例，表示客戶機(jī)請(qǐng)求的頁面用于表示一個(gè).aspx文件，也稱為Web窗體頁每個(gè)頁面都派生自Page類，并繼承這個(gè)類公開的所有方法和屬性

Page類的成員位于System.Web.UI命名空間中Page對(duì)象的常用事件

二、基本知識(shí)與技術(shù)—Page對(duì)象事件Init頁面初始化Load頁面加載PreRender頁面顯示前Unload頁面卸載4.Page對(duì)象二、基本知識(shí)與技術(shù)—Page對(duì)象事件Ini4.Page對(duì)象——Page_Load事件在加載頁面時(shí)會(huì)觸發(fā)Page_Load事件ASP.NET將自動(dòng)調(diào)用Page_Load子程序，并執(zhí)行其中的代碼privatevoidPage_Load(objectsender,System.EventArgse){

lblTime.Text=System.DateTime.Now.ToString()}從此處調(diào)用Page_Load事件只要加載頁面，就會(huì)執(zhí)行Page_Load事件內(nèi)的代碼二、基本知識(shí)與技術(shù)—Page對(duì)象4.Page對(duì)象——Page_Load事件private4.Page對(duì)象——常用屬性IsPostBack屬性IsPostBack屬性：用了獲取一個(gè)邏輯值，該值指示當(dāng)前頁面是否正為響應(yīng)客戶端回發(fā)而加載，或者它是否正在被首次加載和訪問。取值：

True:表示頁面是為響應(yīng)客戶端回發(fā)而加載

False:表示頁面是首次加載二、基本知識(shí)與技術(shù)—Page對(duì)象_常用屬性IsPostBack屬性4.Page對(duì)象——常用屬性IsPostBack屬性二、基本15privatevoidPage_Load(objectsender,System.EventArgse){if(!Page.IsPostBack) { lblTime.Text= System.DateTime.Now.ToString(); }}privatevoidbtnSubmit_Click(objectsender,System.EventArgse){

lblMessage.Text="請(qǐng)確定您填寫的信息："+ txtName.Text+""+txtAge.Text+" "+txtHabbit.Text;}

Page_Load事件如果頁面為首次加載，則Page.IsPostBack屬性的值是False，并顯示日期和時(shí)間單擊“提交”按鈕后，日期和時(shí)間都將保持不變二、基本知識(shí)與技術(shù)—Page對(duì)象_常用屬性IsPostBack屬性15

Page_Load事件如果頁面為首次加載，則Page5.頁面指令_page指令二、基本知識(shí)與技術(shù)—頁面指令_page指令@Page定義ASP.NET頁解析器和編譯器所使用的特定頁面的屬性，只可包括在.aspx文件中@Control定義ASP.NET頁解析器和編譯器所使用的特定用戶控件的屬性，只可包括在.ascx文件中@Import在頁面或用戶控件中顯式地導(dǎo)入一個(gè)名稱空間@Implements允許在頁面或用戶控件中實(shí)現(xiàn)一個(gè).NET接口@Register用于注冊(cè)頁面中的用戶控件和自定義服務(wù)器控件以便使用它們@Assembly將程序集引入到當(dāng)前頁面或用戶控件中，以便它所包含的類和接口能夠適用于頁面中的代碼@OutputCache對(duì)頁面或用戶控件在服務(wù)器上如何進(jìn)行高速緩存進(jìn)行控制@Reference用來識(shí)別當(dāng)前頁面在運(yùn)行時(shí)應(yīng)該動(dòng)態(tài)編譯和鏈接的頁面或用戶控件

5.頁面指令_page指令二、基本知識(shí)與技術(shù)—頁面指令_pa@Page指令定義了ASP.NET頁解析器和編譯器使用的特定于頁面的屬性它用于在處理和編譯某頁面時(shí)配置與此頁面相關(guān)的屬性每個(gè)ASPX頁只能有一個(gè)@Page指令@Page指令的語法如下：

<%@Pageattribute="value"[attribute="value"...]%>二、基本知識(shí)與技術(shù)—頁面指令_page指令@Page指令定義了ASP.NET頁解析器和編譯器使用@Page指令的屬性2-1<%@PageLanguage="c#"

AutoEventWireup=“true"

Trace="false"

CodeFile="SampApp.aspx.cs"

Inherits=“SampApp""

ContentType="text/xml"%>指定在編譯時(shí)和頁面的代碼聲明塊中使用的語言指示能否自動(dòng)處理頁面的事件指示是否啟用了跟蹤指定編譯的文件名稱，此文件含有與此頁面關(guān)聯(lián)的類指定由頁面繼承的代碼隱藏類二、基本知識(shí)與技術(shù)—頁面指令_page指令屬性@Page指令的屬性2-1<%@PageLanguLanguage:指定頁中所有內(nèi)聯(lián)(<%%>和<%=%>和代碼聲明塊進(jìn)行編譯時(shí)使用的語言，每頁只能使用和指定一種語言，但一個(gè)工程中可以使用多種語言AutoEventWrieup:設(shè)置頁面的事件是否自動(dòng)綁定，默認(rèn)為true.Trace:設(shè)置是否啟用跟蹤，默認(rèn)為false.CodeFile：指定頁引用的代碼隱藏類（源）文件的路徑。同時(shí)使用Inherits屬性指定該類的完全限定名稱。（即類名）

使用這兩個(gè)屬性可以將代碼隱藏源文件和網(wǎng)頁相關(guān)聯(lián)。

二、基本知識(shí)與技術(shù)—頁面指令_page指令屬性Language:指定頁中所有內(nèi)聯(lián)(<%%>和<%=%>@Page指令的其他屬性包括CompilerOptionsDebugDescriptionReadOnlyEnableSessionStateEnableViewStateErrorPageValidateRequest屬性二、基本知識(shí)與技術(shù)—頁面指令_page指令屬性@Page指令的其他屬性包括CompilerOption三、任務(wù)的實(shí)施第一步：文件——新建網(wǎng)站——設(shè)置網(wǎng)站保存的信息第二步：添加新項(xiàng)，選擇Web窗體，修改文件名稱，確定第三步：在頁面視圖上添加文字及Label控件第三步：雙擊.cs文件，進(jìn)入后臺(tái)代碼編輯，編輯代碼，如下：第四步：頁面文件設(shè)計(jì)視圖右鍵“在瀏覽器中瀏覽”publicpartialclass顯示系統(tǒng)時(shí)間:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){Label1.Text=DateTime.Now.ToString();}}}子任務(wù)3:Page運(yùn)行機(jī)制三、任務(wù)的實(shí)施第一步：文件——新建網(wǎng)站——設(shè)置網(wǎng)站保存的信息四、小結(jié)

本次課主要介紹了ASP.NET窗體的概念及構(gòu)成，介紹了ASP.NET窗體的頁面模型，說明了ASP.NET窗體的運(yùn)行原理及生命周期，介紹了Page對(duì)象及Page對(duì)象的屬性及事件，介紹了頁面指令中的Page指令，要求掌握頁面的運(yùn)行機(jī)制，掌握Page對(duì)象及使用方法，能夠完成頁面的制作。本次學(xué)習(xí)的內(nèi)容主要能夠創(chuàng)建一個(gè)的Web頁面四、小結(jié)本次課主要介紹了ASP.NET窗體的概念及構(gòu)成五、作業(yè)

創(chuàng)建一個(gè)動(dòng)態(tài)頁面，實(shí)現(xiàn)動(dòng)態(tài)顯示“歡迎你進(jìn)入網(wǎng)頁”的文字。五、作業(yè)創(chuàng)建一個(gè)動(dòng)態(tài)頁面，實(shí)現(xiàn)動(dòng)態(tài)顯示“歡迎你進(jìn)入網(wǎng)頁 單元1：搭建Web開發(fā)環(huán)境任務(wù)3：搭建Web開發(fā)環(huán)境(3)WEB應(yīng)用開發(fā) 單元1：搭建Web開發(fā)環(huán)境任務(wù)3：搭建Web開發(fā)環(huán)境(3)ASP.NETWeb窗體1ASP.NET頁的生命周期2Page對(duì)象3頁面指令_page指令4主要內(nèi)容ASP.NETWeb窗體1ASP.NET頁的生命周期2Pa學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：了解ASP.NETWeb窗體構(gòu)成掌握ASP.NET窗體頁面模型理解ASP.NET窗體的運(yùn)行機(jī)制及生命周期掌握Page對(duì)象的事件及屬性掌握Page指令的作用及屬性能力目標(biāo)：能夠完成動(dòng)態(tài)頁面的制作

學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：技術(shù)應(yīng)用的背景ASP.NET網(wǎng)頁，也稱ASP.NETWeb窗體（WebForm），是基于.NET通用運(yùn)行環(huán)境的編程模型，用于為Web應(yīng)用程序創(chuàng)建用戶界面。根據(jù)頁面的運(yùn)行機(jī)制，能夠創(chuàng)建頁面并編寫后臺(tái)代碼調(diào)試運(yùn)行。

技術(shù)應(yīng)用的背景ASP.NET網(wǎng)頁，也稱ASP.NET

任務(wù)描述：創(chuàng)建Web網(wǎng)站，完成頁面的制作，實(shí)現(xiàn)在頁面打開時(shí)動(dòng)態(tài)顯示系統(tǒng)時(shí)間，頁面效果如圖：一、學(xué)習(xí)任務(wù)

創(chuàng)建頁面動(dòng)態(tài)顯示系統(tǒng)時(shí)間任務(wù)描述：創(chuàng)建Web網(wǎng)站，完成頁面的制作，實(shí)現(xiàn)在頁面打開1.Web窗體的概念

ASP.NET網(wǎng)頁，也稱ASP.NETWeb窗體（WebForm），是基于.NET通用運(yùn)行環(huán)境的編程模型，用于為Web應(yīng)用程序創(chuàng)建用戶界面。Web窗體是一項(xiàng)ASP.NET功能，可以使用它為Web應(yīng)用程序創(chuàng)建用戶界面

Web窗體還提供了一個(gè)豐富的控件集，使用支持.NET的語言（如VisualBasic.NET和VisualC#等）可對(duì)這些控件編程

通過使用Web窗體上的各種服務(wù)器控件，可在ASP.NET網(wǎng)站上檢索和更新信息二、基本知識(shí)與技術(shù)—ASP.NETWeb窗體的概念

1.Web窗體的概念

二、基本知識(shí)與技術(shù)—ASP.NETW2.ASP.NETWeb窗體的模型

ASP.NET的Web窗體模型由兩部分組成：頁的顯示邏輯（或稱用戶界面UI、可視化組件、可視元素）；頁的業(yè)務(wù)邏輯（或稱編程邏輯、代碼）。二、基本知識(shí)與技術(shù)—ASP.NETWeb窗體的模型2.ASP.NETWeb窗體的模型二、基本知識(shí)與技術(shù)—AS2.ASP.NETWeb窗體的模型

Web窗體的擴(kuò)展名為.aspxWeb窗體將Web應(yīng)用程序分為兩部分：可視化組件用戶界面編碼邏輯Web窗體中包括代碼聲明塊包含HTML控件和服務(wù)器控件Web窗體有各種指令來控制編譯過程

二、基本知識(shí)與技術(shù)—ASP.NETWeb窗體的模型2.ASP.NETWeb窗體的模型二、基本知識(shí)與技術(shù)—AS3.ASP.NET網(wǎng)頁的代碼模型（1）單文件頁模型在單文件頁模型中，頁的標(biāo)記及其編程代碼位于同一個(gè).aspx文件中。編程代碼位于<scriptrunat=“server”>…</script>塊中，該塊包含runat=“server”屬性，此屬性將其標(biāo)記為在服務(wù)器上執(zhí)行的代碼。（2）代碼隱藏頁模型在代碼隱藏頁模型中，頁的標(biāo)記（顯示邏輯）位于.aspx文件中，編程代碼（業(yè)務(wù)邏輯）位于.aspx.cs（對(duì)于C#）文件中。如圖2-3所示，是在解決方案資源管理器中看到的，新建網(wǎng)站時(shí)默認(rèn)創(chuàng)建的文件結(jié)構(gòu)Default.aspx和Default.aspx.cs代碼隱藏頁模型。

二、基本知識(shí)與技術(shù)—ASP.NET網(wǎng)頁的代碼模型3.ASP.NET網(wǎng)頁的代碼模型二、基本知識(shí)與技術(shù)—ASP.服務(wù)器一個(gè)往返周期

Web窗體瀏覽器信息發(fā)送給服務(wù)器已處理信息回送至瀏覽器往返周期

已重新創(chuàng)建頁面刪除頁面信息二、基本知識(shí)與技術(shù)—ASP.NET頁的生命周期4.ASP.NET頁的生命周期服一個(gè)往返周期Web窗體瀏覽器信息發(fā)送給服務(wù)器已處理信初始化頁面

階段引發(fā)的事件Page_Init加載頁面驗(yàn)證事件處理頁面卸載Page_LoadValidateFormeventhandlerPage_Unload頁面顯示之前Page_PreRender在頁面處理的某些特定階段，頁面會(huì)自動(dòng)觸發(fā)一些事件。而與服務(wù)器控件相關(guān)聯(lián)的其他事件則在服務(wù)器端觸發(fā)并得到處理二、基本知識(shí)與技術(shù)—ASP.NET頁的生命周期初始化頁面階段引發(fā)的事件Page_Init加

4.Page對(duì)象是頁面類的實(shí)例，表示客戶機(jī)請(qǐng)求的頁面用于表示一個(gè).aspx文件，也稱為Web窗體頁每個(gè)頁面都派生自Page類，并繼承這個(gè)類公開的所有方法和屬性

Page類的成員位于System.Web.UI命名空間中Page對(duì)象的常用事件

二、基本知識(shí)與技術(shù)—Page對(duì)象事件Init頁面初始化Load頁面加載PreRender頁面顯示前Unload頁面卸載4.Page對(duì)象二、基本知識(shí)與技術(shù)—Page對(duì)象事件Ini4.Page對(duì)象——Page_Load事件在加載頁面時(shí)會(huì)觸發(fā)Page_Load事件ASP.NET將自動(dòng)調(diào)用Page_Load子程序，并執(zhí)行其中的代碼privatevoidPage_Load(objectsender,System.EventArgse){

lblTime.Text=System.DateTime.Now.ToString()}從此處調(diào)用Page_Load事件只要加載頁面，就會(huì)執(zhí)行Page_Load事件內(nèi)的代碼二、基本知識(shí)與技術(shù)—Page對(duì)象4.Page對(duì)象——Page_Load事件private4.Page對(duì)象——常用屬性IsPostBack屬性IsPostBack屬性：用了獲取一個(gè)邏輯值，該值指示當(dāng)前頁面是否正為響應(yīng)客戶端回發(fā)而加載，或者它是否正在被首次加載和訪問。取值：

True:表示頁面是為響應(yīng)客戶端回發(fā)而加載

False:表示頁面是首次加載二、基本知識(shí)與技術(shù)—Page對(duì)象_常用屬性IsPostBack屬性4.Page對(duì)象——常用屬性IsPostBack屬性二、基本38privatevoidPage_Load(objectsender,System.EventArgse){if(!Page.IsPostBack) { lblTime.Text= System.DateTime.Now.ToString(); }}privatevoidbtnSubmit_Click(objectsender,System.EventArgse){

lblMessage.Text="請(qǐng)確定您填寫的信息："+ txtName.Text+""+txtAge.Text+" "+txtHabbit.Text;}

Page_Load事件如果頁面為首次加載，則Page.IsPostBack屬性的值是False，并顯示日期和時(shí)間單擊“提交”按鈕后，日期和時(shí)間都將保持不變二、基本知識(shí)與技術(shù)—Page對(duì)象_常用屬性IsPostBack屬性15

Page_Load事件如果頁面為首次加載，則Page5.頁面指令_page指令二、基本知識(shí)與技術(shù)—頁面指令_page指令@Page定義ASP.NET頁解析器和編譯器所使用的特定頁面的屬性，只可包括在.aspx文件中@Control定義ASP.NET頁解析器和編譯器所使用的特定用戶控件的屬性，只可包括在.ascx文件中@Import在頁面或用戶控件中顯式地導(dǎo)入一個(gè)名稱空間@Implements允許在頁面或用戶控件中實(shí)現(xiàn)一個(gè).NET接口@Register用于注冊(cè)頁面中的用戶控件和自定義服務(wù)器控件以便使用它們@Assembly將程序集引入到當(dāng)前頁面或用戶控件中，以便它所包含的類和接口能夠適用于頁面中的代碼@OutputCache對(duì)頁面或用戶控件在服務(wù)器上如何進(jìn)行高速緩存進(jìn)行控制@Reference用來識(shí)別當(dāng)前頁面在運(yùn)行時(shí)應(yīng)該動(dòng)態(tài)編譯和鏈接的頁面或用戶控件

5.頁面指令_page指令二、基本知識(shí)與技術(shù)—頁面指令_pa@Page指令定義了ASP.NET頁解析器和編譯器使用的特定于頁面的屬性它用于在處理和編譯某頁面時(shí)配置與此頁面相關(guān)的屬性每個(gè)ASPX頁只能有一個(gè)@Page指令@Page指令的語法如下：

<%@Pageattribute="value"[attribute="value"...]%>二、基本知識(shí)與技術(shù)—頁面指令_page指令@Page指令定義了ASP.NET頁解析器和編譯器使用@Page指令的屬性2-1<%@PageLanguage="c#"

AutoEventWireup=“true"

Trace="false"

CodeFile="SampApp.aspx.cs"

Inherits=“SampApp""

ContentType="text/xml"%>指定在編譯時(shí)和頁面的代碼聲明塊中使用的語言指示能否自動(dòng)處理頁面的事件指示是否啟用了跟蹤指定編譯的文件名稱，此文件含有與此頁面關(guān)聯(lián)的類指定由頁面繼承的代碼隱藏類二、基本知識(shí)與技術(shù)—頁面指令_page指令屬性@Page指令的屬性2-1<%@PageLanguLanguage:指定頁中所有內(nèi)聯(lián)(<%%>和<%=%>和代碼聲明塊進(jìn)行編譯時(shí)使用的語言，每頁只能使用和指定一種語言，但一個(gè)工程中可以