第六章程序設(shè)計(jì)基礎(chǔ)

第6章程序設(shè)計(jì)基礎(chǔ)隨著Internet的發(fā)展，基于B/S（Browser/Server）結(jié)構(gòu)的信息系統(tǒng)日趨成為主流模式。是用于創(chuàng)建動(dòng)態(tài)Web頁(yè)面的服務(wù)器端技術(shù)，允許使用.NET框架支持的所有類庫(kù)，方便實(shí)現(xiàn)數(shù)據(jù)庫(kù)訪問(wèn)，支持多種編程語(yǔ)言，是目前最流行的B/S結(jié)構(gòu)信息系統(tǒng)的主要開發(fā)技術(shù)之一。本章主要介紹基于的Web應(yīng)用程序開發(fā)的基本方法。選用MicrosoftVisualStudio2005作為開發(fā)環(huán)境，C#為開發(fā)語(yǔ)言。（簡(jiǎn)稱.NET框架）是一個(gè)用于創(chuàng)建、部署和運(yùn)行基于Internet應(yīng)用程序的統(tǒng)一環(huán)境。.NET框架提供了托管程序執(zhí)行環(huán)境、簡(jiǎn)化的開發(fā)和部署以及與各種編程語(yǔ)言的集成。.NET框架的體系結(jié)構(gòu)，由一組內(nèi)部Windows組件構(gòu)成，其中最關(guān)鍵的是公共語(yǔ)言運(yùn)行庫(kù)和.NET框架類庫(kù)兩部分。

6.1.1Microsoft.NET框架6.1.NET框架與概述安裝了VisualStudio，就包含了.NetFramework（1）公共語(yǔ)言運(yùn)行庫(kù)（CommonLanguageRuntime）CLR負(fù)責(zé)監(jiān)控程序的運(yùn)行和管理系統(tǒng)資源，提供內(nèi)存管理、線程管理和遠(yuǎn)程處理等核心服務(wù)。凡是由符合公共語(yǔ)言規(guī)范的程序語(yǔ)言（如包括C#、C++、VB、J#、Jscript等開發(fā)的程序都編譯為CLR能執(zhí)行的中間語(yǔ)言，由CLR來(lái)運(yùn)行。保證應(yīng)用程序與底層操作系統(tǒng)之間必要的分離。在CLR控制下執(zhí)行的代碼被稱作托管代碼，否則稱為非托管代碼。使用托管代碼編寫的程序被稱為托管應(yīng)用程序，在運(yùn)行時(shí)需要在系統(tǒng)中安裝.NETFramework。（2）.NET框架類庫(kù).NETFramework類庫(kù)（.NETFrameworkClassLibrary，F(xiàn)CL）是一個(gè)與公共語(yǔ)言運(yùn)行庫(kù)緊密集成、綜合性的面向?qū)ο蟮目芍赜妙惖募希瑸閼?yīng)用程序提供各種組件和服務(wù)（如基本類庫(kù)、ASP.NET、等），減少編程工作量，支持高效開發(fā)各種應(yīng)用程序。Web信息系統(tǒng)是瀏覽器/服務(wù)器結(jié)構(gòu)（即B/S結(jié)構(gòu)）的分布式系統(tǒng)。它以Web網(wǎng)站形式提供服務(wù)，其核心是Web服務(wù)器。Web服務(wù)器是網(wǎng)絡(luò)上運(yùn)行著Web服務(wù)器程序（如MicrosoftInternetInformationServices）的一臺(tái)主機(jī)，將Web應(yīng)用程序部署在其上，用戶只需用瀏覽器就能訪問(wèn)Web網(wǎng)站。6.1.2Web信息系統(tǒng)運(yùn)行原理靜態(tài)頁(yè)面是以HTML標(biāo)記語(yǔ)言描述的頁(yè)面文件，事先編寫好存儲(chǔ)在服務(wù)器上，可以直接被客戶機(jī)上的瀏覽器解析顯示。1．Web頁(yè)面工作原理(1)靜態(tài)網(wǎng)頁(yè)提示：靜態(tài)網(wǎng)頁(yè)無(wú)法實(shí)現(xiàn)數(shù)據(jù)庫(kù)訪問(wèn)。動(dòng)態(tài)頁(yè)面不僅包含HTML標(biāo)記，還包括可執(zhí)行的程序代碼，可用、JSP、PHP等工具開發(fā)。頁(yè)面程序（例如數(shù)據(jù)庫(kù)訪問(wèn)、運(yùn)算處理等）執(zhí)行并將集成結(jié)果生成一個(gè)HTML文件返回給瀏覽器。

(2)動(dòng)態(tài)網(wǎng)頁(yè)因該HTML文件不是事先在服務(wù)器上存儲(chǔ)的，而是根據(jù)訪問(wèn)請(qǐng)求動(dòng)態(tài)生成的，所以稱動(dòng)態(tài)網(wǎng)頁(yè)。(2)軟件環(huán)境

Web服務(wù)器①操作系統(tǒng)②.NET框架③Web服務(wù)程序（IIS）④MDAC組件（數(shù)據(jù)庫(kù)訪問(wèn)組件）數(shù)據(jù)庫(kù)服務(wù)器（SQL

Server）客戶機(jī)：操作系統(tǒng)、瀏覽器2．Web信息系統(tǒng)開發(fā)和部署環(huán)境

(1)硬件環(huán)境Internet/Intranet網(wǎng)絡(luò)服務(wù)器1~2臺(tái)客戶機(jī)。在開發(fā)階段，Web服務(wù)器、數(shù)據(jù)庫(kù)服務(wù)器和客戶機(jī)物理上可以是一臺(tái)計(jì)算機(jī)，但在系統(tǒng)部署時(shí)，從安全性和易維護(hù)的角度考慮，Web服務(wù)器和數(shù)據(jù)庫(kù)服務(wù)器最好采用獨(dú)立的計(jì)算機(jī)。6.1.3概述是.NET框架的組件之一，以一個(gè)統(tǒng)一的Web開發(fā)模型，提供了生成Web應(yīng)用程序所必需的各種服務(wù)。VisualStudio平臺(tái)支持程序開發(fā)，功能包括：可視化的Web頁(yè)面設(shè)計(jì)源代碼編輯、編譯、調(diào)試數(shù)據(jù)庫(kù)訪問(wèn)功能網(wǎng)站應(yīng)用程序的部署與發(fā)布6.1.4創(chuàng)建一個(gè)Web應(yīng)用程序

