動態(tài)網(wǎng)站設計教程 ch1.ppt

1、教材：ASP.NET 2.0動態(tài)網(wǎng)站設計教程 作者：李春葆 清華大學出版社2009,第 1 章,ASP.NET應用程序開發(fā)基礎,1.1 Internet和Web 1.2 .NET框架 1.3 ASP.NET概述 1.4配置ASP.NET運行環(huán)境 1.5 創(chuàng)建ASP.NET應用程序,1.1 Internet和Web,1.1.1 什么是Internet 1.1.2 什么是Web 1.1.3 Web的特點,1.1.4 Web網(wǎng)頁,1. 靜態(tài)網(wǎng)頁 指那些不能夠接收用戶輸入信息的Web網(wǎng)頁，其內(nèi)容是靜態(tài)的，唯一的響應就是接收鼠標點擊超級連接后顯示所連接的網(wǎng)頁。 當用戶用鼠標點擊其中一個超級連接后，就會在

2、瀏覽器中顯示所連接的網(wǎng)頁信息。,2. 動態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁不同，在動態(tài)網(wǎng)頁，用戶可以輸入動態(tài)網(wǎng)頁所允許的各種信息，以實現(xiàn)人機交互。,1.1.5 Web應用程序的開發(fā)技術,1. Web開發(fā)技術,ASP PHP JSP ASP.NET,2. 兩種重要的企業(yè)開發(fā)平臺,J2EE。 .NET框架。,1.2 .NET框架,1.2.1 .NET框架體系結構,1.2.2 .NET框架下應用程序的開發(fā)和執(zhí)行,.NET框架中的CLR實際上是一種語言規(guī)范，它大致可以再分為以下幾部分：,通用類型系統(tǒng)（Common Type Syatem，簡稱為CTS）。 存儲管理和資源回收機制。 中間語言與實時編譯器。,使用

3、Visual Studio.NET環(huán)境開發(fā)的應用程序支持CLR。 對于這樣的源程序，經(jīng)過.NET編譯后并不直接產(chǎn)生本機CPU可執(zhí)行代碼，而是先轉換為中間語言代碼。程序執(zhí)行時再由CLR載入內(nèi)存，通過實時解釋將其轉換為本機CPU可執(zhí)行代碼后再執(zhí)行，如下圖所示。,應用程序的開發(fā)需要安裝Visual Studio.NET環(huán)境，而應用程序的執(zhí)行只需要安裝.NET框架即可。,1.3 ASP.NET概述,1.3.1 ASP.NET應用程序的執(zhí)行過程,1.3.2 ASP與ASP.NET的區(qū)別,新的運行環(huán)境：新的運行環(huán)境引入托管代碼，其運行在CLR下面，使程序設計更為簡便。 效率：ASP.NET應用程序是在服務

4、器上運行的編譯好的通用語言運行環(huán)境（CLR）代碼。而不是像ASP那樣解釋執(zhí)行，而且ASPNET可利用早期綁定、實時編譯、本機優(yōu)化和緩存服務來提高程序執(zhí)行的性能，與ASP相比，ASP.NET大大提高了程序執(zhí)行的速度。 Visual Studio.NET開發(fā)工具的支持：ASP.NET應用程序可利用微軟公司的Visual Studio.NET進行產(chǎn)品開發(fā)。Visual Studio.NET比以前的Visual Studio集成開發(fā)環(huán)境增加了大量工具箱和設計器、來支持ASP.NET應用程序的可視化開發(fā)，使程序的開發(fā)效率大大提高，并且簡化程序的部署和維護工作。 多語言支持：ASP.NET支持多種語言，無

5、論使用哪種語言編寫程序，都將被編譯為中間代碼，目前ASPNET支持的語言有C#.NET、VB.NET、J#.NET和C+.NET，設計者可以選擇最適合自己的語言來編寫程序。,高效的管理能力：ASP.NET使用基于文本的、分級的配置系統(tǒng)，使服務器環(huán)境和應用程序的設置更加簡單。由于配置信息都保存在簡單文本中，不需要啟動本地的管理員工具就可以實現(xiàn)新的設置。一個ASP.NET應用程序在一臺服務器系統(tǒng)的安裝只需要簡單地復制一些必須的文件，而不需要系統(tǒng)的重新啟動。 清晰的程序結構：ASP.NET使用事件驅動和數(shù)據(jù)綁定的方式開發(fā)程序，將程序代碼和用戶界面徹底分離，具有清晰的結構。另外，使用代碼綁定方式將程序

