ASPNET電子教案ch探素課件

1、2022年8月16日第1頁第1章 ASP.NET 4入門教學目標本章內容第1頁，共61頁。2022年8月16日第2頁教學目標掌握網站建設基礎知識了解ASP.NET的發(fā)展史熟悉VWD 2010開發(fā)環(huán)境新建Web站點ASP.NET應用程序的工作原理第2頁，共61頁。2022年8月16日第3頁本章內容1.1 網站建設概述 1.2 ASP.NET與VWD 2010 1.3 使用VWD 2010開發(fā)Web應用程序1.4 本章小結1.5 思考和練習第3頁，共61頁。2022年8月16日第4頁本章內容1.1 網站建設概述 1.2 ASP.NET與VWD 2010 1.3 使用VWD 2010開發(fā)Web應用程

2、序1.4 本章小結1.5 思考和練習第4頁，共61頁。2022年8月16日第5頁1.1 網站建設概述HTML語言靜態(tài)網站動態(tài)網站第5頁，共61頁。2022年8月16日第6頁HTML語言HTML的英文全稱是Hyper Text Markup Language，直譯為超文本標記語言，它由W3C組織商討制定。HTML不是一個程序語言，而是一種描述文檔結構的標記語言。HTML文檔是含有標記、文本和影響文本的附加數據的簡單文本文件。HTML與操作系統平臺的選擇無關，只要有Web瀏覽器就可以運行HTML文件，顯示網頁內容。第6頁，共61頁。2022年8月16日第7頁HTML元素和標記HTML用尖括號間的文

3、本指示內容在瀏覽器中如何顯示。這種帶有尖括號的文本稱為標記(tag)；含有文本或其它內容的一對標記稱為元素。例如： 你好 歡迎學習ASP.NET 4 注意，元素的結束標記和起始標記相似，只是前面多了個斜杠(/)。起始標記和結束標記之間的所有文本都被看作是標題部分。第7頁，共61頁。2022年8月16日第8頁HTML屬性除了有HTML元素之外，還有HTML屬性。這些屬性包含了一些改變特定元素行為方式的額外信息。例如，使用標記顯示一個圖像，src屬性用于定義圖像的源代碼。通常，我們不需要記住所有這些元素和屬性。在大多數情況下，VWD會自動地生成它們，當需要手工輸入時，也會給出智能提示，幫助找到正確

4、的標記或屬性。第8頁，共61頁。2022年8月16日第9頁HTML和XHTML的區(qū)別 （1/3）XHTML(eXtensible Hypertext Markup Language)稱為可擴展超文本標記語言，是為了使HTML向XML(eXtensible Markup Language)過渡而定義的標記語言，它以HTML為基礎，采用XML嚴謹的語法結構。XML是一種通用的、用來描述數據的、基于文本與標記的語言，它也作為其他許多語言(包括XHTML)的基礎語言。第9頁，共61頁。2022年8月16日第10頁HTML和XHTML的區(qū)別 （2/3）XHTML很大程度上是用XML規(guī)則重寫的HTML。在

5、XHTML中，如果用開始了一個段落，就必須在頁面后面的某個地方用閉合該段落。對于沒有結束標記的標記也是如此，比如或(用來輸入一個換行符)。在XHTML中，這些標記被寫為自結束標記，其中結束標記中的斜杠直接嵌在標記自身中第10頁，共61頁。2022年8月16日第11頁HTML和XHTML的區(qū)別 （3/3）XML是區(qū)分大小寫的，XHTML通過強制所有標記采用小寫來應用該規(guī)則。雖然標記和特性必須都是小寫，但是實際值不必是這樣。例如，前面顯示logo圖像的示例是完全有效的XHTML，這里的圖像名稱中使用了大寫的L。大部分的瀏覽器都可以正確解析XHTML，即使老版本的瀏覽器，也將XHTML作為HTML的