1．Web應(yīng)用程序結(jié)構(gòu)基于創(chuàng)建的Web網(wǎng)站由一組存放在一個(gè)目錄下的Web網(wǎng)頁(yè)及相關(guān)配置文件組成。包含頁(yè)面文件、控件文件、代碼模塊和服務(wù)，以及配置文件和各種資源。這個(gè)目錄稱為Web根目錄，在其下可建立各類子目錄，存放不同類別的文件。文件名或目錄名存放文件global.asax文件是一個(gè)文本文件，提供全局可用代碼。它存放在根目錄下Web.Config文件是一個(gè)XML文本文件，儲(chǔ)存Web應(yīng)用程序的配置信息，可以出現(xiàn)在應(yīng)用程序的每一個(gè)目錄中，默認(rèn)會(huì)在根目錄下創(chuàng)建一個(gè)*.aspx文件網(wǎng)頁(yè)*.aspx.cs文件對(duì)應(yīng)于網(wǎng)頁(yè)的使用C#語(yǔ)言編寫的服務(wù)器端程序App_Data子目錄包含應(yīng)用程序數(shù)據(jù)文件，如MDF文件、XML文件和其他數(shù)據(jù)存儲(chǔ)文件。App_Themes子目錄包含用于定義網(wǎng)頁(yè)和控件外觀的文件集合（.skin和.css以及圖像文件等）App_Browsers子目錄包含用于標(biāo)識(shí)個(gè)別瀏覽器并確定其功能的瀏覽器定義（Browser）文件App_Code子目錄包含作為應(yīng)用程序一部分進(jìn)行編譯的實(shí)用工具類和業(yè)務(wù)對(duì)象（例如.cs、.vb文件）的源代碼Bin子目錄包含要在應(yīng)用程序中引用的控件、組件或其他代碼的已編譯程序集（.dll文件）【例6.1】創(chuàng)建本地文件系統(tǒng)網(wǎng)站C:\WebSite1，輸入姓名后按“確定”按鈕，顯示歡迎信息“eto！”。2.創(chuàng)建本地文件系統(tǒng)Web站點(diǎn)①運(yùn)行MicrosoftVisualStudio2005應(yīng)用程序。②新建Web網(wǎng)站。通過(guò)“文件/新建網(wǎng)站”菜單，打開“新建網(wǎng)站”對(duì)話框；模板選擇“網(wǎng)站”、語(yǔ)言選擇“VisualC#”、位置為“文件系統(tǒng)”、路徑為“C:\WebSite1”，單擊“確定”按鈕，系統(tǒng)將在C:\WebSite1下創(chuàng)建若干文件夾和文件。在解決方案資源管理器中可看到項(xiàng)目文件結(jié)構(gòu)，在計(jì)算機(jī)的C盤上也可以看到。③新建頁(yè)面“HelloWorld.aspx”。在“解決方案資源管理器”中，右擊網(wǎng)站“C:\WebSite1”，選擇“添加新項(xiàng)”菜單打開“添加新項(xiàng)”對(duì)話框；模板選擇“Web窗體”；名稱修改為“HelloWorld.aspx”，不勾選“將代碼放在單獨(dú)的文件中”。單擊“添加”按鈕，添加窗體頁(yè)“HelloWorld.aspx到Web站點(diǎn)“C:\WebSite1”。④設(shè)計(jì)HelloWorld.aspx頁(yè)面。

在“設(shè)計(jì)”視圖中，根據(jù)網(wǎng)頁(yè)布局，從工具箱中拖放控件到設(shè)計(jì)窗口中，并在屬性窗口對(duì)各個(gè)控件的屬性設(shè)置。Label2.Text為“請(qǐng)輸入你的姓名：”，Label1.Text為空，TextBox1.Text為空，Button1.Text為“確定”。生成按鈕事件。在“設(shè)計(jì)”視圖中，雙擊“確定”按鈕，設(shè)計(jì)頁(yè)面切換到“源”視圖，并自動(dòng)生成“確定”按鈕的主事件Click的處理過(guò)程“Button1_Click”框架。⑥為Button1按鈕Click事件處理過(guò)程加入處理代碼。在“源”視圖中，在“Button1_Click”的事件函數(shù)的框架中加入如下語(yǔ)句。protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text=TextBox1.Text+"，eto！";}⑦按“保存”或“全部保存”按鈕可保存該頁(yè)面。⑧

選擇“調(diào)試/啟動(dòng)調(diào)試”菜單（F5）運(yùn)行HelloWorld.aspx。⑨VisualStudio編譯調(diào)試項(xiàng)目后，會(huì)自動(dòng)打開IE瀏覽器。輸入“王紅”，按確定可觀察程序運(yùn)行結(jié)果。⑩關(guān)閉“瀏覽器”或選擇“調(diào)試/停止調(diào)試”菜單結(jié)束網(wǎng)站運(yùn)行，返回VisualStudio。VisualStudio內(nèi)置了Web服務(wù)器DevelopmentServer，不需要IIS就可以運(yùn)行網(wǎng)站查看效果，方便開發(fā)和調(diào)試Web應(yīng)用程序。創(chuàng)建的本地文件系統(tǒng)Web應(yīng)用程序保存在本地文件系統(tǒng)的一個(gè)目錄中，當(dāng)調(diào)試運(yùn)行程序時(shí)，內(nèi)置的Web服務(wù)器自動(dòng)創(chuàng)建基于該目錄的Web應(yīng)用程序。第一次使用內(nèi)置Web服務(wù)器運(yùn)行程序時(shí)，會(huì)出現(xiàn)“未啟用調(diào)試”對(duì)話框，采用默認(rèn)設(shè)置（“添加新的啟用了調(diào)試的Web.config文件”）即可。Web應(yīng)用程序發(fā)布方式有以下幾種：1．配置IIS，重設(shè)IIS主目錄發(fā)布。2．創(chuàng)建虛擬目錄發(fā)布3．直接將Web網(wǎng)站程序發(fā)布到IIS的主目錄。（1）將Web應(yīng)用程序復(fù)制到主目錄后配置發(fā)布（2）使用VisualStudio創(chuàng)建Web應(yīng)用程序時(shí)發(fā)布（3）使用VisualStudio編譯后發(fā)布6.1.5發(fā)布Web應(yīng)用程序使用內(nèi)置的Web服務(wù)器僅能調(diào)試頁(yè)面。如果要讓其他遠(yuǎn)程用戶也能訪問(wèn)該網(wǎng)站，需要使用IIS將調(diào)試好的Web應(yīng)用程序發(fā)布出去。1．配置IIS，重設(shè)IIS主目錄發(fā)布。【例6.2】配置IIS，發(fā)布“例6.1”創(chuàng)建的網(wǎng)站。①