6、代碼和用戶界面標記分離在不同的文件中，使程序的可讀性更強。,1.4配置ASP.NET運行環(huán)境,1.4.1 IIS的安裝,在Windows XP操作系統(tǒng)下安裝IIS的步驟如下： （1）選擇“開始”|“控制面板”|“添加或刪除程序”命令，打開“添加或刪除程序”對話框。如下圖所示。,（2）單擊左側的“添加/刪除Windows組件”按鈕，打開“Windows組件”對話框，如下圖所示。,（3）勾選組件列表中的“Internet信息服務（IIS）”選項，然后單擊“下一步”按鈕，出現(xiàn)安裝界面，如下圖所示。,（4）安裝完成后出現(xiàn)如下圖所示的安裝完成對話框，單擊“完成”按鈕完成整個安裝過程。,（5）再回到“Wi

7、ndows組件”對話框，如下圖所示，從組件列表框中看到“Internet信息服務（IIS）”選項被勾選，說明已安裝好IIS。,在安裝IIS之后，可以用兩種方法之一測試是否安裝成功： 方法1：啟到IE瀏覽器，輸入http:/localhost/localstart.asp。 方法2：啟到IE瀏覽器，輸入http:/計算機名稱。 若這兩種操作后出現(xiàn)計算機的登錄界面，輸入正確的用戶名和密碼后轉向“歡迎使用Windows XP Server Internet服務”頁面，表示IIS成功安裝，否則安裝存在問題。 IIS安裝好之后，會自動創(chuàng)建一個默認的Web網(wǎng)站（默認主目錄為C:Inetpubwwwroot

8、），供用戶快速發(fā)布內(nèi)容。用戶也可自行創(chuàng)建Web網(wǎng)站，以擴大和豐富Web服務器上的信息。對于Web服務器來說，還可利用服務器擴展功能來增強Web站點的功能。,1.4.2 Web網(wǎng)站屬性設置,IIS安裝成功后，會自動創(chuàng)建一個默認的Web網(wǎng)站，可以對其進行管理和配置，其操作步驟如下： （1）選擇“開始”|“控制面板”|“管理工具”命令，可以看到“Internet信息服務”圖標。雙擊該圖標，出現(xiàn)“Internet信息服務”對話框，如下圖所示。,（2）用鼠標右鍵單擊“默認網(wǎng)站”，選擇“屬性”菜單項，出現(xiàn)如下圖所示的“默認網(wǎng)站屬性”對話框的“網(wǎng)站”選項卡，其中可以設置站點的IP地址和TCP端口，端口號默認

9、為80。一般來說不需要對其內(nèi)容進行修改。,（3）每個Web站點必須有一個主目錄，對Web站點的訪問實際上是對站點主目錄的訪問。主目錄之所以能被其他訪問者訪問，是因為它被映射到站點的域名。 這里選擇“主目錄”選項卡，出現(xiàn)如下圖所示的對話框，其中可以設置Web站點的主目錄等。,（4）除非有必要，否則并不建議直接修改默認網(wǎng)站的主目錄，這并沒有必要。如果不希望把ASP文件存放到C:inetpubwwwroot目錄下，可以通過設置虛擬目錄來達到目的。這里單擊“確定”按鈕返回。,1.4.3 創(chuàng)建IIS虛擬目錄,虛擬目錄是指除了主目錄以外的其他站點發(fā)布目錄。在客戶瀏覽器中，虛擬目錄就像位于主目錄中一樣，但在

10、物理上可能并不包含在主目錄中。 創(chuàng)建IIS的虛擬目錄的一般操作步驟如下： （1）在“Internet信息服務”對話框中，用鼠標右擊“默認網(wǎng)站”，在出現(xiàn)的快捷菜單中選擇“新建”|“虛擬目錄”命令，出現(xiàn)創(chuàng)建虛擬目錄向導，如下圖所示，單擊“下一步”按鈕。,（2）出現(xiàn)如下圖所示的對話框，在其中“別名”框中輸入要建立虛擬目錄的名稱，這里輸入Myaspnet，單擊“下一步”按鈕。,（3）出現(xiàn)如下圖所示的對話框，單擊“瀏覽”按鈕，在出現(xiàn)的“打開”對話框中選擇“H:ASPNET”作為建立虛擬目錄的物理文件夾。單擊“下一步”按鈕。,（4）出現(xiàn)如下圖所示的對話框，用于設置虛擬目錄的訪問權限。,（5）出現(xiàn)如下圖所示

