ASP.NET構(gòu)建Web應(yīng)用程序 課件

第06章

ASP.NET構(gòu)建Web應(yīng)用程序目錄3.IIS配置和使用2.WEB工作原理4.構(gòu)建ASDP.NET應(yīng)用程序5.小結(jié)6.習(xí)題1.典型案例案例展現(xiàn)：WPF開發(fā)小區(qū)物業(yè)監(jiān)控系統(tǒng)—Web應(yīng)用程序開發(fā)【案例描述】WPF開發(fā)小區(qū)物業(yè)監(jiān)控系統(tǒng)中，使用ASP.NET開發(fā)用戶登錄、用戶注冊、用戶信息的查詢與維護(hù)。【案例結(jié)果】WPF開發(fā)小區(qū)物業(yè)監(jiān)控系統(tǒng)中，使用ASP.NET開發(fā)用戶登錄、用戶注冊、用戶信息的查詢與維護(hù)，如圖6-2和6-3所示。圖6-2監(jiān)控系統(tǒng)用戶登錄和注冊圖6-3監(jiān)控系統(tǒng)用戶信息查詢與維護(hù)【案例準(zhǔn)備】在這個簡單的綜合案例中，會涉及到WEB界面的開發(fā)功能等基礎(chǔ)知識。下面就先來掌握這些知識點(diǎn)后，再開始本案例的編程實現(xiàn)吧!目錄3.IIS配置和使用2.WEB工作原理4.構(gòu)建ASDP.NET應(yīng)用程序5.小結(jié)6.習(xí)題1.典型案例2.1WEB開發(fā)的基本概念1．網(wǎng)頁

瀏覽者輸入一個網(wǎng)址，在瀏覽器中看到文字、圖片、超級鏈接、動畫、表單、音頻、視頻等內(nèi)容，而承載這些內(nèi)容的就是網(wǎng)頁。實際上，網(wǎng)頁是一個純文本文件，它存放在某一臺計算機(jī)中，而這臺計算機(jī)與互聯(lián)網(wǎng)相連，通過瀏覽器，任何一臺機(jī)器都可以來瀏覽這個文件。2．網(wǎng)頁開發(fā)標(biāo)準(zhǔn)

網(wǎng)頁文件必須符合一定的開發(fā)標(biāo)準(zhǔn)才能讓任何一臺計算機(jī)都能瀏覽到。HTML（HyperTextMarkupLanguage，即超文本標(biāo)記語言）就是這樣的標(biāo)準(zhǔn)?！俺谋尽笔琼撁鎯?nèi)可以包含圖片、鏈接、音視頻、程序等非文字元素。一個網(wǎng)頁無論如何五花八門、都是由HTML語言翻譯出來的。瀏覽器將HTML語言“翻譯”過來，并照定義的格式顯示出來，轉(zhuǎn)化成網(wǎng)頁。XHTML（ExtendedHyperTextMarkupLanguage，即擴(kuò)展超文本標(biāo)記語言）是替代HTML的一種新標(biāo)準(zhǔn)，它兼容HTML，比HTML更嚴(yán)密，而且可以向XML過渡。3．網(wǎng)站

網(wǎng)站是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。網(wǎng)站是一種通訊工具，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服務(wù)。網(wǎng)站由域名、服務(wù)器空間、網(wǎng)頁3部分組成。網(wǎng)站的域名就是在訪問網(wǎng)站時在瀏覽器中輸入的網(wǎng)址，多個網(wǎng)頁由超鏈接聯(lián)系起來，上傳到服務(wù)器空間中供瀏覽器訪問。4．首頁

當(dāng)在瀏覽器的地址欄輸入網(wǎng)址，而未指向特定目錄或文件時，通常瀏覽器也會打開網(wǎng)站的第一個頁面，即首頁。大多數(shù)首頁的文件名是index、default或main加上擴(kuò)展名。5．HTTP

HTTP是超文本傳輸協(xié)議，設(shè)計HTTP最初的目的是為了提供一種發(fā)布和接收HTML頁面的方法。它定義了信息如何被格式化、如何被傳輸，以及在各種命令下服務(wù)器和瀏覽器所采取的響應(yīng)。HTTP目前是互聯(lián)網(wǎng)上應(yīng)用最為廣泛的一種網(wǎng)絡(luò)協(xié)議。所有的WWW文件都必須遵守這個標(biāo)準(zhǔn)。6．瀏覽器

瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML文件內(nèi)容，并讓用戶與這些文件交互的一種軟件。網(wǎng)頁瀏覽器主要通過HTTP協(xié)議與網(wǎng)頁服務(wù)器交互并獲取網(wǎng)頁，是最經(jīng)常使用到的客戶端程序。常見的網(wǎng)頁瀏覽器包括微軟的InternetExplorer、Mozilla的Firefox、Apple的Safari、Opera等。2.2靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁1．靜態(tài)網(wǎng)頁

所謂靜態(tài)網(wǎng)頁是指網(wǎng)頁文件中沒有程序代碼只有HTML標(biāo)記的網(wǎng)頁，通常該類網(wǎng)頁文件的擴(kuò)展名為.html、.htm、.xml等。靜態(tài)網(wǎng)頁是以文件形式（每個網(wǎng)頁為一個獨(dú)立文件）保存在Web服務(wù)器中供用戶瀏覽使用。靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此較容易被搜索引擎檢索。但是由于靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，所以靜態(tài)網(wǎng)頁的交互性、維護(hù)性較差。

訪問瀏覽靜態(tài)網(wǎng)頁的流程如下：在瀏覽器地址欄中輸入靜態(tài)網(wǎng)頁的網(wǎng)址后，向服務(wù)器端提出瀏覽網(wǎng)頁的請求；服務(wù)器端接到請求后找到要瀏覽的靜態(tài)網(wǎng)頁文件，然后發(fā)送給客戶端顯示。2．動態(tài)網(wǎng)頁

所謂動態(tài)網(wǎng)頁是指網(wǎng)頁中既有HTML標(biāo)記又有程序代碼的網(wǎng)頁。動態(tài)網(wǎng)頁文件的擴(kuò)展名為.asp、.aspx、.jsp、.php等。動態(tài)網(wǎng)頁與網(wǎng)頁上的各種Flash動畫、滾動字幕等視覺上的“動態(tài)效果”沒有直接關(guān)系。判斷是否為動態(tài)網(wǎng)頁不是看網(wǎng)頁是否有動態(tài)效果，而是判斷程序是否在服務(wù)器端運(yùn)行。

動態(tài)網(wǎng)頁是以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以將用戶數(shù)據(jù)保存到數(shù)據(jù)庫中去（如用戶注冊個人信息），也可以根據(jù)用戶要求從數(shù)據(jù)庫查詢出所需數(shù)據(jù)（如查詢用戶信息）。

訪問瀏覽動態(tài)網(wǎng)頁的流程如下：在瀏覽器地址欄中輸入動態(tài)網(wǎng)頁的網(wǎng)址后，向服務(wù)器端提出瀏覽網(wǎng)頁的請求；服務(wù)器端接到請求后首先找到要瀏覽的動態(tài)網(wǎng)頁文件，然后根據(jù)動態(tài)網(wǎng)頁的執(zhí)行條件動態(tài)產(chǎn)生網(wǎng)頁（如為每位用戶提供其自身的個人信息），最后將產(chǎn)生的靜態(tài)網(wǎng)頁發(fā)送給客戶端顯示。2.3應(yīng)用程序結(jié)構(gòu)分類1．客戶機(jī)/服務(wù)器體系結(jié)構(gòu)(C/S結(jié)構(gòu))客戶端/服務(wù)器體系結(jié)構(gòu)采用服務(wù)器與工作站通過局域網(wǎng)連接的結(jié)構(gòu)方式，數(shù)據(jù)庫應(yīng)用系統(tǒng)軟件分成客戶端（應(yīng)用程序）與服務(wù)器端（SQL程序）?？蛻舳斯ぷ髡具\(yùn)行用戶的應(yīng)用程序；服務(wù)器端運(yùn)行數(shù)據(jù)庫管理程序。客戶端與服務(wù)器端通過網(wǎng)絡(luò)連接，客戶端工作站將數(shù)據(jù)處理請求通過網(wǎng)絡(luò)發(fā)給服務(wù)器，由數(shù)據(jù)庫中的管理程序在服務(wù)器中完成數(shù)據(jù)處理工作，然后將結(jié)果返回給客戶端。2．瀏覽器/Web應(yīng)用服務(wù)器/數(shù)據(jù)庫服務(wù)器體系結(jié)構(gòu)（B/S結(jié)構(gòu)）