使用“控制面板/管理工具/Internet信息服務(wù)”打開“Internet信息服務(wù)”。②

右擊“默認(rèn)網(wǎng)站”，選“屬性”菜單打開“默認(rèn)網(wǎng)站屬性”對(duì)話框。選擇“主目錄”選項(xiàng)卡，單擊本地路徑后的“瀏覽”按鈕，選擇要發(fā)布的網(wǎng)站程序文件夾，本例為“C:\WebSite1”。③選擇“文檔”選項(xiàng)卡，點(diǎn)擊“添加”按鈕，將“HelloWorld.aspx”文件添加到“啟用默認(rèn)文檔列表”中，按“確定”按鈕關(guān)閉窗口發(fā)布完成。④在本機(jī)使用“”、“”可以訪問(wèn)該站點(diǎn)，在網(wǎng)絡(luò)的其他計(jì)算機(jī)上使用“http://服務(wù)器域名”、“地址”可以訪問(wèn)該站點(diǎn)。IIS服務(wù)器默認(rèn)以“C:\Inetpub\wwwroot”作為網(wǎng)站的根目錄，所以也稱其為Web應(yīng)用程序的主目錄，存放在其下的Web網(wǎng)站程序可以使用URL為“http://服務(wù)器域名”、“地址”直接訪問(wèn)。2．創(chuàng)建虛擬目錄發(fā)布由于一個(gè)Web服務(wù)器上可能發(fā)布多個(gè)Web網(wǎng)站，為了能區(qū)分不同網(wǎng)站，除了主目錄外，IIS采用虛擬目錄來(lái)管理Web網(wǎng)站，即把網(wǎng)站程序存放在一個(gè)文件夾，然后通過(guò)配置IIS以虛擬目錄名發(fā)布，使每個(gè)Web網(wǎng)站有自己的應(yīng)用程序域。虛擬目錄又稱為“別名”，以Web服務(wù)器作為根目錄。例如：某網(wǎng)站程序所在的文件夾為“C:\Myweb”，在IIS中的“默認(rèn)網(wǎng)站”下建立名為“BookShop”的虛擬目錄，設(shè)置其本地路徑為“C:\Myweb”，則訪問(wèn)該網(wǎng)站的方式為“http://服務(wù)器域名/BookShop、“地址/BookShop”?！纠?.3】創(chuàng)建虛擬目錄發(fā)布“例6.1”創(chuàng)建的網(wǎng)站。①在“Internet信息服務(wù)”窗口右擊“默認(rèn)網(wǎng)站”，選擇“新建虛擬目錄”菜單，按“下一步”按鈕依次完成各對(duì)話框設(shè)置，輸入別名，如WebSite2，瀏覽設(shè)置Web網(wǎng)站目錄“C:\WebSite1”，其他頁(yè)采用默認(rèn)設(shè)置，直到完成創(chuàng)建。②訪問(wèn)該站點(diǎn)，在本機(jī)可用“”、；在網(wǎng)絡(luò)上使用“http://服務(wù)器域名/WebSite2”、“地址/WebSite2”。3．直接將Web網(wǎng)站程序發(fā)布到IIS的主目錄（1）將Web應(yīng)用程序復(fù)制到主目錄后配置發(fā)布在“我的電腦”中使用復(fù)制命令將“C:\WebSite1”下的所有文件和子文件夾復(fù)制到IIS的默認(rèn)主目錄下；或者使用VisualStudio的“網(wǎng)站/復(fù)制網(wǎng)站”

菜單將當(dāng)前Web網(wǎng)站所有文件和文件夾復(fù)制到指定的Web服務(wù)器（本地、遠(yuǎn)程HTTP、遠(yuǎn)程FTP）來(lái)發(fā)布。注意移除原來(lái)的文件。如果IIS“啟用默認(rèn)文檔列表”中不包括啟動(dòng)頁(yè)面，需要在默認(rèn)網(wǎng)站的文檔中添加該文件。（2）使用VisualStudio創(chuàng)建程序時(shí)直接發(fā)布新建Web網(wǎng)站時(shí)，在“新建網(wǎng)站”對(duì)話框位置處選擇“瀏覽”按鈕可彈出擇位置對(duì)話框。①

