52
ASP.NET 2.0 ASP.NET 2.0 網網網網 網網網網 網網網網 網網網網 網網網網網網網網_____________ _____________ 網網網網網網網網_____________ _____________

ASP.NET 2.0 網頁製作 徹底研究

  • Upload
    urit

  • View
    62

  • Download
    2

Embed Size (px)

DESCRIPTION

ASP.NET 2.0 網頁製作 徹底研究. 課程名稱: _____________ 指導教授: _____________. 本書特點. 在 ASP.NET 程式使用 .NET Framework 的類別物件 Web 表單處理與驗證,包含正規化運算式的資料驗證 伺服端的檔案、資料夾和 XML 文件處理 Access 與 SQL Server 2005 Express 的網頁資料庫 分別使用資料繫結和來源控制項處理網頁資料庫 完整會員管理和群組權限管理 網站導覽和一致化設計 完整 ASP.NET 的個人化程序 使用 WSDL 檔案建立 Web 服務的客戶端程式. - PowerPoint PPT Presentation

Citation preview

Page 1: ASP.NET 2.0 網頁製作 徹底研究

ASP.NET 2.0ASP.NET 2.0 網頁製作網頁製作徹底研究徹底研究

課程名稱:課程名稱: __________________________ 指導教授:指導教授: __________________________

Page 2: ASP.NET 2.0 網頁製作 徹底研究

本書特點本書特點 在在 ASP.NETASP.NET 程式使用程式使用 .NET Framework.NET Framework 的類別的類別

物件物件 WebWeb 表單處理與驗證,包含正規化運算式的資料表單處理與驗證,包含正規化運算式的資料

驗證驗證 伺服端的檔案、資料夾和伺服端的檔案、資料夾和 XMLXML 文件處理文件處理 AccessAccess與與 SQL Server 2005 ExpressSQL Server 2005 Express 的網頁的網頁

資料庫資料庫 分別使用資料繫結和來源控制項處理網頁資料庫分別使用資料繫結和來源控制項處理網頁資料庫 完整會員管理和群組權限管理完整會員管理和群組權限管理 網站導覽和一致化設計網站導覽和一致化設計 完整完整 ASP.NETASP.NET 的個人化程序的個人化程序 使用使用 WSDLWSDL 檔案建立檔案建立 WebWeb 服務的客戶端程式服務的客戶端程式

Page 3: ASP.NET 2.0 網頁製作 徹底研究

ASP.NET 2.0ASP.NET 2.0 版新功能版新功能 新版新版 ASP.NET 2.0ASP.NET 2.0 版不僅完全相容舊版版不僅完全相容舊版 1.0/1.11.0/1.1 ,,

並且能夠在大幅減少程式碼的情況下,快速使用並且能夠在大幅減少程式碼的情況下,快速使用Visual Web Developer 2005 ExpressVisual Web Developer 2005 Express 建立建立WebWeb 應用程式,其主要的新增功能,如下所示:應用程式,其主要的新增功能,如下所示:• 網站一致化設計的主版頁面。網站一致化設計的主版頁面。• 網站會員管理控制項和網站會員管理控制項和 Membership APIMembership API 。。• 網站的個人化網站的個人化 ProfileProfile 物件和網頁組件控制項。物件和網頁組件控制項。• 顯示和維護資料庫的資料處理控制項。顯示和維護資料庫的資料處理控制項。• 更多網站設定、管理工具和更多網站設定、管理工具和 ASP.NETASP.NET 開發工具。開發工具。

Page 4: ASP.NET 2.0 網頁製作 徹底研究

如何閱讀本書如何閱讀本書 -1-1

本書前本書前 1010 章都是在訓練讀者的章都是在訓練讀者的 ASP.NETASP.NET程式設計能力。從安裝開始,詳細說明語程式設計能力。從安裝開始,詳細說明語法、基本輸出入和法、基本輸出入和 WebWeb 表單處理,對於表單處理,對於HTMLHTML 語言不熟悉的讀者,請閱讀書附光語言不熟悉的讀者,請閱讀書附光碟的完整電子書「碟的完整電子書「 HTMLHTML與與 CSSCSS 網頁設計網頁設計範例教本」。範例教本」。

在第在第 8~98~9 章解說章解說 ADO.NETADO.NET 網頁資料庫,網頁資料庫,第第 1010 章說明章說明 2.02.0 版新增的資料來源控制項。版新增的資料來源控制項。對於初學者來說,請仔細閱讀前對於初學者來說,請仔細閱讀前 1010 章內容,章內容,以便應付之後實際建立以便應付之後實際建立 WebWeb 網站的挑戰。網站的挑戰。

Page 5: ASP.NET 2.0 網頁製作 徹底研究

如何閱讀本書如何閱讀本書 -2-2

對於對於 ASP.NETASP.NET 程式設計有經驗的讀者來說,程式設計有經驗的讀者來說,或者學了半天,還是無法設計所需網站功或者學了半天,還是無法設計所需網站功能的讀者,請依所需功能選擇閱讀章節。能的讀者,請依所需功能選擇閱讀章節。