瀏覽器/Web應(yīng)用服務(wù)器/數(shù)據(jù)庫服務(wù)器體系結(jié)構(gòu)，采用Web瀏覽器（如IE瀏覽器）作為客戶端應(yīng)用軟件，采用網(wǎng)頁發(fā)布軟件（如IIS）為Web應(yīng)用服務(wù)器，再加上數(shù)據(jù)庫服務(wù)器（如SQLServer），有人將它簡稱為瀏覽器/服務(wù)器（Browser/Server，B/S）結(jié)構(gòu)，如圖6-4所示。由于幾乎每臺計算機(jī)都安裝Web瀏覽器，因此，對于用戶來說，B/S結(jié)構(gòu)的數(shù)據(jù)庫應(yīng)用系統(tǒng)不需要安裝任何應(yīng)用軟件即可使用，極大的方便了用戶，因而得到了廣泛的使用。B/S結(jié)構(gòu)是因特網(wǎng)技術(shù)與數(shù)據(jù)庫技術(shù)有機(jī)結(jié)合的產(chǎn)物，當(dāng)前數(shù)據(jù)庫應(yīng)用系統(tǒng)的開發(fā)大都采用這種結(jié)構(gòu)。ASP.NET正是用于開發(fā)B/S體系結(jié)構(gòu)的應(yīng)用程序。

這里Web應(yīng)用服務(wù)器是用于存放網(wǎng)頁界面與程序代碼的服務(wù)器，供用戶通過域名瀏覽訪問網(wǎng)頁內(nèi)容。常用Web服務(wù)器軟件有微軟公司的Internet信息服務(wù)器（IIS）、Netspace公司的企業(yè)服務(wù)器（NES）和ApacheWeb服務(wù)器等。用戶使用瀏覽器通過Internet網(wǎng)向Web應(yīng)用服務(wù)器發(fā)出頁面請求，Web應(yīng)用服務(wù)器對用戶頁面請求進(jìn)行處理。若是靜態(tài)請求則直接將靜態(tài)頁面返回給用戶瀏覽器，供用戶瀏覽閱讀。若是動態(tài)請求，則將數(shù)據(jù)請求（SQL語句）發(fā)送給數(shù)據(jù)庫服務(wù)器，并由數(shù)據(jù)庫服務(wù)器從數(shù)據(jù)庫取出所需數(shù)據(jù)，通過Web應(yīng)用服務(wù)器將數(shù)據(jù)與動態(tài)頁面返回給用戶瀏覽器，供用戶閱讀。2.4ASP.NET基本概念目前各軟件公司采用的主流開發(fā)技術(shù)主要有JAVA技術(shù)與.NET技術(shù)兩種。Java技術(shù)是SUN公司為主開發(fā)的一種開源軟件技術(shù)，而.NET技術(shù)是微軟公司推出的另一種軟件技術(shù)，其中ASP.NET是基于Microsoft.NET框架的Web開發(fā)平臺，是新一代Web開發(fā)主流技術(shù)之一。1．Web窗體頁Web窗體由窗體設(shè)計器、編輯器、控件和調(diào)試等組成，使開發(fā)人員能用可視化方法設(shè)計動態(tài)頁面，編寫事件驅(qū)動程序，并能將應(yīng)用程序的窗體控件與事件轉(zhuǎn)換為Html頁面，使Web窗體頁在任何客戶端的瀏覽器上均可運(yùn)行并顯示頁面，從而極大地提高了程序的開發(fā)效率。Web窗體頁由兩部分組成：（1）視覺元素：HTML、服務(wù)器控件、靜態(tài)文本等，存放在.aspx文件中。（2）頁面事件驅(qū)動程序：存放在.aspx.cs文件中（如采用C#語言）。當(dāng)瀏覽器請求訪問一個.aspx文件時，Web窗體將被CLR編輯器編譯，當(dāng)用戶再次訪問該頁面時，CLR會直接執(zhí)行編譯過的代碼。2．ASP.NET應(yīng)用程序的工作環(huán)境（1）.NETFramework

若要使用ASP.NET，在承載ASP.NET網(wǎng)站的計算機(jī)上必須安裝.NETFramework。本書中安裝使用的是.NETFramework4.5。（2）代碼編輯器