文件系統(tǒng)：文件存儲(chǔ)在本地，使用內(nèi)置Web服務(wù)器可調(diào)試網(wǎng)站，但不發(fā)布。一般用于開發(fā)和調(diào)試程序。②本地IIS：文件存儲(chǔ)在本地IIS主目錄文件夾中，不需設(shè)置可直接發(fā)布。一般用于開發(fā)和維護(hù)運(yùn)行在本地IIS的Web網(wǎng)站。③FTP站點(diǎn)：文件存儲(chǔ)在遠(yuǎn)程FTP服務(wù)器上，通過(guò)Internet訪問(wèn)該服務(wù)器，不需任何設(shè)置可直接發(fā)布。一般用于開發(fā)和維護(hù)運(yùn)行在遠(yuǎn)程服務(wù)器的Web網(wǎng)站。④遠(yuǎn)程站點(diǎn)（IIS）：文件存儲(chǔ)在跨越本地網(wǎng)絡(luò)訪問(wèn)的遠(yuǎn)程服務(wù)器上，不需任何設(shè)置就可直接發(fā)布。一般用于開發(fā)和維護(hù)運(yùn)行在遠(yuǎn)程IIS的Web網(wǎng)站。（3）使用VisualStudio編譯后發(fā)布使用“生成/發(fā)布網(wǎng)站”菜單可以將當(dāng)前Web應(yīng)用程序進(jìn)行編譯生成動(dòng)態(tài)鏈接庫(kù)（.dll），存放到本地或遠(yuǎn)程服務(wù)器的Bin文件夾，也可以將編譯后的程序直接發(fā)布到指定的服務(wù)器。編譯后的網(wǎng)站程序文件小、運(yùn)行速度快，而且不能被其他人修改，比較安全。6.1.6超文本標(biāo)記語(yǔ)言HTML簡(jiǎn)介1．HTML簡(jiǎn)介HTML（HypertextMarkupLanguage，超文本標(biāo)記語(yǔ)言）是一種用于描述網(wǎng)頁(yè)文檔的標(biāo)記語(yǔ)言。在WWW上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面（網(wǎng)頁(yè)），對(duì)應(yīng)于HTML文件，以.htm或.html為擴(kuò)展名。HTML是Web編程的基礎(chǔ)。使用集成開發(fā)工具構(gòu)建Web站點(diǎn)時(shí)，會(huì)自動(dòng)生成相應(yīng)的HTML代碼，一般不需手工編寫，但開發(fā)者應(yīng)該至少能夠讀懂這些HTML代碼。①運(yùn)行VisualStudio應(yīng)用程序，新建或打開Web網(wǎng)站：C:\WebSite4。②新建HTML頁(yè)HTMLPage.htm。在“解決方案資源管理器”中，右擊網(wǎng)站“C:\WebSite4”，選擇“添加新項(xiàng)”，在“添加新項(xiàng)”對(duì)話框模板中選擇“HTML頁(yè)”；單擊“添加”按鈕，添加“HTMLPage.htm”?！纠?.4】創(chuàng)建并編輯HTML頁(yè)HTMLPage.htm，運(yùn)行時(shí)在頁(yè)面顯示“Hello,World!”。2．創(chuàng)建簡(jiǎn)單的HTML文檔HTML文件是純文本文件，可以直接使用文本編輯器（如記事本）編寫。但一般使用專業(yè)的Web創(chuàng)作工具（如Dreamweaver），或者使用集成開發(fā)環(huán)境（如VisualStudio）中內(nèi)置的HTML編輯器來(lái)編輯。③在“設(shè)計(jì)”視圖中，在頁(yè)面上鍵入“Hello,World!”，切換到在“源”視圖，觀看自動(dòng)生成的HTML代碼，并將<head>部分用“HTML實(shí)驗(yàn)”替換“無(wú)標(biāo)題頁(yè)”。④運(yùn)行程序，看到頁(yè)面標(biāo)題顯示“HTML實(shí)驗(yàn)”，頁(yè)內(nèi)顯示“Hello,World!”

。3．HTML文檔的基本結(jié)構(gòu)<!DOCTYPE>聲明位于文檔中最前面的位置，處于<html>標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范?？梢允÷?。<HTML></HTML>在文檔的最外層，文檔中的所有文本和html標(biāo)簽都包含在其中，它表示該文檔是以超文本標(biāo)識(shí)語(yǔ)言（HTML）編寫的。<HTML></HTML>之間包含HTML文檔的2個(gè)主要部分：head部分和body部分。<head></head>之間的部分為head部分，包括文檔的頭部信息，如文檔總標(biāo)題（<title>）以及元信息（<meta>）等，若不需頭部信息則可省略此標(biāo)記。<body></body>之間的部分為body部分，包含正文內(nèi)容，是在瀏覽器要顯示的頁(yè)面內(nèi)容。表示正文內(nèi)容的開始。HTML標(biāo)簽的典型格式如下：<標(biāo)簽名字屬性1=屬性1值屬性2=屬性2值…>內(nèi)容</標(biāo)簽名字>4．HTML標(biāo)記及其屬性概述HTML標(biāo)簽一般不區(qū)分大小寫；HTML標(biāo)簽屬性是可選的，先后位置可任意排列，用空格分隔。屬性值一般不用加英文雙引號(hào)，但包含特殊字符（例如空格、%號(hào)，#號(hào)）的屬性值必須加入雙引號(hào)。HTML文檔由標(biāo)簽和文本構(gòu)成，標(biāo)簽用來(lái)告訴瀏覽器如何呈現(xiàn)內(nèi)容。例：<title>Hello</title>使標(biāo)題欄顯示“Hello”。例：設(shè)置網(wǎng)頁(yè)背景顏色（"#ffccff"為水粉色）。<bodybgcolor="#ffccff"></body>16進(jìn)制色的前面兩位表示Red、中間兩位表示Green、后面兩位表示Blue。6.2Web窗體與常用服務(wù)器控件控件是Web窗體上的界面對(duì)象。它們使Web應(yīng)用程序開發(fā)非常便捷。包括HTML服務(wù)器控件和Web服務(wù)器控件。HTML服務(wù)器控件的事件處理在客戶端的頁(yè)面上，而Web服務(wù)器控件則是在服務(wù)器上，能夠展現(xiàn)更高級(jí)的功能，方便業(yè)務(wù)處理編程。Web窗體是基于的可擴(kuò)展編程模型，支持快速生成Web應(yīng)用程序。它可以使用.NET提供的各種控件來(lái)為Web應(yīng)用程序構(gòu)建用戶界面、使用支持.NET的語(yǔ)言（Visual、等）編寫代碼來(lái)提供交互功能、調(diào)用業(yè)務(wù)對(duì)象和執(zhí)行其他任務(wù)，并且可以實(shí)現(xiàn)頁(yè)面內(nèi)容與代碼的完全分離。6.2.1Web窗體Web窗體由兩部分構(gòu)成：用戶界面與應(yīng)用程序?qū)崿F(xiàn)邏輯。用戶界面：負(fù)責(zé)對(duì)瀏覽器上Web窗體進(jìn)行表示。由靜態(tài)文本和服務(wù)器控件（也可以包括HTML控件、HTML服務(wù)器控件以及用戶自定義的控件）組成。實(shí)現(xiàn)邏輯：對(duì)Web窗體進(jìn)行邏輯處理的代碼，負(fù)責(zé)生成頁(yè)面上動(dòng)態(tài)顯示的內(nèi)容，實(shí)際上是一個(gè)用于封裝用戶數(shù)據(jù)及其操作方法的Page類。VisualStudio為Web應(yīng)用程序中的每個(gè)Web窗體提供了三個(gè)不同的視圖：①設(shè)計(jì)視圖。設(shè)計(jì)用戶界面，對(duì)應(yīng).aspx頁(yè)面文件。②源視圖。設(shè)計(jì)可視化組件，對(duì)應(yīng).aspx頁(yè)面文件，查看編輯HTML代碼。③邏輯代碼視圖。設(shè)計(jì)實(shí)現(xiàn)邏輯代碼，每個(gè)Web窗體都可有一個(gè)對(duì)應(yīng)的邏輯代碼文件，其文件名稱是在對(duì)應(yīng)的頁(yè)面文件名稱后再加后綴名（C#語(yǔ)言源文件加“.cs”，VB語(yǔ)言源文件加“.vb”）。.aspx.cs1.Web窗體的組成2.代碼內(nèi)聯(lián)與后臺(tái)編碼后臺(tái)編碼方式：通過(guò)建立邏輯代碼文件(.cs文件)，將用戶界面(.aspx文件)與實(shí)現(xiàn)邏輯代碼分離，使界面設(shè)計(jì)工作由專業(yè)設(shè)計(jì)人員完成，而實(shí)現(xiàn)邏輯由程序設(shè)計(jì)人員完成。代碼內(nèi)聯(lián)方式：不建立單獨(dú)的邏輯代碼文件，而是和HTML代碼存放在同一個(gè)文件中，即只有.aspx文件，而沒有.cs文件。3.事件驅(qū)動(dòng)編程Web窗體基于事件驅(qū)動(dòng)編程，事件的發(fā)生（例如點(diǎn)擊按鈕、按下鍵盤、移動(dòng)鼠標(biāo)、窗體加載等）都產(chǎn)生事件?？梢杂|發(fā)相關(guān)程序的執(zhí)行，稱為事件處理程序。新建頁(yè)面時(shí)，不選中“將代碼放在單獨(dú)的文件中”使用的是代碼內(nèi)聯(lián)方式；選中則使用后臺(tái)編碼方式。4．Web窗體常用事件窗體上的界面對(duì)象都可以響應(yīng)相關(guān)的事件，各控件能響應(yīng)的事件略有不同。當(dāng)瀏覽器第一次請(qǐng)求一個(gè)頁(yè)面時(shí)，相應(yīng)的Web窗體被編譯為一個(gè)Page類并實(shí)例化。下面介紹Page類的兩個(gè)事件。①Page_Load事件所有窗體都包含Page_Load事件，該事件在內(nèi)存加載頁(yè)面時(shí)自動(dòng)發(fā)生，可利用事件處理代碼來(lái)初始化控件屬性、建立數(shù)據(jù)綁定或者創(chuàng)建數(shù)據(jù)庫(kù)的連接對(duì)象等。