例如:建立例如:建立 WebWeb 應用程式請閱讀第應用程式請閱讀第11~1211~12 章,章, WebWeb 表單處理請閱讀第表單處理請閱讀第 55 和和66 章,登入網站和會員管理是第章,登入網站和會員管理是第 1313 章,網章,網路商店在第路商店在第 1515 章,拍賣網站為第章,拍賣網站為第 1717 章的章的方式來學習方式來學習 ASP.NETASP.NET 實戰技巧。實戰技巧。

Page 6: ASP.NET 2.0 網頁製作 徹底研究

目錄目錄 -I-I

1. ASP.NET1. ASP.NET與與WebWeb 應用程式的基礎應用程式的基礎 2. Visual Basic2. Visual Basic 語法的語法的 ASP.NETASP.NET 程式程式 3. .NET Framework3. .NET Framework 類別函式庫的使用類別函式庫的使用 4. ASP.NET4. ASP.NET的的 HTTPHTTP 物件、輸出入與物件、輸出入與

CookieCookie 處理處理 5. Web5. Web 表單程式設計模型表單程式設計模型 6. Web6. Web 表單的處理表單的處理 7. Web7. Web 伺服器檔案與伺服器檔案與 XMLXML 文件處理文件處理 8. ADO.NET8. ADO.NET 的網頁資料庫操作的網頁資料庫操作

Page 7: ASP.NET 2.0 網頁製作 徹底研究

目錄目錄 -II-II

9. ADO.NET9. ADO.NET 的網頁資料庫查詢的網頁資料庫查詢 10. 10. 網頁資料庫顯示與維護控制項網頁資料庫顯示與維護控制項 11. ASP.NET11. ASP.NET的的WebWeb 應用程式應用程式 12. ASP.NET12. ASP.NET 的網站導覽與一致化的網站導覽與一致化 13. 13. 網站的使用者與會員管理網站的使用者與會員管理 14. 14. 網站的個人化資訊網站的個人化資訊 15. 15. 建立網路商店建立網路商店 16. 16. 交友網站的設計交友網站的設計

Page 8: ASP.NET 2.0 網頁製作 徹底研究

目錄目錄 -III-III

17. 17. 架構拍賣網站架構拍賣網站 18. 18. 個人入口網站的建立個人入口網站的建立 附錄附錄 A HTMLA HTML 控制項與進階表單驗證控制控制項與進階表單驗證控制

項項 附錄附錄 B SQLB SQL 查詢語言查詢語言

Page 9: ASP.NET 2.0 網頁製作 徹底研究

第第 11 章 章 ASP.NETASP.NET與與 WebWeb應用應用程式的基礎程式的基礎

1-1 Web1-1 Web 應用程式的開發環境應用程式的開發環境 1-2 1-2 建立電子商務網站建立電子商務網站 1-3 HTML1-3 HTML與與 XMLXML 的基礎的基礎 1-4 ASP.NET1-4 ASP.NET 的基礎的基礎 1-5 1-5 建立建立 ASP.NET 2.0ASP.NET 2.0 版的開發環境版的開發環境 1-6 Visual Web Developer1-6 Visual Web Developer 建立建立

ASP.NETASP.NET 程式程式

Page 10: ASP.NET 2.0 網頁製作 徹底研究

1-1 Web1-1 Web應用程式的開發環境應用程式的開發環境 1-1-1 1-1-1 資訊處理系統資訊處理系統 1-1-2 1-1-2 多層式主從架構的多層式主從架構的 WebWeb 開發環境開發環境

Page 11: ASP.NET 2.0 網頁製作 徹底研究

1-1-1 1-1-1 資訊處理系統資訊處理系統 -- 說明說明 資訊處理系統(資訊處理系統( Information Processing Information Processing

SystemsSystems )是使用資訊處理模型)是使用資訊處理模型(( Information Processing ModelInformation Processing Model )所)所建立的應用程式。以建立的應用程式。以 WebWeb 開發環境來說,開發環境來說,可以分為:可以分為:• 資訊處理模型(資訊處理模型( Information Processing Information Processing

ModelModel ))• 資訊傳遞模型(資訊傳遞模型( Information Delivery Information Delivery

ModelModel ))

Page 12: ASP.NET 2.0 網頁製作 徹底研究

1-1-1 1-1-1 資訊處理系統資訊處理系統 -- 資訊傳遞模型資訊傳遞模型 資訊傳遞模型就是傳統資訊傳遞模型就是傳統 WebWeb 網站,所有資訊內網站,所有資訊內

容是以容是以 HTMLHTML 語言撰寫的靜態語言撰寫的靜態 HTMLHTML 文件,我們文件,我們可以使用可以使用 FrontPageFrontPage或或 DreamweaverDreamweaver 等網頁等網頁編輯工具來建立網站內容,如下圖所示:編輯工具來建立網站內容,如下圖所示:

Page 13: ASP.NET 2.0 網頁製作 徹底研究