11、的完成界面，單擊“完成”按鈕則虛擬目錄創(chuàng)建完畢。,1.5 創(chuàng)建ASP.NET應用程序,1.5.1 Visual Studio.NET 2005,Visual Studio.NET 2005是一套完整的開發(fā)工具，用于生成ASP.NET Web應用程序等。 將Visual Studio.NET 2005默認環(huán)境配置成C#開發(fā)語言 。,1.5.2 ASP.NET應用程序示例,【例1.1】在Myaspnet虛擬目錄中建立一個網(wǎng)站，并在ch1文件夾中創(chuàng)建立一個WebForm1-1網(wǎng)頁，在用戶單擊其中的按鈕時提示相應的信息。 操作步驟如下： （1）啟動Visual Studio.NET 2005。 （2）

12、選擇“文件”|“新建”|“網(wǎng)站”菜單命令，出現(xiàn)如下圖所示的“新建網(wǎng)站”對話框，,其中“位置”選項有3種： 文件系統(tǒng)：如果主機沒有安裝IIS，也不想設置服務器的位置等信息，可以使用這個設置。Visual Studio.NET 2005會把你所指定的路徑視為該網(wǎng)站的根目錄，并在預覽時啟動內(nèi)置的網(wǎng)頁服務器，根據(jù)這個位置來模擬執(zhí)行，十分方便。 HTTP：如果主機已經(jīng)安裝了IIS，便可以使用這個設置。這個設置與IIS的設置相關，還必須設置網(wǎng)頁服務器的預覽網(wǎng)址，所設計的文件也會放置在IIS所設置網(wǎng)站的根目錄中。 FTP：如果測試主機并不在本機上，可以使用這個設置。Visual Studio.NET 200

13、5通過文件傳輸協(xié)議FTP訪問網(wǎng)站，這樣更容易訪問其他服務器上的網(wǎng)站。,（3）單擊“瀏覽”按鈕，出現(xiàn) “選擇位置”對話框，選中Myaspnet選項，單擊“打開”按鈕，自動返回。 （4）保持語言為Visual C#不變，單擊“確定”按鈕。這樣就創(chuàng)建了一個空網(wǎng)站，Visual Studio.NET 2005的Web應用程序集成開發(fā)環(huán)境如下圖所示。,其組成部分如下。 菜單欄 標準工具欄 控件工具箱 解決方案資源管理器 代碼編輯窗口 窗體設計器 “屬性”窗口,（5）在“解決方案資源管理器”中，右擊“http:/localhost/Myaspnet/”項，在出現(xiàn)的快捷菜單中選擇“新建文件夾”選項，添加一個

14、文件夾，將其更名為ch1。再選擇“網(wǎng)站”|“添加新項”菜單命令，出現(xiàn) “添加新項”對話框，從模板列表中選擇“Web窗體”（默認值）選項，將名稱改為“WebForm1-1.aspx”，表示在當前網(wǎng)站Myaspnet的ch1文件夾中添加一個WebForm1-1網(wǎng)頁，右下方有兩個復選項： 將代碼放在單獨的文件中：選中（默認選中）時，表示將網(wǎng)頁的邏輯部分和顯示部分分離，達到代碼隱藏的目的。否則，將兩者放在一個文件中，就像ASP文件一樣。 選擇母版頁：選中時，需指定一個母版（先要設計好母版），當前網(wǎng)頁在指定的母版上設計。,（6）出現(xiàn)WebForm1-1網(wǎng)頁的源視圖，單擊“設計”選項卡，出現(xiàn)空的設計視圖，

15、在其中第一行輸入“我的第一個ASP.NET網(wǎng)頁”文字，在第2行從工具箱拖放一個Button控件（名稱默認為Button1，通過右下方的屬性窗口將其Text改為“單擊”），在其后拖放一個Label控件（名稱默認為Label1，將其Text屬性改為空白的），如下圖所示。,（7）雙擊Button1控件，出現(xiàn)代碼編輯窗口，在Button1_Click事件過程中輸入以下行： Label1.Text=您單擊了按鈕; 注意其他代碼都是系統(tǒng)自動生成的，不需要改動。如下圖所示。,（8）這樣WebForm1-1網(wǎng)頁設計完畢，可以在瀏覽器中預覽網(wǎng)頁，如使用F5鍵或單擊按鈕 。 執(zhí)行如下：,WebForm1-1.aspx文件包含顯示代碼部分，其源視圖代碼如下(P34) 無標題頁 我的第一個ASP.NET網(wǎng)頁 ,WebForm1.aspx.cs文件包含邏輯代碼（也稱后臺代碼）部分，其代碼如下： using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using S