①文本編輯器（記事本等）：編寫Web應(yīng)用程序的.html、.aspx、.aspx.cs及類文件等。

②MicroSoftVisualStudio：提供集成開發(fā)環(huán)境，用于創(chuàng)建Html標(biāo)記文檔(.aspx)、編寫事件驅(qū)動程序（.aspx.cs）。本書中使用的是MicroSoftVisualStudio2012。安裝VisualStudio2012時會自動安裝.NETFramework4.5。（3）Web服務(wù)器將Web應(yīng)用程序存放到Web服務(wù)器的子目錄或虛擬目錄中，用戶向Web服務(wù)器提出頁面請求，若是靜態(tài)網(wǎng)頁則直接將頁面返回給用戶，若是動態(tài)網(wǎng)頁則向數(shù)據(jù)庫服務(wù)器提出數(shù)據(jù)請求，數(shù)據(jù)庫服務(wù)器將數(shù)據(jù)返回Web服務(wù)器，由Web服務(wù)器將動態(tài)網(wǎng)頁返回給用戶。本書使用的Web服務(wù)器是微軟公司的Internet信息服務(wù)器（IIS）。使用VisualStudio2012時，可使用ASP.NETDevelopmentServer來測試ASP.NET網(wǎng)頁，但其只能在本地運(yùn)行。如果想進(jìn)行遠(yuǎn)程訪問，則必須安裝IIS。如果安裝NETFramework4.5后才安裝IIS，則必須使用Aspnet_regiis.exe實用工具在IIS中注冊使用ASP.NET。3．ASP.NET應(yīng)用程序的結(jié)構(gòu)（1）默認(rèn)主頁

可以為ASP.NET應(yīng)用程序創(chuàng)建默認(rèn)頁，例如可以創(chuàng)建名為Default.aspx的頁面，并將其保存在站點(diǎn)的根目錄中?？梢詫efault.aspx頁作為站點(diǎn)的首頁，用戶輸入IP地址后，IIS將把Default.aspx作為默認(rèn)主頁，并由主頁重定向到其它頁。（2）ASP.NET應(yīng)用程序的文件夾