1-1-1 1-1-1 資訊處理系統資訊處理系統 -- 資訊處理模型資訊處理模型 資訊處理模型主要的目的是建立互動的資訊處理模型主要的目的是建立互動的 WebWeb 網網

站內容,此時站內容,此時WebWeb 伺服器的角色不單純是傳遞伺服器的角色不單純是傳遞資料,它是一個完整資訊處理系統的執行平台,資料,它是一個完整資訊處理系統的執行平台,我們需要使用伺服端網頁技術,例如:我們需要使用伺服端網頁技術,例如: ASP.NETASP.NET來建立此種系統,如下圖所示:來建立此種系統,如下圖所示:

Page 14: ASP.NET 2.0 網頁製作 徹底研究

1-1-2 1-1-2 多層式主從架構的多層式主從架構的 WebWeb 開開發環境發環境 -- 說明說明

多層架構(多層架構( N-Tier ArchitectureN-Tier Architecture )是主)是主從架構的擴充,主從架構的電腦本身並沒從架構的擴充,主從架構的電腦本身並沒有分別,電腦只是分別扮演不同的角色,有分別,電腦只是分別扮演不同的角色,如下所示:如下所示:• 伺服端(伺服端( ServerServer ):在主從架構中扮演提供):在主從架構中扮演提供

服務(服務( ServiceService )的提供者()的提供者( ProviderProvider )角)角色。色。

• 客戶端(客戶端( ClientClient ):在主從架構中的角色是提):在主從架構中的角色是提出服務請求(出服務請求( RequestRequest )的請求者)的請求者(( RequesterRequester )。)。

Page 15: ASP.NET 2.0 網頁製作 徹底研究

1-1-2 1-1-2 多層式主從架構的多層式主從架構的 WebWeb 開發開發環境環境 -- 圖例圖例

Page 16: ASP.NET 2.0 網頁製作 徹底研究

1-2 1-2 建立電子商務網站建立電子商務網站 1-2-1 1-2-1 電子商務的種類電子商務的種類 1-2-2 1-2-2 如何建立電子商務網站如何建立電子商務網站

Page 17: ASP.NET 2.0 網頁製作 徹底研究

1-2-1 1-2-1 電子商務的種類電子商務的種類 -- 說明說明 「電子商務」(「電子商務」( E-commerceE-commerce )就是利用)就是利用

InternetInternet 來做生意,也就是使用電腦在網來做生意,也就是使用電腦在網路上進行商業交易活動。對於伺服端網頁路上進行商業交易活動。對於伺服端網頁技術來說,電子商務網站就是其最常實作技術來說,電子商務網站就是其最常實作的的WebWeb 應用程式之一。應用程式之一。

電子商務幕後的經營模式和交易方式,才電子商務幕後的經營模式和交易方式,才是決定電子商務是否成功的關鍵,以交易是決定電子商務是否成功的關鍵,以交易對象來區分,可以分成多種交易模式。對象來區分,可以分成多種交易模式。

Page 18: ASP.NET 2.0 網頁製作 徹底研究

1-2-1 1-2-1 電子商務的種類電子商務的種類 --B to CB to C

B to CB to C 型電子商務型電子商務 B to CB to C 的英文是的英文是 Business to ConsumerBusiness to Consumer ,也,也

就是企業對個人交易模式的電子商務,這是一種就是企業對個人交易模式的電子商務,這是一種企業直接銷售產品或服務給使用者的交易模式。企業直接銷售產品或服務給使用者的交易模式。

B to CB to C 交易模式和現實生活的商店並沒有什麼不交易模式和現實生活的商店並沒有什麼不同,只不過將現實的賣場搬到網路。因為網路商同,只不過將現實的賣場搬到網路。因為網路商店並不需要真正賣場,一個網路商店就可以輕鬆店並不需要真正賣場,一個網路商店就可以輕鬆提供比目前大賣場更多的銷售商品,再加上沒有提供比目前大賣場更多的銷售商品,再加上沒有中間經銷商的經銷成本,在價格上擁有更大的競中間經銷商的經銷成本,在價格上擁有更大的競爭優勢。爭優勢。

Page 19: ASP.NET 2.0 網頁製作 徹底研究

1-2-1 1-2-1 電子商務的種類電子商務的種類 --B to BB to B

B to BB to B 型電子商務型電子商務 B to BB to B 的英文是的英文是 Business to BusinessBusiness to Business ,也就,也就

是企業對企業交易模式的電子商務。這是指企業是企業對企業交易模式的電子商務。這是指企業銷售商品給企業的商業活動,企業是在網上採購銷售商品給企業的商業活動,企業是在網上採購所需商品。因為傳統採購方式受限於地域限制,所需商品。因為傳統採購方式受限於地域限制,主要是以電話或傳真進行處理,現在只需連上網主要是以電話或傳真進行處理,現在只需連上網路,就可以處理所有商品或零組件的採購。路,就可以處理所有商品或零組件的採購。

企業間電子商務的主要目的是整合上下游零組件企業間電子商務的主要目的是整合上下游零組件的供銷管理,以便使用的供銷管理,以便使用 InternetInternet自動化進行採購,自動化進行採購,可以節省採購成本和增加效率,進而提高產品售可以節省採購成本和增加效率,進而提高產品售價的競爭力。價的競爭力。