6、一個子集。第11頁，共61頁。2022年8月16日第12頁靜態(tài)網站靜態(tài)網站是指全部由HTML代碼格式頁面組成的網站，所有的內容包含在網頁文件中，文件擴展名為：.htm、.html、.shtml、.xml等。網頁上也可以出現各種視覺動態(tài)效果，如GIF動畫、FLASH動畫、滾動字幕等。第12頁，共61頁。2022年8月16日第13頁靜態(tài)網站的特點(1) 靜態(tài)網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為后綴。(2) 網頁內容一經發(fā)布到網站服務器上，無論是否有用戶訪問，每個靜態(tài)網頁的內容都是保存在網站服務器上的，每個網頁都是一個獨立的文件。(3) 靜態(tài)

7、網頁的內容相對穩(wěn)定，因此容易被搜索引擎檢索、訪問速度比較快。(4) 靜態(tài)網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態(tài)網頁制作方式比較困難。(5) 靜態(tài)網頁的交互性差，在功能方面有較大的限制。為了不斷更新網頁內容，網站管理者必須不斷地重復制作HTML文件，隨著網站內容和信息量的日益增長，維護工作將變得十分復雜。第13頁，共61頁。2022年8月16日第14頁動態(tài)網站所謂“動”，并不是指網頁上的GIF等動畫圖片，而是指用戶與網站的交互性和互動性。動態(tài)網站中的網頁會根據用戶的要求和選擇而改變和響應。網站管理員只需要掌握計算機基本操作方法，就可以方便、及時地

8、更新網站內容；瀏覽網站的用戶可以在網站中進行查詢、留言等操作?？梢?，動態(tài)網站技術大大增加了客戶與網站的交互性。在動態(tài)網站中，網絡管理員除了要設計網頁視覺效果，還要設計數據庫和程序代碼來使網站具有更多自動的和高級的功能。在服務器端運行的程序、網頁、組件，會隨不同客戶、不同要求返回不同的頁面，網站管理員無須手動更新網頁文檔，可以大大節(jié)省網站管理的工作量。第14頁，共61頁。2022年8月16日第15頁靜態(tài)網站和動態(tài)網站的區(qū)別靜態(tài)網站和動態(tài)網站的主要區(qū)別在于：靜態(tài)網站的內容是在用戶發(fā)出請求之前就預先生成的，而動態(tài)網站的內容則是在用戶發(fā)出請求之后才產生的。靜態(tài)網站和動態(tài)網站各有特點，搭建網站采用動態(tài)還

9、是靜態(tài)技術主要取決于網站的功能需求和內容的多少，如果網站功能比較簡單，內容更新量不是很大，那么采用靜態(tài)網站的方式會更簡單，反之，就要采用動態(tài)網站技術來實現。 靜態(tài)網站可以使用Frontpage或Dreamweaver等網頁編輯工具來建立，而動態(tài)網站則需要使用服務器端網頁技術，如本書介紹的ASP.NET來搭建。第15頁，共61頁。2022年8月16日第16頁本章內容1.1 網站建設概述 1.2 ASP.NET與VWD 2010 1.3 使用VWD 2010開發(fā)Web應用程序1.4 本章小結1.5 思考和練習第16頁，共61頁。2022年8月16日第17頁1.2 ASP.NET和VWD 2010A

10、SP.NET的發(fā)展史ASP.NET的工作原理VWD 2010第17頁，共61頁。2022年8月16日第18頁ASP.NET的發(fā)展史 （1/6）自從.NET Framework 1.0在2002年初首次發(fā)布以來，Microsoft花了大量精力和時間來開發(fā)ASP.NET，它是.NET Framework的一部分，可以用來構建Web應用程序。早期的Web程序開發(fā)是十分繁瑣的事情，一個簡單的動態(tài)頁面就需要編寫大量的代碼(一般用C語言)才能完成。第18頁，共61頁。2022年8月16日第19頁ASP.NET的發(fā)展史 （2/6）1996年，Microsoft推出了ASP(Active Server Pag

11、e，活動服務器頁面，現在人們常稱之為傳統ASP)1.0版。它允許采用VBScript/JavaScript這些簡單的腳本語言編寫代碼，允許將代碼直接嵌入HTML中，從而使得設計動態(tài)Web頁面的工作變得簡單。ASP能夠通過內置的組件，實現強大的功能(如Cookie)。ASP最顯著的貢獻就是推出了ActiveX Data Objects(ADO)，它使得程序對數據庫的操作變得十分簡單。第19頁，共61頁。2022年8月16日第20頁ASP.NET的發(fā)展史 （3/6）1998年，微軟發(fā)布了ASP 2.0和IIS 4.0。與前一版相比，2.0版最大的改進是外部的組件需要初始化。用戶能夠利用ASP 2.