ASP.NET網(wǎng)站創(chuàng)建的Web站點(diǎn)中，有一個空的App_Data文件夾，除此之外，在Web站點(diǎn)中還可能包括其他一些特殊的文件夾。這些文件夾都具有特殊功能，不允許在應(yīng)用程序中隨意創(chuàng)建同名文件夾，也不允許在這些文件夾中添加無關(guān)文件，下面的表6-1中列出了每個文件夾的作用：表6-1ASP.NET應(yīng)用程序的特殊文件夾（3）ASP.NET應(yīng)用程序文件的類型ASP.NET應(yīng)用程序（網(wǎng)站文件）有許多文件類型，大多數(shù)ASP.NET文件類型可用VisualStudio2012中的添加新項自動產(chǎn)生。對于網(wǎng)站開發(fā)人員而言必須清楚網(wǎng)站文件的類型與含義。表6-2列出ASP.NET管理的文件類型。表6-2ASP.NET管理的文件類型目錄3.IIS配置和使用2.WEB工作原理4.構(gòu)建ASDP.NET應(yīng)用程序5.小結(jié)6.習(xí)題1.典型案例3.1安裝IISIIS（InternetInformationServer）的主要功能是響應(yīng)用戶請求，將瀏覽網(wǎng)頁內(nèi)容回傳給用戶瀏覽器，管理及維護(hù)Web站點(diǎn)、FTP站點(diǎn)，設(shè)置SMTP虛擬服務(wù)器等。下面簡單介紹IIS的安裝過程：（1）在Windows7操作系統(tǒng)界面上執(zhí)行如下命令：“開始”→“控制面板”→“程序”，打開“程序和功能”對話框，如圖6-5所示。圖6-5程序與功能對話框（2）單擊對話框左邊“打開或關(guān)閉Windows功能”命令，彈出“Windows功能”對話框。找到“Internet信息服務(wù)”功能，按照實際開發(fā)需要勾選相應(yīng)的功能，如圖6-6所示。圖6-6Windows功能對話框（3）等待IIS安裝成功，安裝完成后，在Windows7操作系統(tǒng)界面上打開“管理工具”，可以看到Internet信息服務(wù)（IIS）管理器，如圖6-7所示。圖6-7管理工具中的查看IIS管理器（4）雙擊“Internet信息服務(wù)(IIS)管理器”就進(jìn)入的IIS管理界面。如果經(jīng)常需要使用IIS，建議鼠標(biāo)指到“Internet信息服務(wù)(IIS)管理器”上，點(diǎn)擊右鍵彈出菜單，選擇“發(fā)送到→桌面快捷方式”命令，這樣就能從桌面快速地進(jìn)入IIS管理器。（5）在Internet信息服務(wù)管理器中，用鼠標(biāo)右擊DefaultWebSite（默認(rèn)網(wǎng)站），選擇“管理網(wǎng)站”→“瀏覽”命令（如圖6-8所示），這時通過瀏覽器可以查看到DefaultWebSite中的默認(rèn)網(wǎng)頁（如圖6-9所示），以此測試Internet信息服務(wù)管理器安裝是否成功。圖6-8IIS管理界面圖6-9IIS7正確安裝后的歡迎頁面IIS信息服務(wù)管理器安裝成功后，系統(tǒng)會自動新建一個默認(rèn)網(wǎng)站目錄（也叫站點(diǎn)主目錄），可以通過在該目錄下創(chuàng)建Web窗體頁來發(fā)布信息，一般默認(rèn)網(wǎng)站目錄為C:\Inetpub\wwwroot。如果要從默認(rèn)網(wǎng)站目錄之外的文件夾發(fā)布信息，則可以通過配置默認(rèn)網(wǎng)站路徑、創(chuàng)建新網(wǎng)站或在Web站點(diǎn)上創(chuàng)建虛擬目錄來實現(xiàn)。3.2IIS的配置在Internet信息服務(wù)管理器中，選中默認(rèn)網(wǎng)站DefaultWebSite后單擊右側(cè)的“高級設(shè)置”（如圖6-10所示），彈出“高級設(shè)置”對話框。圖6-10站點(diǎn)配置中的“高級設(shè)置”在如圖6-11所示的“高級設(shè)置”對話框中重新設(shè)置默認(rèn)網(wǎng)站的路徑、應(yīng)用程序池、連接限制等。圖6-11“高級設(shè)置”對話框在Internet信息服務(wù)管理器中，選中網(wǎng)站后單擊右側(cè)的“綁定”，彈出“綁定”對話框。在此對話框中單擊“編輯”按鈕，可以進(jìn)行發(fā)布網(wǎng)站的IP地址和端口號的配置，如圖6-12所示。