Page 20: ASP.NET 2.0 網頁製作 徹底研究

1-2-1 1-2-1 電子商務的種類電子商務的種類 --C to CC to C

C to CC to C 型電子商務型電子商務 C to CC to C 的英文是的英文是 Consumer to Consumer to

ConsumerConsumer ,這是消費者對消費者交易模,這是消費者對消費者交易模式的電子商務。換句話說,在網路上是由式的電子商務。換句話說,在網路上是由使用者提供商品,銷售給其他使用者,網使用者提供商品,銷售給其他使用者,網站只是扮演仲介角色,提供所需的交易機站只是扮演仲介角色,提供所需的交易機制,但不涉入交易過程,即所謂的跳蚤巿制,但不涉入交易過程,即所謂的跳蚤巿場或拍賣網站。場或拍賣網站。

Page 21: ASP.NET 2.0 網頁製作 徹底研究

1-2-1 1-2-1 電子商務的種類電子商務的種類 --C to BC to B

C to BC to B 型電子商務型電子商務 C to BC to B 的英文是的英文是 Consumer to BusinessConsumer to Business ,,也就是消費者對廠商交易模式的電子商務,也就是消費者對廠商交易模式的電子商務,透過網路來集合使用者需求,提高採購數透過網路來集合使用者需求,提高採購數量上的優勢和廠商進行議價,以得到最優量上的優勢和廠商進行議價,以得到最優惠的商品價格。惠的商品價格。

C to BC to B 的消費者模式是集合大家的單一需的消費者模式是集合大家的單一需求,以便取得消費者交易的主導權與廠商求,以便取得消費者交易的主導權與廠商進行議價,以降低商品價格,即所謂的集進行議價,以降低商品價格,即所謂的集殺。殺。

Page 22: ASP.NET 2.0 網頁製作 徹底研究

1-2-2 1-2-2 如何建立電子商務網站如何建立電子商務網站 電子商務是一個網路上沒有營業場所的虛電子商務是一個網路上沒有營業場所的虛擬銷售據點,架構電子商務網站的基本流擬銷售據點,架構電子商務網站的基本流程,如下圖所示:程,如下圖所示:

Page 23: ASP.NET 2.0 網頁製作 徹底研究

1-3 HTML1-3 HTML與與 XMLXML 的基礎的基礎 1-3-1 HTML1-3-1 HTML 標示語言標示語言 1-3-2 1-3-2 什麼是什麼是 XMLXML 1-3-3 XHTML1-3-3 XHTML 文件文件

Page 24: ASP.NET 2.0 網頁製作 徹底研究

1-3-1 HTML1-3-1 HTML 標示語言標示語言 -- 說明說明 「「 HTMLHTML 」(」( HyperText Markup LanguagHyperText Markup Languagee )標示語言是一種文件編排語言,其主要目的)標示語言是一種文件編排語言,其主要目的是編排文件內容,以便顯示漂亮的文件內容。 是編排文件內容,以便顯示漂亮的文件內容。 HTML HTML 使用的是使用的是 SGMLSGML 語法,語法, SGMLSGML 是一種功是一種功能強大的文件標示、管理和編排語言,在能強大的文件標示、管理和編排語言,在 19861986年成為年成為 ISOISO標準的文件描述語言。標準的文件描述語言。

Tim Berners-LeeTim Berners-Lee在在 19911991年建立年建立 HTMLHTML 語言,語言,在在 19931993年 年 HTML1.0 HTML1.0 版由版由 Berners-LeeBerners-Lee和和ConnollyConnolly 所完成,經過所完成,經過 3.23.2 版到目前的最新版版到目前的最新版HTML 4.0xHTML 4.0x 版,它是一種文件的格式編排語言,版,它是一種文件的格式編排語言,不像不像 SGMLSGML允許定義如何標示文件的標允許定義如何標示文件的標籤,籤, HTMLHTML只是使用只是使用 SGMLSGML 的慣用語法,也就是的慣用語法,也就是標籤和屬性。標籤和屬性。

Page 25: ASP.NET 2.0 網頁製作 徹底研究

1-3-1 HTML1-3-1 HTML 標示語言標示語言 -- 範例範例01: <html>01: <html>02: 02:

<head><title><head><title> 一份電子郵件的內容一份電子郵件的內容 </title></head</title></head>>

03: <body>03: <body>04: <b>from: </b>[email protected]<br>04: <b>from: </b>[email protected]<br>05: <b>to: </b>[email protected]<br>05: <b>to: </b>[email protected]<br>06: <b>subject: </b>06: <b>subject: </b> 測試郵件功能測試郵件功能 <br><br>07: <p>07: <p> 這是第一封郵件這是第一封郵件 </p></p>08: </body>08: </body>09: </html>09: </html>

Page 26: ASP.NET 2.0 網頁製作 徹底研究

