1 / 31

第 1 週 ASP.NET 簡介 本章介紹 .NET 平台、 .NET Framework 及 ASP.NET 之意義 說明 VS 2010 對於 ASP.NET 網頁開發上的助益

第 1 週 ASP.NET 簡介 本章介紹 .NET 平台、 .NET Framework 及 ASP.NET 之意義 說明 VS 2010 對於 ASP.NET 網頁開發上的助益 最後再論及使用 VB 開發 ASP.NET 意義之所在,還有 VB 之利益優點。. 1-1 .NET 的定義. 微軟對第一版 .NET 所下的定義:「 .NET 就是 Microsoft 為 XML Web Service 所提供的平台。」

benson
Download Presentation

第 1 週 ASP.NET 簡介 本章介紹 .NET 平台、 .NET Framework 及 ASP.NET 之意義 說明 VS 2010 對於 ASP.NET 網頁開發上的助益

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 第1週 ASP.NET 簡介 • 本章介紹.NET平台、.NET Framework及ASP.NET之意義 • 說明VS 2010對於ASP.NET網頁開發上的助益 • 最後再論及使用VB開發ASP.NET意義之所在,還有VB之利益優點。

  2. 1-1.NET的定義 • 微軟對第一版.NET所下的定義:「.NET 就是 Microsoft 為 XML Web Service所提供的平台。」 • XML Web服務可讓多個應用程式透過Internet彼此通訊並共用資料,不論其作業系統或程式語言為何,且.NET平台包含一系列功能齊備的產品,這些產品都採用XML及Internet業界標準所建置,可進行全方位的開發、管理、使用並體驗 XML Web服務的操作環境。 • Microsoft 目前建構中的.NET 平台分成五大範圍,包括:工具、伺服器、XML Web 服務、用戶端和 .NET 操作環境 。

  3. .NET 平台

  4. 1-2.NET FRAMEWORK概觀 • 什麼是.NET Framework?簡單地講.NET Framework 就是建置、部署及執行.NET應用程式及XML Web服務的環境。 • 有了這樣的環境,才能在上面建置各式各樣的.NET應用程式,少了這個環境,將無法執行任何.NET功能。 • 只要安裝VS 2010開發工具,所有相關的.NET開發環境自然具備,此時才能做.NET應用程式的開發與執行 。

  5. 微軟.NET Framework的組成元件架構圖

  6. .NET Framework 4.0技術堆疊架構圖

  7. ASP.NET 4.0技術堆疊架構圖

  8. 1-3ASP.NET 4.0網頁開發技術簡介 • ASP.NET是統一的Web 開發平台,為開發人員提供建置企業級Web應用程式所需的服務。 • ASP.NET網頁本身為編譯式的架構,可用多種.NET相容語言(包括 Visual Basic、C# 、IronRuby、IronPython)來開發ASP.NET網頁程式。且整個 .NET Framework都可供提給ASP.NET 應用程式存取應用,開發人員可以輕易地獲得這些技術的好處,包括 Managed Common Language Runtime 環境、型別安全、繼承…等等。 • VS 2010為ASP.NET提供良好的WYSIWYG HTML網頁表單編輯器,大量的輔助工具,協助ASP.NET網頁的開發,因此ASP.NET網頁開發比起早期更為直覺容易,可快速完成網頁開發工作。

  9. .NET FRAMEWORK與ASP.NET有何不同? • .NET Framework .NET Framework主要包含兩大部分: • 第一部分是CLR(Common Language Runtime),它是.NET程式執行環境及引擎。 • 第二部分Class Library類別庫。 • ASP.NET網頁技術 • ASP.NET是眾多.NET應用程式類型的一種,它的用途是專注於網頁程式設計。 • ASP.NET會用使.NET Framework所提供的類別庫,因為.NET Framework類別庫是所有類型應用程式所共用的基礎設施。 • .NET還有其他類型的應用程式,如:Console、視窗程式、Mobile行動裝置程式等等,所有類型的應用程式都使用.NET Framework所提供的功能。

  10. 1-5VS 2010開發工具安裝 在進行ASP.NET網頁程式開發前,首先電腦必需安裝VS 2010開發工具,VS 2010可安裝在32及64位元兩種作業系統上,若以要錢與否來劃分VS 2010版本,可分為兩大類,第一類是免費的VWD 2010版本,第二類是VS 2010專業版以上的眾多商業級版本 。 • Visual Web Developer 2010 Express Edition版本安裝 免費版的Visual Web Developer 2010 Express Edition,它是專門用來開發ASP.NET 4.0網頁應用程式。安裝的同時,預設也會安裝SQL Server Express免費版資料庫及MSDN Express Library技術說明文件。

  11. VWD 2010安裝畫面

  12. VS 2010 ULTIMATE安裝畫面 VS 2010商業版內建功能較Express版更為廣泛,除了可開發ASP.NET專案,還可以開發Windows、Mobile等眾多類型專案 。

  13. VS 2010技術說明文件安裝

  14. VWD 2010建立的ASP.NET專案及開發工具畫面

  15. 在開發ASP.NET程式時,若需要查詢更深入的技術資訊,可使用「Visual Studio 2010文件」技術說明文件。 Visual Studio 2010線上說明文件

  16. 1-6 建立第一個ASP.NET 4.0網站 選擇建立【新網站】選擇【ASP.NET網站】範本於位置選擇【檔案系統】命名為「VS2010IDE」,按下【確定】。

  17. 建立專案時,有三種不同選項: • 位置:有檔案系統、HTTP及FTP三種,。 • 語言:可使用的ASP.NET程式開發語言有VB、C#兩種。 • 瀏覽:基本上這是網站位置的視覺化瀏覽,可供您作進一步的選擇,除此之外還多出了【遠端站台】這項,透過它專案可以存放在另一台遠端電腦主機的IIS之上,但必須要有安裝FrontPage Server Extension。

  18. 【瀏覽】按鈕可選擇不同的網站位置類型: • 檔案系統:它並不需要開發者電腦安裝IIS,因為它本身已內建了「ASP.NET程式開發伺服器」,會隨機指定一個Port來服務網頁。 • 本機IIS:使用作業系統的IIS伺服器 。 • FTP站台:可讓在本機或在遠端伺服器上開啟執行於 FTP 伺服器上的網站。 • 遠端站台:遠端網站是使用 IIS 的網站,不過它是位在可透過區域網路存取的另一台電腦上。

  19. 網站位置模式

  20. ASP.NET程式開發伺服器

  21. 1-7ASP.NET WEB FORM簡介 • Web Form網頁之兩大組成要素 Web Form 網頁本身可包含兩部份:視覺化項目(HTML、伺服器控制項和靜態文字)和網頁的程式設計邏輯: • 視覺化項目是建立在.aspx檔案之中。 • VB程式碼則儲存於獨立的類別檔案中,這種模式又稱為程式碼後置類別檔案(.aspx.vb)。

  22. Web Form 檔案結構 .aspx的Web Form視覺化設計畫面

  23. .aspx.vb的VB程式碼後置檔案

  24. 新一代的ASP.NET程式開發方式CODE-BEHIND • ASP.NET Web Form程式開發方式,已經分離成網頁視覺設計與程式邏輯兩部份,透過.aspx與.aspx.vb二者的分離,可讓ASP.NET網頁開發像傳統視窗程式開發般容易,同時也支援完整的視覺化控制項拖曳、版面配置、程式偵錯等諸多功能。 • 雖然還是可以用傳統ASP程式手法來撰寫ASP.NET程式,將視覺化項目和程式邏輯混雜寫在同一個.aspx檔案中,這種方式也稱為「單一檔案網頁模型(Single-File Page Model)」,但這種寫法已經過時了 ,不建議使用這種不良的方式撰寫ASP.NET程式。

  25. 1-8VS 2010的ASP.NET開發環境簡介 VS 2010開發工具載入畫面

  26. 建立ASP.NET網站專案 若要建立新的ASP.NET網頁專案,可選擇工具選單中的【檔案】【新增】【網站】。

  27. 接著選擇【ASP.NET網站】範本於位置選擇【檔案系統】輸入網站之儲存路徑與名稱「C:\Tmp\ASPNET。接著選擇【ASP.NET網站】範本於位置選擇【檔案系統】輸入網站之儲存路徑與名稱「C:\Tmp\ASPNET。

  28. ASP.NET網頁整合開發環境 ASP.NET網站建立後的ASP.NET網頁整合開發環境。

  29. VS 2010開發工具中五個主要輔助工具: • 伺服器總管:功能有檢視電腦系統資源、資料連接兩部分。 • 工具箱:工具箱之中包含了設計網頁所需的ASP.NET控制項,共分為HTML、標準、資料、驗證、巡覽、登入、WebParts、AJAX擴充功能及報告九大類。 • Web網頁設計工具:Web網頁設計工具是做ASP.NET控制項的建立與配置用途,包括:伺服器控制項、HTML物件及文字等都可以加入。 • 方案總管:方案總管提供專案及檔案的組織條列式檢視,包括:.aspx、.aspx.vb、Web.config、Global.asax等所有與專案有關的檔案。 • 屬性視窗:屬性視窗是用來檢視和設定Web Form表單、文件或控制項的設計階段屬性。

  30. 1-9 全方位的VB開發語言 • 從以前到現在,程式設計師最大的痛苦之一是往往為了因應不同類型專案,必須要學習多套程式語言 。 • 以下是可用VB 語言進行開發的應用程式類型:

  31. 本章結束

More Related