圖6-12編輯網(wǎng)站綁定3.3IIS的使用1．創(chuàng)建新網(wǎng)站在Internet信息服務(wù)管理器中，用鼠標(biāo)右擊左側(cè)的“網(wǎng)站”，從彈出菜單中選擇“添加網(wǎng)站”命令，彈出如圖6-13所示的“添加網(wǎng)站”對話框。在此對話框中可以輸入網(wǎng)站名稱，選擇物理路徑，配置發(fā)布網(wǎng)站的IP地址和端口號等。單擊“確定”按鈕后在Internet信息服務(wù)管理器中將出現(xiàn)新建的網(wǎng)站ChartRoom。圖6-13添加網(wǎng)站2．創(chuàng)建虛擬目錄虛擬目錄是未包含在站點(diǎn)主目錄下的一個文件夾，但客戶端瀏覽器卻將其視為包含在主目錄下的目錄。虛擬目錄具有別名，這個別名映射到所在的實際物理目錄，Web瀏覽器通過別名來訪問此目錄。別名可以與實際文件夾名相同，也可以不同。別名通常要比目錄的路徑名短，便于用戶輸入。另外客戶端不知道文件的實際路徑，無法用這些信息來修改文件，所以使用虛擬路徑的方法更為安全。在Windows操作系統(tǒng)中可以使用Internet信息服務(wù)管理器在Web站點(diǎn)中創(chuàng)建虛擬目錄，步驟如下：（1）在Internet信息服務(wù)管理器中，用鼠標(biāo)右擊要添加虛擬目錄的站點(diǎn)（如“DefaultWebSite”）從彈出菜單中選擇“添加虛擬目錄”命令，彈出“添加虛擬目錄”對話框。（2）在如圖6-14所示的“添加虛擬目錄”對話框中的“別名”欄中輸入虛擬目錄的別名，在“物理路徑”欄中可以直接輸入實際的物理目錄路徑，也可以通過按鈕來定位實際物理目錄路徑，將虛擬目錄別名與實際文件目錄路徑映射起來。圖6-14添加和配置虛擬目錄（3）單擊“確定”按鈕，完成虛擬目錄的設(shè)置。通過以上步驟完成了虛擬目錄的配置，設(shè)置了虛擬目錄的相關(guān)屬性。如果需要修改虛擬目錄的配置，可以在Internet信息服務(wù)管理器中用鼠標(biāo)右擊要修改的虛擬目錄，打開其屬性對話框進(jìn)行修改。（4）在本機(jī)的IE瀏覽器中輸入地址：http://localhost/ChartRoom/Default.aspx，在遠(yuǎn)程瀏覽器中輸入地址：http://WEB服務(wù)器的IP地址/myWeb/Default.aspx，即可訪問虛擬目錄中的Default頁面。目錄3.IIS配置和使用2.WEB工作原理4.構(gòu)建ASDP.NET應(yīng)用程序5.小結(jié)6.習(xí)題1.典型案例4.1啟動VisualStudio2012在ASP.NET開發(fā)環(huán)境構(gòu)建完成后，即可使用VisualStudio2012進(jìn)行ASP.NETWeb應(yīng)用程序的開發(fā)了。啟動VisualStudio2012后進(jìn)入VisualStudio開發(fā)環(huán)境的“起始頁”界面，如圖6-15所示。第一次打開VisualStudio2012會提示要求設(shè)置默認(rèn)開發(fā)語言，本書選擇VisualC#開發(fā)設(shè)置。圖6-15VisualStudio2012起始頁VisualStudio2012開發(fā)環(huán)境由標(biāo)題欄、菜單欄、工具欄、窗體設(shè)計器、工具箱、代碼編輯器、資源管理器、屬性設(shè)計窗口、輸出信息窗口等組成。4.2創(chuàng)建ASP.NET網(wǎng)站1．創(chuàng)建空白解決方案在VisualStudio2012中，選擇“文件”→“新建”→“項目”，彈出如圖6-16所示的對話框。選擇“其他項目類型”，新建“空白解決方案”，輸入解決方案名，并設(shè)置存放位置。圖6-16“新建項目”對話框2．新建網(wǎng)站在解決方案資源管理器中，右擊解決方案，在彈出菜單中選擇“添加”，點(diǎn)擊“新建網(wǎng)站”，彈出如圖6-17所示的對話框。在界面中部選擇好開發(fā)的語言（如C#）后，選擇創(chuàng)建的WEB網(wǎng)站模板。在“Web位置”下拉列表中選擇“文件系統(tǒng)”選項，在文本框中輸入存儲位置，或者單擊“瀏覽”按鈕選擇一個新位置，單擊“確定”按鈕即可創(chuàng)建一個ASP.NET空網(wǎng)站。圖6-17“新建網(wǎng)站”對話框在創(chuàng)建ASP.NETWeb應(yīng)用程序時，也可以不創(chuàng)建解決方案，可在菜單欄中選擇“文件”→“新建”→“網(wǎng)站”的方式進(jìn)行網(wǎng)站的創(chuàng)建。此時其解決方案由VisualStudio2012自動創(chuàng)建，存放路徑為“\Documents\VisualStudio2012\Projects”下。本書為便于網(wǎng)站快捷管理和高級應(yīng)用開發(fā)，后續(xù)案例全部在創(chuàng)建解決方案的基礎(chǔ)上新建網(wǎng)站。4.3新建ASP.NET頁面通過前面的方法創(chuàng)建出來的ASP.NET網(wǎng)站是一個空網(wǎng)站，在解決方案資源管理器中可以看到其僅包含一個Web.config文件。Web.config是一個XML格式的文件，可以記錄并配置應(yīng)用程序的設(shè)置。網(wǎng)站開發(fā)者需要通過添加新建項的方式新建ASP.NET頁面，步驟如下：（1）在解決方案資源管理器中選中網(wǎng)站，鼠標(biāo)右鍵在彈出式菜單中選擇“添加”→“新建項”命令，如圖6-18所示。圖6-18在網(wǎng)站中添加新建項（2）在如圖6-19所示的“添加新項”的對話框中，選擇新建項的類型為“WEB窗體”，并在名稱欄中輸入新建網(wǎng)頁的名稱（如Default.aspx）。圖6-19新建WEB窗體創(chuàng)建完成后可以看到在解決方案資源管理器中出現(xiàn)了Default.aspx（頁面文件），點(diǎn)擊它還可以看到與此頁面關(guān)聯(lián)的Default.aspx.cs（網(wǎng)頁代碼文件），如圖6-20所示。圖6-20頁面創(chuàng)建成功后的解決方案資源管理（3）單擊新建頁面Default.aspx下方的“設(shè)計”標(biāo)簽，可切換到網(wǎng)頁設(shè)計界面。從工具箱中拖動各類控件創(chuàng)建WEB應(yīng)用程序的用戶交互界面，并進(jìn)行屬性的配置，如圖6-21所示。圖6-21頁面設(shè)計視圖界面單擊Default.aspx網(wǎng)頁下方的“源”標(biāo)簽，將顯示Default.aspx文件自動生成的HTML代碼，如圖6-22所示。圖6-22頁面源視圖界面4.4編寫ASP.NET代碼界面僅僅決定程序的外觀。程序通過界面接受到必要的信息后如何動作，要做什么樣的操作，還需要通過編寫相應(yīng)的程序代碼來實現(xiàn)。在頁面中雙擊頁面或控件，也可在屬性窗口中選擇某控件的事件后雙擊，即可進(jìn)入到代碼編輯器進(jìn)行程序代碼的編寫，如圖6-23所示。圖6-23代碼編輯器4.5編譯運(yùn)行網(wǎng)頁程序單擊菜單“生成”→“生成解決方案”進(jìn)行程序編譯。若程序編譯通過，則會出現(xiàn)“生成成功”的提示。單擊菜單“調(diào)試”→“啟動調(diào)試”，首次調(diào)試時會出現(xiàn)如圖6-24所示的“未啟用調(diào)試”對話框，選擇“修改Web.Config文件以啟動調(diào)試”單選按鈕，打開網(wǎng)頁運(yùn)行界面。此過程也可直接點(diǎn)擊工具欄中的按鈕進(jìn)行程序編譯與運(yùn)行。圖6-24選擇“修改Web.config文件以啟用調(diào)試”單選按鈕4.6發(fā)布網(wǎng)頁程序在解決方案資源管理器中右擊網(wǎng)站，選擇“生成網(wǎng)站”命令，然后再選擇“發(fā)布網(wǎng)站”命令，選擇發(fā)布網(wǎng)站位置，如圖6-25所示。這樣將在指定位置生成Default.aspx、Web.config、PrecompiledApp.Config文件和Bin目錄，在Bin目錄生成App_Web_trm3ixjm.dll文件。在IIS的網(wǎng)站中創(chuàng)建虛擬路徑Test，并選擇發(fā)布Web網(wǎng)站的路徑為本地路徑，在瀏覽器中輸入http://locahost/Test/Default.aspx，則可訪問用戶創(chuàng)建的網(wǎng)頁。圖6-25發(fā)布網(wǎng)站【例6-1】在WPF開發(fā)小區(qū)物業(yè)監(jiān)控系統(tǒng)中，編寫WEB方式的小區(qū)物業(yè)監(jiān)控系統(tǒng)登錄注冊，效果如圖6-26所示。圖6-26監(jiān)控系統(tǒng)登錄操作步驟（1）新建一個“Demo_6”WEB應(yīng)用程序項目。（2）打開SQLServerManagementStudio，新建數(shù)據(jù)庫WebDB，在其中輸入如下的SQL語句用于在WebDB數(shù)據(jù)庫中創(chuàng)建用戶登錄信息表Users。(3)新建類文件“SimpleSqlserverHelper.cs”，完成數(shù)據(jù)庫的操作，主要功能代碼如下：執(zhí)行sql語句后返回成功條數(shù)，失敗返回-1，如下圖：執(zhí)行查詢語句返回DataSet,如下：執(zhí)行查詢語句返回SqlDataReader,如下：（4）在web.config文件中配置數(shù)據(jù)庫連接，代碼如下：(5)新建WEB窗體Default.aspx,代碼如下。(6)在“Default.aspx.cs”中添加登錄的代碼如下。(7)在Demo_6_1中，新建用戶注冊頁面Register.aspx，代碼如下。(8)在Register.aspx.cs，中添加如下代碼，實現(xiàn)用戶注冊功能。主要功能代碼如下：