1-3-1 HTML1-3-1 HTML 標示語言標示語言 --預覽預覽 請啟動瀏覽程式執行「檔案請啟動瀏覽程式執行「檔案 //開啟舊檔」指開啟舊檔」指令,就可以載入令,就可以載入 HTMLHTML 文件,如下圖所示:文件,如下圖所示:

Page 27: ASP.NET 2.0 網頁製作 徹底研究

1-3-1 HTML1-3-1 HTML 標示語言標示語言 -- 架構架構 HTMLHTML 文件內容是一份文字檔案,內含網頁顯示的內容和文件內容是一份文字檔案,內含網頁顯示的內容和標示編排的標籤指令。其基本架構如下所示:標示編排的標籤指令。其基本架構如下所示:

<html> <html> 標示著一份標示著一份 HTMLHTML 網頁網頁 <head> HTML<head> HTML 網頁的基本定義網頁的基本定義 </head></head> <body> HTML<body> HTML 網頁的內容網頁的內容 </body></body></html></html> 文件架構是位在文件架構是位在 <html><html>和和 </html></html> 標籤間的內容和定標籤間的內容和定義,義, <head><head>和和 </head></head> 標籤包圍的區塊定義標籤包圍的區塊定義 HTMLHTML網頁本身。例如:標題文字,實際網頁內容是定義在網頁本身。例如:標題文字,實際網頁內容是定義在<body><body>和和 </body></body> 標籤間,這才是網頁真正的內容。標籤間,這才是網頁真正的內容。

Page 28: ASP.NET 2.0 網頁製作 徹底研究

1-3-2 1-3-2 什麼是什麼是 XML-XML- 說明說明 「「 XMLXML 」(」( Extensible Markup LanguageExtensible Markup Language ))

可擴展標示語言也屬於一種標籤語言,可擴展標示語言也屬於一種標籤語言, XML 1.0XML 1.0版規格是在版規格是在 19981998年年 22 月正式推出,目前月正式推出,目前 XMLXML的相關技術仍在持續發展和制定中,這只是一個的相關技術仍在持續發展和制定中,這只是一個開始,並不是結束。開始,並不是結束。

XMLXML 語法十分類似語法十分類似 HTMLHTML ,也屬於,也屬於 SGMLSGML 的子的子集,繼承集,繼承 SGMLSGML自訂標籤的優點,並且刪除一些自訂標籤的優點,並且刪除一些SGMLSGML複雜的部分,在功能上能夠補足複雜的部分,在功能上能夠補足 HTMLHTML標標籤的不足,但是,擁有更多的擴充性。籤的不足,但是,擁有更多的擴充性。

Page 29: ASP.NET 2.0 網頁製作 徹底研究

1-3-2 1-3-2 什麼是什麼是 XML-XML- 範例範例01: <?xml version="1.0" encoding="Big5"?>01: <?xml version="1.0" encoding="Big5"?>02: <email>02: <email>03: <from>[email protected]</from>03: <from>[email protected]</from>04: <to>[email protected]</to>04: <to>[email protected]</to>05: <subject>05: <subject> 測試郵件功能測試郵件功能 </subject></subject>06: <body>06: <body>07: <title>07: <title> 這是第一封郵件這是第一封郵件 </title></title>08: <note>08: <note> 使用使用 XMLXML 建立的郵件內容建立的郵件內容 </note></note>09: </body>09: </body>10: </email>10: </email>

Page 30: ASP.NET 2.0 網頁製作 徹底研究

1-3-2 1-3-2 什麼是什麼是 XML-XML- 預覽預覽 請啟動瀏覽程式執行「檔案請啟動瀏覽程式執行「檔案 //開啟舊檔」指令,開啟舊檔」指令,

在選取檔案後就可以載入在選取檔案後就可以載入 XMLXML 文件,如下圖所示:文件,如下圖所示:

Page 31: ASP.NET 2.0 網頁製作 徹底研究

1-3-3 XHTML1-3-3 XHTML 文件文件 -- 說明說明 「「 XHTMLXHTML 」(」( Extensible HyperText Extensible HyperText

Markup LanguageMarkup Language )是)是 HTML 4.0xHTML 4.0x 版版以以 XML 1.0XML 1.0 語法重新制定的標籤語法,屬語法重新制定的標籤語法,屬於一份標準的於一份標準的 XMLXML 文件。文件。

XHTMLXHTML 的目的是取代的目的是取代 HTML 4.0HTML 4.0 版,目前版,目前最新版本為最新版本為 2.02.0 ,不過,不過 XHTMLXHTML 仍然採用仍然採用HTML 4.0HTML 4.0 版的標籤,它是版的標籤,它是 W3CW3C 制定取代制定取代HTML 4.0HTML 4.0 版的下一個世代的版的下一個世代的 HTMLHTML 。。

Page 32: ASP.NET 2.0 網頁製作 徹底研究