12、0和IIS 4.0構建各種ASP應用，而且每個組件有了自己單獨的內存空間，可以進行事務處理。隨后，微軟在Windows 2000 Server系統中提供了IIS 5.0和ASP 3.0。此次升級，最主要的改變就是把很多事情交給COM+來做，效率比以前的版本更高，而且更穩(wěn)定。第20頁，共61頁。2022年8月16日第21頁ASP.NET的發(fā)展史 （4/6）ASP.NET 是Microsoft公司于2002年推出的新一代體系結構Microsoft .NET的一部分，用來在服務器端構建功能強大的Web應用。ASP.NET 1.0在結構上與傳統的ASP版本截然不同，幾乎完全是基于組件和模塊化的。200

13、3年，Microsoft公司發(fā)布了Visual Studio .NET 2003，提供了在Windows操作系統下開發(fā)各類基于.NET 框架的全新的應用程序開發(fā)平臺(稱為.NET 1.1)。第21頁，共61頁。2022年8月16日第22頁ASP.NET的發(fā)展史 （5/6）2005年11月，Microsoft發(fā)布了Visual Studio 2005和ASP.NET 2.0。它修正了以前版本中的一些Bug并在移動應用程序開發(fā)、代碼安全以及對Oracle數據庫和ODBC的支持等方面都做了很多改進。盡管Visual Studio 2005和ASP.NET 2.0的功能已經很豐富了，但Microsof

14、t仍舊努力向2007年11月發(fā)布的Visual Studio 2008和ASP.NET 3.5中添加了一系列很酷的新功能。主要的新功能包括LINQ以及AJAX框架整合。第22頁，共61頁。2022年8月16日第23頁ASP.NET的發(fā)展史 （6/6）2008年8月，Microsoft又發(fā)布了用于Visual Studio和.NET Framework的Service Pack 1，其中引入了一些重要的新功能，如ADO.NET Entity Framework和動態(tài)數據。目前的最新版本是Visual Studio 2010(通常讀作twenty-ten)和ASP.NET 4，它是在已成功發(fā)行的V

15、isual Studio 2008和ASP.NET 3.5的基礎之上構建的，保留了其中很多令人喜愛的功能，并增加了一些其他領域的新功能和工具。第23頁，共61頁。2022年8月16日第24頁ASP.NET的工作原理 （1/2）第24頁，共61頁。2022年8月16日第25頁ASP.NET的工作原理 （2/2）當在瀏覽器中輸入某網站的域名或IP地址并按下Enter鍵時，瀏覽器就會向服務器發(fā)送一個請求，這一過程是通過HTTP(HyperText Transfer Protocol，超文本傳輸協議)完成的。當服務器是活動狀態(tài)并且請求有效時，服務器就會接受請求，處理請求，然后將響應發(fā)回到客戶機瀏覽器上

16、。第25頁，共61頁。2022年8月16日第26頁ASP.NET頁面的處理過程用戶通過客戶端瀏覽器請求頁面，頁面第一次運行，執(zhí)行初步處理。執(zhí)行的結果以標記的形式呈現給瀏覽器，瀏覽器對標記進行解釋并顯示給用戶。用戶輸入信息或者進行選擇或者單擊按鈕等進行交互。頁面發(fā)送回服務器，在ASP.NET中稱此為“回發(fā)”。Web服務器接到回發(fā)請求，在此運行該頁，并且使用用戶輸入或選擇的信息。服務器將運行后的頁面以HTML或XHTML標記的形式發(fā)送到客戶端瀏覽器。第26頁，共61頁。2022年8月16日第27頁VWD 2010進行ASP.NET開發(fā)可以使用Visual Basic.NET或者C#，這兩種語言都是