②Page_UnLoad事件和Page_Load事件相對(duì)應(yīng)，從內(nèi)存中卸載頁(yè)面時(shí)發(fā)生，該事件框架中通常編寫清除內(nèi)存變量、數(shù)組、對(duì)象以及關(guān)閉數(shù)據(jù)庫(kù)連接等代碼。

【例6.5】采用后臺(tái)編碼方式實(shí)現(xiàn)例6.1，觀察實(shí)現(xiàn)過(guò)程和Web窗體各視圖中的內(nèi)容。

①新建頁(yè)面“HelloWorld.aspx”時(shí)，勾選“將代碼放在單獨(dú)的文件中”，以便創(chuàng)建后臺(tái)編碼程序，在程序窗格可看到兩個(gè)文件“HelloWorld.aspx”和“HelloWorld.aspx.cs”。②在設(shè)計(jì)視圖中，設(shè)計(jì)Web窗體界面。包括直接書寫在窗體上的靜態(tài)文本以及文本框Textbox、標(biāo)簽Label和按鈕Button控件組成，通過(guò)屬性窗口設(shè)置各控件的視覺效果。③切換到源視圖，查看“HelloWorld.aspx”文件，可以看到HTML代碼，修改HTML代碼，可以改變界面布局或效果，

說(shuō)明：（1）CodeFile=“HelloWorld.aspx.cs”語(yǔ)句說(shuō)明其編譯時(shí)需要連接的邏輯代碼文件。（2）<asp:ButtonID=“Button1”runat=“server”Text=“Button”O(jiān)nClick=“Button1_Click”/>語(yǔ)句將Button1的過(guò)程Button1_Click和OnClick事件進(jìn)行了綁定。（3）runat屬性：若屬性值為server，則指明代碼在服務(wù)器端運(yùn)行，否則在客戶端運(yùn)行。protectedvoidPage_Load(objectsender,EventArgse){Label1.Text="Hello";}protectedvoidButton1_Click(objectsender,EventArgse){//修改Label1顯示內(nèi)容Label1.Text=TextBox1.Text+"，eto！";}//頁(yè)面加載時(shí)，給Label1賦初始顯示內(nèi)容//點(diǎn)擊Button1，修改Label1顯示內(nèi)容④在“設(shè)計(jì)”視圖中，雙擊“確定”按鈕換到邏輯代碼視圖，并在“HelloWorld.aspx.cs”中自動(dòng)生成“確定”按鈕的主事件Click的處理過(guò)程“Button1_Click”框架，可編輯實(shí)現(xiàn)應(yīng)用程序業(yè)務(wù)邏輯的代碼。

控件的事件框架可以通過(guò)以下方法創(chuàng)建：在設(shè)計(jì)視圖中，雙擊要?jiǎng)?chuàng)建事件過(guò)程的服務(wù)器控件在設(shè)計(jì)視圖中，選中某一服務(wù)器控件，然后在屬性窗口單擊事件圖標(biāo)（）會(huì)打開該控件的可用事件列表。雙擊需要的事件；在源視圖中，左上角的下拉列表框可以選擇頁(yè)面或控件，選好后點(diǎn)擊右上角的下拉列表框可選擇需要的事件。通過(guò)屬性窗口建立事件處理框架

通過(guò)源視圖建立事件處理框架