1-3-3 XHTML1-3-3 XHTML 文件文件 --注意事項注意事項 XHTMLXHTML 文件比文件比 HTMLHTML 文件的標籤要求更文件的標籤要求更加嚴格,必須遵循加嚴格,必須遵循 XMLXML 文件的撰寫規則,文件的撰寫規則,其注意事項如下所示:其注意事項如下所示:• 不可省略結尾標籤,如果是沒有結尾標籤的單不可省略結尾標籤,如果是沒有結尾標籤的單獨標籤,標籤寫法在結束「獨標籤,標籤寫法在結束「 >> 」符號前需要加」符號前需要加上「上「 //」符號,例如:」符號,例如: <br/><br/>、、 <hr/><hr/> 等。等。

•標籤和屬性都是使用小寫的英文字,例如:標籤和屬性都是使用小寫的英文字,例如:<p><p>、、 <body><body> 等。等。

•屬性值需要使用引號括起來。屬性值需要使用引號括起來。• namename屬性使用屬性使用 idid屬性取代。屬性取代。

Page 33: ASP.NET 2.0 網頁製作 徹底研究

1-3-3 XHTML1-3-3 XHTML 文件文件 -- 範例範例<!DOCTYPE html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><html xmlns="http://www.w3.org/1999/xhtml"> <head><head> <title><title> 這是一個測試網頁這是一個測試網頁 </title></title> </head></head> <body><body> <p><p> 歡迎進入我的網頁歡迎進入我的網頁 </p></p> </body></body></html></html>

Page 34: ASP.NET 2.0 網頁製作 徹底研究

1-4 ASP.NET1-4 ASP.NET的基礎的基礎 1-4-1 .NET Framework1-4-1 .NET Framework 的基礎的基礎 1-4-2 ASP.NET1-4-2 ASP.NET 的基礎的基礎 1-4-3 ASP.NET 2.01-4-3 ASP.NET 2.0 版版

Page 35: ASP.NET 2.0 網頁製作 徹底研究

1-4-1 .NET Framework1-4-1 .NET Framework 的基礎的基礎 --說明說明

.NET Framework.NET Framework 是微軟下一世代的程式是微軟下一世代的程式開發平台,目前最新版本是開發平台,目前最新版本是 2.02.0 版,它是版,它是由由 CLRCLR(( Common Language Common Language RuntimeRuntime )和)和 .NET Framework.NET Framework 類別組類別組成。成。

• .NET Framework.NET Framework 程式檔案在使用程式檔案在使用 .NET.NET編譯程式編譯時,並不是直接編譯成編譯程式編譯時,並不是直接編譯成 CPUCPU的機器語言,而是一種中間程式語言稱為的機器語言,而是一種中間程式語言稱為「「 MSILMSIL 」(」( Microsoft Intermediate Microsoft Intermediate LanguageLanguage )。)。

Page 36: ASP.NET 2.0 網頁製作 徹底研究

1-4-1 .NET Framework1-4-1 .NET Framework 的基礎的基礎 -- 圖圖例例

等到執行程式時,等到執行程式時, CLRCLR 使用其「使用其「 JITJIT 」」(( Just In TimeJust In Time )編譯程式將)編譯程式將 MSILMSIL 轉換轉換成機器語言和執行,其架構如下圖所示:成機器語言和執行,其架構如下圖所示:

Page 37: ASP.NET 2.0 網頁製作 徹底研究

1-4-2 ASP.NET1-4-2 ASP.NET 的基礎的基礎 -- 說明說明 ASP.NETASP.NET 技術建立的技術建立的 WebWeb 應用程式是應用程式是在在 .NET Framework.NET Framework的的 CLRCLR 平台上執行,平台上執行,如下圖所示:如下圖所示:

Page 38: ASP.NET 2.0 網頁製作 徹底研究

1-4-2 ASP.NET1-4-2 ASP.NET 的基礎的基礎 -- 特點特點 ASP.NET 2.0ASP.NET 2.0 版仍然相容於舊版版仍然相容於舊版 1.01.0和和

1.11.1 版,其特點如下所示:版,其特點如下所示:•提供類似提供類似 Visual BasicVisual Basic 的事件模型的事件模型•執行效能的改進執行效能的改進•強大功能和擴充性強大功能和擴充性• 與程式語言無關與程式語言無關•強大的伺服端功能強大的伺服端功能• 伺服端控制項伺服端控制項

Page 39: ASP.NET 2.0 網頁製作 徹底研究

1-4-3 ASP.NET 2.01-4-3 ASP.NET 2.0 版版 ASP.NET 2.0ASP.NET 2.0 版不僅完全相容版不僅完全相容 1.0/1.11.0/1.1 版,版,搭配搭配 .NET Framework 2.0.NET Framework 2.0 的的 ASP.NET ASP.NET 2.02.0 版,其新增功能可以分成幾個部分,如版,其新增功能可以分成幾個部分,如下所示:下所示:• 網站的一致化設計網站的一致化設計• 網站的會員管理網站的會員管理• 網站的個人化網站的個人化• 全新的資料處理控制項全新的資料處理控制項• 網頁組件控制項網頁組件控制項•提供更多的網站設定和管理工具提供更多的網站設定和管理工具

Page 40: ASP.NET 2.0 網頁製作 徹底研究