17、.NET環(huán)境下的程序設計語言，但并不是必須使用.NET集成開發(fā)環(huán)境才能進行ASP.NET Web程序設計。因為ASP.NET文件實際上是一個純文本的文件，編譯工作是在用戶向服務器第一次發(fā)出對該文件的HTTP請求時由Web服務器進行的，并不是由VS完成的。從理論上講，用記事本或其他文本編輯器就可以編寫ASP.NET Web應用程序，但大多數開發(fā)人員還是希望安裝Microsoft Visual Web Developer 2010(VWD)。VWD是專門為構建ASP.NET Web站點而開發(fā)的，其中包含了大量有助于快速創(chuàng)建復雜ASP.NET Web應用程序的工具。第27頁，共61頁。2022年8月

18、16日第28頁獲取VWD 2010Visual Web Developer有兩個版本：一個是獨立而免費的版本，稱為Microsoft Visual Web Developer 2010 Express；還有一個版本是作為較大的開發(fā)套件Visual Studio 2010的一部分?？梢詮腗icrosoft站點/express/上下載VWD的免費版本。第28頁，共61頁。2022年8月16日第29頁安裝VWD 2010 Express版本Visual Web Developer的安裝很簡單，只是過程有點長。根據所選的安裝方法、計算機配置和Internet連接速度，安裝VWD可能需要半個小時到一個小

19、時，甚至更長時間。安裝Visual Studio 2010的完整版本與之類似，只是中間步驟可能略有不同。不管安裝VWD的哪個版本，都要安裝SQL Server 2008，本書的很多示例都會用到這個組件。如果安裝的是Visual Studio 2010的完整版，那么在安裝過程中會看到要安裝的功能列表中包括安裝SQL Server的選項。如果安裝VWD Express版本，“安裝選項”對話框中就會出現選擇SQL Server的選項。第29頁，共61頁。2022年8月16日第30頁VWD 2010提供的功能 （1/5）網頁設計：VWD 2010內置功能強大的網頁編輯器，包含所見即所得的編輯模式和 H

20、TML 編輯模式，以及智能感應功能和驗證功能。支持所見即所得的拖拽界面，可以創(chuàng)建美觀、易用的網站。代碼編輯：VWD 2010提供代碼編輯器，使用戶可以使用Visual Basic .NET或C#編寫動態(tài)網頁的代碼。代碼編輯器包括語法修飾和智能感應功能。第30頁，共61頁。2022年8月16日第31頁VWD 2010提供的功能 （2/5）調試：提供調試器，幫助用戶查找程序中的錯誤?？丶篈SP.NET Web服務器控件整合了創(chuàng)建網站所需的大部分功能，用戶可以快速開發(fā)Web應用程序。數據訪問：支持用戶在網頁中顯示和編輯數據。數據可以位于各種數據存儲區(qū)中，其中包括數據庫或XML文件。在很多情況下，用

21、戶無需編寫任何代碼，即可向網頁中添加和編輯數據。第31頁，共61頁。2022年8月16日第32頁VWD 2010提供的功能 （3/5）對文件傳輸協議(FTP)的內置支持：使用VWD 2010的 FTP 功能，可以直接連接到服務器，然后在該服務器上創(chuàng)建和編輯文件。內置Web服務器：VWD 2010 包含了一個內置的Web服務器，方便開發(fā)人員創(chuàng)建和調試ASP.NET Web應用程序。因此，用戶不需要再安裝和配置IIS服務器，就可以開發(fā)ASP.NET Web應用程序。第32頁，共61頁。2022年8月16日第33頁VWD 2010提供的功能 （4/5）微軟AJAX：它與其他客戶端架構(包括jQuer

22、y)具有很好的互操作性。除了實現無閃爍頁面的控件之外，微軟AJAX還提供了更多的服務器控件來創(chuàng)建交互式的且有響應的用戶界面。jQuery 1.4：jQuery庫的主要關注點一直是簡化訪問Web頁面元素的方法、幫助處理客戶端事件、提供視覺效果(如動畫)支持，以及使得在應用程序中使用Ajax變得更加簡單。VWD 2010包含了目前最新的穩(wěn)定版本jQuery 1.4。第33頁，共61頁。2022年8月16日第34頁VWD 2010提供的功能 （5/5）MVC2.0：ASP.NET MVC 模式是一種表現模式。它將Web應用程序分成3個主要組件即：模型(Model)、視圖(View)、控制器(Cont

23、roller)。在ASP.NET MVC中，“請求處理響應”的模型變得更加的簡單。View和Controller之間不再有強耦合，而且頁面沒有復雜的生命周期。多顯示器支持：比如將代碼編輯器放置在主顯示器中，將輸出窗口，類圖窗口，代碼定義窗口等等提供輔助信息的窗口放置在副顯示器中，這樣就可以在主窗口中編輯代碼，同時有需要的時候，可以及時從輔助窗口中得到一些有用的輔助信息。第34頁，共61頁。2022年8月16日第35頁本章內容1.1 網站建設概述 1.2 ASP.NET與VWD 2010 1.3 使用VWD 2010開發(fā)Web應用程序1.4 本章小結1.5 思考和練習第35頁，共61頁。2022