（1）屬性屬性是用來(lái)描述對(duì)象特征的參數(shù)。對(duì)象的屬性可以通過(guò)兩種方法來(lái)設(shè)置：①在設(shè)計(jì)視圖的屬性窗口直接設(shè)置對(duì)象的屬性值。②在程序運(yùn)行階段，通過(guò)賦值語(yǔ)句來(lái)設(shè)置對(duì)象屬性，格式為：對(duì)象名.屬性名=屬性值例如：在程序運(yùn)行中改變Label1顯示的內(nèi)容:Label1.Text=“Hello!“6.2.2服務(wù)器控件概述控件是Web窗體上的對(duì)象，每類對(duì)象都具有屬性、方法和事件三個(gè)要素。1．控件對(duì)象簡(jiǎn)介（2）方法對(duì)象的方法可看成是對(duì)象所能進(jìn)行的操作。方法對(duì)應(yīng)一個(gè)過(guò)程或函數(shù)，可在程序中被調(diào)用，以完成某種功能，其格式為：對(duì)象名.方法([參數(shù)表])例如：使TextBox1獲得焦點(diǎn):TextBox1.Focus()（3）事件事件是發(fā)生在對(duì)象上的一件事情。程序中需要有一段代碼來(lái)處理這個(gè)事件，這段代碼稱為事件過(guò)程。事件過(guò)程的框架格式如下：protectedvoid對(duì)象名_事件(觸發(fā)事件的對(duì)象,事件相關(guān)參數(shù)){//事件過(guò)程代碼}

protected

voidButton1_Click(objectsender,EventArgse)2．Web服務(wù)器控件開發(fā)Web應(yīng)用程序可以使用一組強(qiáng)大的控件，包括HTML服務(wù)器控件和Web服務(wù)器控件（也稱服務(wù)器控件）。HTML服務(wù)器控件的事件處理在客戶端的頁(yè)面上，Web服務(wù)器控件的事件處理在服務(wù)器上，能夠展現(xiàn)更高級(jí)的功能，方便業(yè)務(wù)處理編程。

使用Web服務(wù)器控件構(gòu)建頁(yè)面有兩種方式：①在設(shè)計(jì)視圖中將工具箱中的控件拖放到頁(yè)面上，左上角的綠色三角形“

”表示該控件是服務(wù)器控件。添加到窗體上的每個(gè)控件都會(huì)生成相應(yīng)的HTML語(yǔ)句，一般格式如下：<asp:控件類型ID="控件名稱"runat="server"控件其他屬性/>或<asp:控件類型ID="控件名稱"runat="server"控件其他屬性/></asp:控件類型>其中：

asp代表命名空間，所有Web服務(wù)器控件的命名空間都是asp；

ID是控件的唯一標(biāo)識(shí)，系統(tǒng)按序號(hào)自動(dòng)為窗體上的同類控件編號(hào)，用戶也可重新命名；

runat=“server”表明是一個(gè)服務(wù)器控件。②另外一種方式是在源視圖中直接編輯代碼來(lái)設(shè)置和使用Web服務(wù)器控件。3．常用Web服務(wù)器控件的共有屬性屬性數(shù)據(jù)類型說(shuō)明IDString控件的名稱，是一個(gè)窗體上控件的唯一標(biāo)識(shí)AccessKeyString為控件指定鍵盤快捷鍵。通過(guò)按鍵盤上的Alt鍵和指定的字符鍵快速定位到控件。AccessKey屬性只允許單個(gè)字符串BackColorColor控件的背景色BorderColorColor控件的邊框顏色BorderStyleBorderStyle控件的邊框樣式。BorderWidthUnit控件的邊框?qū)挾?。ControlStyleStyle控件的樣式。CssClassString在客戶端呈現(xiàn)的級(jí)聯(lián)樣式表(CSS)類EnabledBoolean指示是否啟用Web服務(wù)器控件EnableThemingBoolean指示是否對(duì)此控件應(yīng)用主題FontFontInfo與控件關(guān)聯(lián)的字體屬性。ForeColorColor控件的前景色（通常是文本顏色）HeightUnit控件高度，默認(rèn)單位是像素（pixels）WidthUnit控件寬度，默認(rèn)單位是像素（pixels）SkinIDstring要應(yīng)用于控件的外觀<asp:LabelID="Label1"runat="server"Text="Hello,World!"></asp:Label>6.2.3標(biāo)準(zhǔn)控件1．Label控件在頁(yè)面上顯示文本。Text屬性指定顯示內(nèi)容。Text可省略，顯示內(nèi)容放<asp:Label></asp:Label>間：<asp:LabelID="Label1"runat="server">Hello,World!</asp:Label>在事件過(guò)程中修改控件的顯示內(nèi)容的語(yǔ)句為：Label1.Text="Hello,World!"Text：用于讀取或者設(shè)置文本框的文本值。TextMode：有三種取值：默認(rèn)為SingleLine（單行文本框）、Password（密碼框）、MultiLine（多行文本框）。密碼文本框?qū)⒂脩糨斎氲奈谋疽孕翘?hào)（*）表示。Maxlength：允許輸入的最多字符數(shù)。0為輸入字符個(gè)數(shù)不限。Wrap：取值為True或False（默認(rèn)），多行文本是否自動(dòng)換行。AutoPostBack，取值為True或False（默認(rèn)），當(dāng)用戶按回車鍵或Tab鍵離開文本框時(shí)，是否自動(dòng)觸發(fā)TextChanged事件。2．TextBox控件用于顯示數(shù)據(jù)或接收用戶輸入數(shù)據(jù)。（1）TextBox的常用屬性例如：TextBox用作密碼框，實(shí)現(xiàn)的代碼如下：<asp:TextBoxID="TextBox2"runat="server"TextMode="Password"></asp:TextBox>Focus()方法。Focus()將用戶端的焦點(diǎn)置于TextBox控件上面。例如：頁(yè)面顯示時(shí)將光標(biāo)置于TextBox1控件上。protectedvoidPage_Load(objectsender,EventArgse){

TextBox1.Focus();}（2）TextBox的常用方法TextChanged事件。當(dāng)客戶端的焦點(diǎn)離開文本框后，TextBox的內(nèi)容傳到服務(wù)器，服務(wù)器經(jīng)過(guò)比對(duì)發(fā)現(xiàn)輸入的內(nèi)容和上次不同之后，該事件發(fā)生。（3）TextBox的常用事件提示：設(shè)置AutoPostBack為True，并在TextChanged事件過(guò)程中編寫代碼，在文本框內(nèi)容改變時(shí)立即觸發(fā)事件執(zhí)行代碼。3．Button控件、LinkButton和ImageButtonButton：最常用的Web控件，一般用來(lái)提交表單。<asp:ButtonID="控件名稱"runat="server"Text="按鈕標(biāo)題"OnClick="控件名稱_事件"/>（1）Button的常用屬性為Text，表示按鈕顯示的標(biāo)題。（2）Button的常用事件為Button_Click，用戶單擊按鈕時(shí)發(fā)生。LinkButton：是Button的一種變體，與Button控件功能相同，只是采用超鏈接形式。如果Web窗體上有較多按鈕，可以使用LinkButton。