1-5 1-5 建立建立 ASP.NET 2.0ASP.NET 2.0 版的開發環版的開發環境境

1-5-1 1-5-1 在在Windows XPWindows XP 安裝安裝 IIS 5IIS 5 1-5-2 1-5-2 安裝安裝 Visual Web DeveloperVisual Web Developer與與 .NET Framework 2.0.NET Framework 2.0 版版

1-5-3 1-5-3 指定指定 IISIIS 使用的使用的 ASP.NETASP.NET 版本版本 1-5-4 1-5-4 執行執行 ASP.NETASP.NET 程式程式

Page 41: ASP.NET 2.0 網頁製作 徹底研究

1-5 1-5 建立建立 ASP.NET 2.0ASP.NET 2.0 版的開發環版的開發環境境

ASP.NET 2.0ASP.NET 2.0 版的執行環境需要版的執行環境需要 .NET .NET Framework 2.0Framework 2.0 版,主要支援的作業系統有:版,主要支援的作業系統有:Windows 2000 Service Pack 3Windows 2000 Service Pack 3、、Windows Windows Server 2003Server 2003 和 和 Windows XP Service Pack 2Windows XP Service Pack 2 。。

本書是使用本書是使用 Windows XP Professional SP2Windows XP Professional SP2 作作為為 ASP.NETASP.NET 開發和測試環境。請注意! 開發和測試環境。請注意! Windows XPWindows XP 家用版並不支援家用版並不支援 IISIIS 。請直接安裝。請直接安裝第第 Visual Web DeveloperVisual Web Developer ,使用內建伺服器來,使用內建伺服器來建立建立 ASP.NETASP.NET 開發測試環境。開發測試環境。

Page 42: ASP.NET 2.0 網頁製作 徹底研究

1-5-1 1-5-1 在在 Windows XPWindows XP 安裝安裝 IIS 5IIS 5

ASP.NETASP.NET 執行環境需要執行環境需要 WebWeb 伺服器,以伺服器,以Windows 2000/XP ProfessionalWindows 2000/XP Professional 來說,來說,就是「就是「 IISIIS 」(」( Internet Information Internet Information ServicesServices )。)。

當然,我們也可以不安裝當然,我們也可以不安裝 IISIIS ,直接使用,直接使用Visual Web DeveloperVisual Web Developer 內建的內建的 CassiniCassini伺服器來測試伺服器來測試 ASP.NETASP.NET 程式的執行。程式的執行。

Page 43: ASP.NET 2.0 網頁製作 徹底研究

1-5-2 1-5-2 安裝安裝 Visual Web DeveloperVisual Web Developer與與 .NET Framework 2.0.NET Framework 2.0 版版

Visual Web Developer 2005 ExpressVisual Web Developer 2005 Express版簡稱版簡稱 VWDVWD ,它是,它是 Visual StudioVisual Studio 產品線產品線的擴充,微軟的擴充,微軟 ExpressExpress 系列提供實用和最系列提供實用和最少負擔的程式開發工具,可以讓學生和初少負擔的程式開發工具,可以讓學生和初學者輕鬆進入學者輕鬆進入 Visual StudioVisual Studio和和 .NET .NET FrameworkFramework 開發平台,快速建立所需開發平台,快速建立所需的的 .NET.NET 應用程式。應用程式。

在在 Visual Web Developer ExpressVisual Web Developer Express 中文中文版包含版包含 .NET Framework 2.0.NET Framework 2.0 中文版和中文版和SQL Server 2005 ExpressSQL Server 2005 Express 中文版。中文版。

Page 44: ASP.NET 2.0 網頁製作 徹底研究

1-5-3 1-5-3 指定指定 IISIIS 使用的使用的 ASP.NETASP.NET版本版本

ASP.NETASP.NET各版本可以在各版本可以在 WindowsWindows 作業系統並存,作業系統並存,如果如果WindowsWindows 作業系統同時安裝多個版本作業系統同時安裝多個版本的的 .NET Framework.NET Framework ,我們可以在,我們可以在 IISIIS 管理工具管理工具指定網站使用的指定網站使用的 ASP.NETASP.NET 版本,如下圖所示:版本,如下圖所示:

Page 45: ASP.NET 2.0 網頁製作 徹底研究

1-5-4 1-5-4 執行執行 ASP.NETASP.NET 程式程式 -- 主主目錄目錄

公佈到公佈到WebWeb 伺服器主目錄伺服器主目錄 請將請將 ASP.NETASP.NET 程式程式 Ch1-5.aspxCh1-5.aspx 檔案另存檔案另存

或複製到或複製到 IISIIS 預設的主目錄「預設的主目錄「 C:\Inetpub\C:\Inetpub\wwwrootwwwroot 」,然後啟動」,然後啟動 Internet Internet ExplorerExplorer在在【【網址網址】】欄輸入欄輸入 URLURL 網址,以網址,以此例如下所示:此例如下所示:http://localhost/Ch1-5.aspxhttp://localhost/Ch1-5.aspx

Page 46: ASP.NET 2.0 網頁製作 徹底研究