24、年8月16日第36頁1.3 使用VWD 2010開發(fā)Web應用程序啟動VWD 2010第一個ASP.NET應用程序ASP.NET頁面文檔的結構 第36頁，共61頁。2022年8月16日第37頁起始頁起始頁包括“最近使用的項目”和聯機資源以及新建和打開項目的快捷操作。為了介紹VWD 2010的操作環(huán)境，我們先新建一個網站。在“起始頁”中單擊“新建網站”鏈接，或者選擇“文件”|“新建網站”命令，打開“新建網站”對話框。VWD 2010的主界面包括標題欄、菜單欄、工具欄、工具箱、解決方案資源管理器、數據庫資源管理器、屬性窗口、文檔窗口等。第37頁，共61頁。2022年8月16日第38頁菜單欄開發(fā)界面

25、的最上方是標題欄，標題欄的下面就是菜單欄，包括“文件”、“編輯”、“視圖”、“網站”、“調試”、“格式”、“工具”、“窗口”和“幫助”9個主菜單。根據執(zhí)行的具體任務，主菜單也會有很大的變化，因此，在使用應用程序的過程中就會發(fā)現某些菜單有是出現，有時消失。第38頁，共61頁。2022年8月16日第39頁工具欄菜單欄的下面就是工具欄，利用不同的工具欄，可以快速地訪問VWD中的大部分常用功能。如果要打開或關閉某個工具欄，可以右擊現有的工具欄，或者選擇“視圖”|“工具欄”菜單，從彈出的子菜單中選擇相應的菜單項即可。第39頁，共61頁。2022年8月16日第40頁工具箱默認情況下，在主窗口的左側，可以看

26、到折疊的工具箱選項卡，將鼠標指針移動到該選項卡上懸停幾秒，工具箱就會展開。與菜單欄和工具欄一樣，在執(zhí)行不同的任務是，工具箱也可能會變化，以顯示相關的控件?？梢院唵蔚耐ㄟ^鼠標拖動將工具箱中的控件放到頁面中的合適位置。工具箱中的控件包含多個分類，用戶可以根據需要展開或折疊某個分類，以便找到需要的控件。本書第3章將重點介紹工具箱中各種控件的使用。第40頁，共61頁。2022年8月16日第41頁解決方案資源管理器窗口的右上角是“解決方案資源管理器”窗口，在“解決方案資源管理器”窗口中，文件被分門別類的存儲在不同的文件夾中，可以通過該窗口向站點中添加新的文件夾和文件，也可以從項目中刪除文件或更改文件或文