添加圖片在屬性窗口設(shè)置ImageUrl屬性設(shè)置ImageUrl屬性的方法：將要顯示的圖片通過(guò)“添加現(xiàn)有項(xiàng)”添加到應(yīng)用程序中，隨后在屬性窗口中設(shè)置ImageUrl為該圖片文件，為“~/文件名”（“~”表示當(dāng)前目錄），也可在程序運(yùn)行時(shí)指定。ImageButton：是Button的一種變體，外觀采用圖片。ImageUrl屬性：指明圖像文件的路徑和文件名，圖像可以是jpg、bmp、gif等格式?！纠?.6】使用Textbox、Label、Button實(shí)現(xiàn)密碼驗(yàn)證程序。圖（a）為運(yùn)行初始窗口，焦點(diǎn)在姓名文本框處；圖（b）為輸入“Tom”、密碼為“8888”，按“確定”按鈕在窗體標(biāo)簽上顯示“歡迎Tom使用教務(wù)系統(tǒng)”；按“清空”超鏈接按鈕則姓名和密碼清空；按圖像按鈕“

”則在窗體下部顯示（或隱藏）多行只讀文本框來(lái)查看或隱藏幫助信息。（1）新建一個(gè)頁(yè)面Login.aspx，窗體上的控件及布局如下圖。類型ID屬性說(shuō)明LabelLabel1Text=”姓名”姓名文本框前提示Label2Text=”密碼”密碼文本框前提示Label3Text=””密碼驗(yàn)證結(jié)果信息TextBoxTextBoxNameText=””姓名文本框TextBoxPasswordText=””,TextMode=Password,MaxLength=6密碼文本框TextBoxHelpVisible=False,TextMode=MultiLine,ReadOnly=True幫助文本框ButtonButtonOKText=”確定”確定按鈕LinkButtonLinkButtonClearText=”清空”清空按鈕ImageButtonImageButtonHelpImageurl=”~/Help.jpg”幫助按鈕各控件及其屬性初始值（未說(shuō)明的取默認(rèn)值）protectedvoidButtonOK_Click(objectsender,EventArgse){if(TextBoxPassword.Text==“8888”)//判斷密碼是否為“8888”{Label3.Text="歡迎"+TextBoxName.Text+"使用教務(wù)系統(tǒng)!";

//密碼正確，顯示歡迎信息

}else{Label3.Text=“用戶名或密碼錯(cuò)誤!”;//密碼錯(cuò)誤，顯示出錯(cuò)信息}}（2）Login.aspx.cs中的相關(guān)事件處理程序protectedvoidPage_Load(objectsender,EventArgse){

TextBoxHelp.Text="請(qǐng)輸入您的姓名和密碼，注意密碼只能由數(shù)字構(gòu)成";TextBoxName.Focus();//TextBoxName文本框獲得輸入焦點(diǎn)}①頁(yè)面加載時(shí)，TextBoxName文本框獲得輸入焦點(diǎn)。②輸入姓名和密碼，按下ButtonOK按鈕驗(yàn)證密碼，并報(bào)告結(jié)果。protectedvoidImageButtonHelp_Click(objectsender,ImageClickEventArgse){//設(shè)置Visible屬性為True或FalseTextBoxHelp.Visible=!TextBoxHelp.Visible;}

protectedvoidLinkButtonClear_Click(objectsender,EventArgse){TextBoxName.Text="";//清空TextBoxNameTextBoxPassword.Text="";//清空TextBoxPasswordLabel3.text="";}③按下LinkButtonClear按鈕清空TextBoxName和TextBoxPassword。④按下ImageButtonHelp顯示或隱藏幫助文本框TextBoxHelp。Image用于在頁(yè)面上顯示圖片。主要屬性ImageUrl，作用和用法與ImageButton的ImageUrl屬性相同。4．Image、ImageMapImageMap控件用來(lái)在頁(yè)面上顯示圖像，也可以實(shí)現(xiàn)圖像的超鏈接形成導(dǎo)航菜單?？梢詫D像按照坐標(biāo)（X,Y）劃分不同的形狀熱點(diǎn)區(qū)域，分別進(jìn)行相應(yīng)的操作，可以是導(dǎo)航到其他頁(yè)面或者將指定的值回傳給服務(wù)器。Image、ImageMap的常用屬性：ImageUrl：設(shè)圖像路徑及文件名，可以產(chǎn)生一個(gè)圖形超鏈接。HotSpot：設(shè)置超鏈接區(qū)域。5．HyperLink超鏈接控件HyperLink用于在網(wǎng)頁(yè)中設(shè)置文本或圖像超鏈接。HyperLink的常用屬性：NavigateUrl：要打開頁(yè)面的URL。Target：可以在設(shè)有框架的網(wǎng)頁(yè)上，決定此鏈接要開啟哪個(gè)框架或者另外可以打開的窗體。設(shè)置Target=”_blank”時(shí)表示開啟一個(gè)新窗體。ImageUrl：設(shè)置要顯示的圖像路徑及文件名，可以產(chǎn)生一個(gè)圖形超鏈接。Panel控件和PlaceHolder控件都可以作為其他控件的容器。可以把一組控件放在其中，便于整體布局和控制整體的隱藏或顯示。常用屬性為Visible。也可以用編程方式通過(guò)Controls集合的Add、Remove等方法動(dòng)態(tài)添加或移除容器內(nèi)的控件。6．Panel、PlaceHolder單選按鈕控件RadioButton用于在多個(gè)選項(xiàng)之中只能選擇其中一項(xiàng)的情況，一般是成組使用。CheckedChanged：?jiǎn)芜x鈕選中項(xiàng)發(fā)生變化時(shí)發(fā)生。Click：?jiǎn)螕舭粹o時(shí)發(fā)生。7．RadioButton、RadioButtonList（1）RadioButton的常用屬性（2）RadioButton的常用事件屬性描述AutoPostBack在Checked屬性被改變后，是否立即回傳表單。默認(rèn)為FalseChecked設(shè)置或判斷某個(gè)RadioButton是否被選中，True表示選中，F(xiàn)alse為未選中GroupName所屬控件組的名稱。同組內(nèi)的單選按鈕是互斥的，只能選中其中一項(xiàng)OnCheckedChanged當(dāng)Checked屬性被改變時(shí)，被執(zhí)行的函數(shù)的名稱Text單選按鈕旁邊的文本說(shuō)明TextAlign文本應(yīng)出現(xiàn)在單選按鈕的哪一側(cè)（左側(cè)還是右側(cè)）SelectedItem程序中通過(guò)“控件名稱.SelectedItem.Value”獲取被選中按鈕的選項(xiàng)值；通過(guò)“控件名稱.SelectedItem.Text”獲取被選中按鈕的顯示文本RadioButtonList控件的作用和RadioButton控件相同，如果組中RadioButton控件數(shù)量比較多或者其值可以通過(guò)現(xiàn)有的數(shù)據(jù)庫(kù)中的值表示，用RadioButtonList控件可以簡(jiǎn)化頁(yè)面設(shè)計(jì)和程序代碼，但界面設(shè)計(jì)不靈活。屬于同一組的RadioButton可以以任何方式排列，而RadioButtonList只能選擇水平或者垂直的方式進(jìn)行排列。屬性描述CellPadding單元格邊框與內(nèi)容之間的像素?cái)?shù)CellSpacing表格單元格之間的像素?cái)?shù)RepeatColumns當(dāng)顯示單選按鈕組時(shí)要使用的列數(shù)RepeatDirection規(guī)定單選按鈕組應(yīng)水平重復(fù)還是垂直重復(fù)RepeatLayout單選按鈕組的布局runat規(guī)定該控件是服務(wù)器控件。必須設(shè)置為"server"。TextAlign文本應(yīng)出現(xiàn)在單選按鈕的哪一側(cè)（左側(cè)還是右側(cè)）。SelectedItem程序中通過(guò)“控件名稱.SelectedItem.Value”獲取被選中按鈕的選項(xiàng)值；通過(guò)“控件名稱.SelectedItem.Text”獲取被選中按鈕的顯示文本復(fù)選框控件CheckBox允許用戶在多個(gè)選項(xiàng)中選一項(xiàng)或多項(xiàng)。CheckBox的屬性設(shè)置和RadioButton類似。CheckBoxList可設(shè)置一組復(fù)選框。8．CheckBox、CheckBoxList下拉列表框控件DropDownList和列表框ListBox用于創(chuàng)建一個(gè)列表，允許用戶從中選擇需要的項(xiàng)。二者的區(qū)別是DropDownList在點(diǎn)擊后才顯示列表，且只允許從中選取一項(xiàng)，適用于空間有限的時(shí)候。ListBox允許用戶選擇其中的一項(xiàng)或者多項(xiàng)。9．DropDownList

、ListBoxDropDownList、ListBox常用屬性10．FileUpLoad文件上傳控件FileUpLoad顯示一個(gè)文本框控件和一個(gè)瀏覽按鈕，可以實(shí)現(xiàn)瀏覽和選定磁盤文件、上傳文件到服務(wù)器指定位置的功能。（1）常用的屬性HasFile：說(shuō)明是否已經(jīng)選定文件，True表示已選定。FileName：要上傳文件的文件名，不包括路徑。（2）常用的方法SaveAs(stringfilepath)：上傳文件保存到服務(wù)器指定位置filepath?！纠?.7】綜合以上各類控件的應(yīng)用，實(shí)現(xiàn)如學(xué)生信息維護(hù)程序。

（a）運(yùn)行初始頁(yè)面

（b）按“確定”按鈕后頁(yè)面（c）頁(yè)面中的控件說(shuō)明（1）新建一個(gè)網(wǎng)頁(yè)，設(shè)計(jì)網(wǎng)頁(yè)上的控件（如圖c）。可以先放置2個(gè)Panel，然后在Panel1上插入表，在各行插入相關(guān)控件并進(jìn)行初始設(shè)置;在Panel2上添加有關(guān)控件。（2）為各個(gè)按鈕添加事件代碼。protectedvoidPage_Load(objectsender,EventArgse){Panel2.Visible=false;//不顯示Panel2

}①頁(yè)面加載時(shí)，Panel2隱藏。protectedvoidButtonUpLoad_Click(objectsender,EventArgse){stringfilename,serverfilepath;if(FileUpload1.HasFile)//如果已選擇上傳文件

{//獲取客戶端要上傳文件的文件名

filename=FileUpload1.FileName;//設(shè)置服務(wù)器端保存上傳文件的物理路徑為當(dāng)前目錄，文件名相同

serverfilepath=Server.MapPath(".")+"\\"+filename;

//上傳文件按指定物理路徑和文件名在服務(wù)器端保存

FileUpload1.SaveAs(serverfilepath);

//替換Image1所顯示的照片為所上傳的照片

Image1.ImageUrl="~/"+filename;}}②按“文件上傳”按鈕后，上傳圖像文件。protectedvoidButtonOK_Click(objectsender,EventArgse){//“+”為字符串連接，<br>表示換行

Label1.Text=Label1.Text+"姓名："+TextBox1.Text+"<br>";Label1.Text=Label1.Text+"性別："+RadioButtonList1.SelectedValue+"<br>";Label1.Text=Label1.Text+"專業(yè)："+DropDownList1.SelectedItem+"<br>";Label1.Text=Label1.Text+"愛好：";if(CheckBox1.Checked==true)Label1.Text=Label1.Text+CheckBox1.Text+"";if(CheckBox2.Checked==