1-5-4 1-5-4 執行執行 ASP.NETASP.NET 程式程式 -Web-Web共共用用

將資料夾設定成將資料夾設定成WebWeb共用共用 除了將除了將 ASP.NETASP.NET 程式檔案公佈到伺服器的主目程式檔案公佈到伺服器的主目

錄外,我們還可以將儲存程式檔案的資料夾設為錄外,我們還可以將儲存程式檔案的資料夾設為WebWeb 伺服器的虛擬目錄(請注意!網站儲存的檔伺服器的虛擬目錄(請注意!網站儲存的檔案系統需要是案系統需要是 NTFSNTFS ,才能使用,才能使用 2.02.0 版的新功版的新功能)。能)。

Page 47: ASP.NET 2.0 網頁製作 徹底研究

1-6 Visual Web Developer1-6 Visual Web Developer建立建立ASP.NETASP.NET程式程式

1-6-1 1-6-1 啟動啟動 Visual Web DeveloperVisual Web Developer 建立建立WebWeb 網站網站

1-6-2 1-6-2 開啟開啟WebWeb 網站網站 1-6-3 1-6-3 開啟與新增開啟與新增 ASP.NETASP.NET 程式程式 1-6-4 1-6-4 在在 VWDVWD 執行執行 ASP.NETASP.NET 程式程式

Page 48: ASP.NET 2.0 網頁製作 徹底研究

1-6-1 1-6-1 啟動啟動 Visual Web Visual Web DeveloperDeveloper 建立建立 WebWeb 網站網站

Visual Web DeveloperVisual Web Developer 可以建立可以建立 HTTPHTTP 或檔案或檔案系統網站,檔案系統網站是儲存在硬碟資料夾的系統網站,檔案系統網站是儲存在硬碟資料夾的WebWeb 網站,我們需要發佈至網站,我們需要發佈至WebWeb 伺服器,或使伺服器,或使用內建伺服器來測試用內建伺服器來測試 ASP.NETASP.NET 程式的執行。程式的執行。

Page 49: ASP.NET 2.0 網頁製作 徹底研究

1-6-2 1-6-2 開啟開啟 WebWeb 網站網站 當在當在 VWDVWD 新增新增 HTTPHTTP 網站或檔案系統網站後,網站或檔案系統網站後,事實上,對於事實上,對於 IISIIS 建立的預設網站和擁有建立的預設網站和擁有ASP.NETASP.NET 程式的資料夾,我們根本不用新增程式的資料夾,我們根本不用新增WebWeb 網站,就可以直接在網站,就可以直接在 VWDVWD 開啟開啟WebWeb 網站,網站,如下圖所示:如下圖所示:

Page 50: ASP.NET 2.0 網頁製作 徹底研究

1-6-3 1-6-3 開啟與新增開啟與新增 ASP.NETASP.NET 程程式式 -- 開啟開啟 ASP.NETASP.NET 程式程式

在右上方的「方案總管」視窗可以看到網站的檔在右上方的「方案總管」視窗可以看到網站的檔案清單,請按二下案清單,請按二下 ASP.NETASP.NET 程式檔案名稱,例程式檔案名稱,例如:如: Ch1-5.aspxCh1-5.aspx ,就可以開啟程式檔案,如下,就可以開啟程式檔案,如下圖所示:圖所示:

Page 51: ASP.NET 2.0 網頁製作 徹底研究

1-6-3 1-6-3 開啟與新增開啟與新增 ASP.NETASP.NET 程程式式 -- 新增新增 ASP.NETASP.NET 程式程式

在在 Visual Web DeveloperVisual Web Developer 新增新增ASP.NETASP.NET 程式,請在開啟網站後,執行程式,請在開啟網站後,執行「檔案「檔案 //新增新增 //檔案」指令,可以看到「加檔案」指令,可以看到「加入新項目」對話方塊。入新項目」對話方塊。

Page 52: ASP.NET 2.0 網頁製作 徹底研究

1-6-4 1-6-4 在在 VWDVWD執行執行 ASP.NETASP.NET 程式程式 VWDVWD 內建內建 CassiniCassini 伺服器,就算沒有安裝伺服器,就算沒有安裝

IISIIS 伺服器,也一樣可以在整合環境來測試伺服器,也一樣可以在整合環境來測試ASP.NETASP.NET 程式的執行,其步驟如下所示:程式的執行,其步驟如下所示:• 1. 1. 請啟動請啟動 VWDVWD ,執行「檔案,執行「檔案 //開啟開啟 //網站」網站」

指令開啟「指令開啟「 Ch01Ch01 」網站。」網站。• 2. 2. 請在「方案總管」按二下請在「方案總管」按二下【【 Ch1-Ch1-

5.aspx5.aspx】】開啟開啟 ASP.NETASP.NET 程式檔案後,執行程式檔案後,執行「檔案「檔案 //在瀏覽器中檢視」指令,就可以使用在瀏覽器中檢視」指令,就可以使用內建伺服器來預覽內建伺服器來預覽 ASP.NETASP.NET 程式的執行結果。程式的執行結果。