27、件名。解決方案資源管理器的大部分功能都集中在它的右鍵菜單中。在“解決方案資源管理器”窗口的位置還有一個“數據庫資源管理器”窗口，通過該窗口，可以使用數據庫，它提供了創(chuàng)建新數據庫和打開現有數據庫、向數據庫中添加新的表和查詢工具。第41頁，共61頁。2022年8月16日第42頁屬性窗口“屬性”窗口位于界面的右下角。通過該窗口可以查看和編輯項目、文件、控件、頁面本身的屬性以及其他更多內容。第42頁，共61頁。2022年8月16日第43頁文檔窗口文檔窗口是界面的主要區(qū)域，大部分動作都是在這里發(fā)生的。在文檔窗口的下面，有3個視圖按鈕：“設計”、“拆分”和“源”。在操作含有標記的文件(如ASPX和HTML

28、文件)時，這些按鈕會自動出現。單擊“設計”按鈕可以打開頁面的設計視圖窗口，在這里可以看到頁面在瀏覽器中的效果；單擊“源”按鈕打開源視圖，在此可以看到頁面的源代碼文件；單擊“拆分”按鈕，窗口將一分為二，同時打開設計和源視圖。第43頁，共61頁。2022年8月16日第44頁其他窗口除了上面介紹的窗口之外，VWD 2010還有很多其他的窗口，包括“輸出”窗口、“錯誤列表”窗口、“書簽”窗口、“查詢結果”窗口等。這些窗口都可以通過“視圖”菜單下面的相應命令打開。第44頁，共61頁。2022年8月16日第45頁第一個ASP.NET應用程序 （1/6）通過“開始”菜單啟動VWD 2010，選擇“文件”|“

29、新建網站”命令，打開“新建網站”對話框。選擇“ASP.NET空網站”模板，在“Web位置”下拉列表中選擇“文件系統”選項，然后在后面的文本框中輸入存儲位置，存儲位置的最后是網站名“Chapter1”，單擊“確定”按鈕即可創(chuàng)建一個空網站“Chapter1”。通常情況下，會為新建網站創(chuàng)建一個新的子目錄。第45頁，共61頁。2022年8月16日第46頁第一個ASP.NET應用程序 （2/6）新建的空網站只有一個名為web.config的配置文件。在“解決方案資源管理器”窗口中右擊解決方案，從彈出的快捷菜單中選擇“添加新項”命令，打開“添加新項”對話框。選擇“Web窗體”模板，默認文件名為Defaul

30、t.aspx，單擊“添加”按鈕即可。第46頁，共61頁。2022年8月16日第47頁第一個ASP.NET應用程序 （3/6）在Defaute.aspx頁面的“源”視圖窗口中，修改頁面的代碼。第47頁，共61頁。2022年8月16日第48頁第一個ASP.NET應用程序 （4/6）選擇“調試”|“啟動調試”命令，或者按“F5”，或單擊工具欄中的 按鈕，將編譯并生產網站，同時啟動調試。如果代碼輸入正常，主窗口下方的“輸出”窗口中將出現生成成功的信息，如果有語法錯誤，則在“錯誤列表”中將逐一列出所有錯誤，雙擊相應的錯誤將跳轉到相應的代碼行。第48頁，共61頁。2022年8月16日第49頁第一個ASP.

31、NET應用程序 （5/6）此時將彈出“未啟用調試”對話框，如果選擇“修改Web.config文件以啟用調試”單選按鈕，則以后啟動該工程時將不再彈出該對話框，而默認啟動調試；如果選擇“不進行調試直接運行”單選按鈕，則不啟動調試，等同于用戶按“Ctrl+F5”組合鍵。單擊“確定”按鈕后，將自動啟動默認的Web瀏覽器，同時打開該頁面。第49頁，共61頁。2022年8月16日第50頁第一個ASP.NET應用程序 （6/6）此時，在Windows的任務欄中會出現一個帶屏幕提示的小圖標 ，這個圖標屬于ASP.NET Development Server。該Web服務器由VWD自動啟動，以響應對頁面的請求。

32、第50頁，共61頁。2022年8月16日第51頁ASP.NET頁面文檔的結構一個完整的ASP.NET頁面文檔通常是由指令、文檔類型聲明、代碼聲明、服務器代碼、文本和XHTML標記等部分組成。第51頁，共61頁。2022年8月16日第52頁指令ASP.NET頁面通常包含一些指令，允許用戶指定頁面的屬性和配置信息，對頁面進行設置，指令指定的設置不會出現在瀏覽器端。如在例1-1中Default.aspx頁面中的第一行就是Page指令，該指令指出使用的語言是C#，后臺代碼文件是“Default.aspx.cs”，該頁面對應的后臺類是_Default。第52頁，共61頁。2022年8月16日第53頁文檔類型聲明文檔類型聲明DOCTYPE 用于指定文檔遵從的DTD(Document Typ