教學材料-ASPNET-45概述課件

第1頁第1章ASP.NET4.5概述本章概述本章的學習目標主要內容第1頁第1章ASP.NET4.5概述本章概述1第2頁本章概述本章介紹了網站建設的基本原理、流程和網站開發(fā)工具——ASP.NET技術的基本概況。作為一種主流之一的Web開發(fā)技術，ASP.NET基于Microsoft公司的.NET框架，支持C#和VB.NET語言，是目前主要的網站開發(fā)平臺之一。通過本章的學習，讀者能夠了解有關Web的基礎知識，ASP.NET技術的發(fā)展及其優(yōu)缺點，ASP.NET開發(fā)環(huán)境的組成，創(chuàng)建和運行ASP.NET應用程序等知識。第2頁本章概述本章介紹了網站建設的基本原理、流程2第3頁本章的學習目標掌握Web基礎概念，如靜態(tài)網站、動態(tài)網站、HTTP協(xié)議、Web服務器和瀏覽器、C/S和B/S結構、Web工作原理等。了解ASP.NET的發(fā)展歷史、優(yōu)點及與ASP技術的區(qū)別。掌握安裝ASP.NET開發(fā)環(huán)境的組成。了解開發(fā)動態(tài)網站的一般流程，能夠創(chuàng)建簡單的動態(tài)網站。第3頁本章的學習目標掌握Web基礎概念，如靜態(tài)網站、動態(tài)網站3第4頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第4頁主要內容1.1Web基礎知識4第5頁1.1Web基礎知識互聯網的快速發(fā)展給人們的工作、學習和生活帶來了重大變化，人們可以利用網絡處理數據、獲取信息，提高工作效率。在互聯網開發(fā)所涉及的眾多技術中，最為關鍵的技術之一就是網站建設技術。通過本節(jié)的學習，讀者將了解到網站制作過程中常見的一些基本概念。第5頁1.1Web基礎知識互聯網的快速發(fā)展給人們的工作、5第6頁靜態(tài)網站與動態(tài)網站靜態(tài)網站中所有的內容以HTML語言編寫，存儲在靜態(tài)網頁文件中，文件擴展名為：.htm、.html、.shtml、.xml等。網頁上可以有GIF動畫、FLASH動畫、滾動字幕等。靜態(tài)網站模型如下圖所示。什么是動態(tài)網站呢？所謂“動”，并不是指網頁上的GIF等動畫圖片，而是指用戶與網站的互動性。動態(tài)網站模型如下圖所示。第6頁靜態(tài)網站與動態(tài)網站靜態(tài)網站中所有的內容以HTML語言編6第7頁HTTP協(xié)議HTTP協(xié)議（HyperTextTransferProtocol，超文本傳輸協(xié)議）是用于在WWW服務器和瀏覽器之間傳輸超文本的傳輸協(xié)議。HTTP是一個應用層協(xié)議，由請求和響應構成，是一個標準的客戶端/服務器（C/S）模型。第7頁HTTP協(xié)議HTTP協(xié)議（HyperTextTran7第8頁Web服務器和瀏覽器用戶通過瀏覽器向Web服務器提出訪問請求，而Web服務器可以向發(fā)出請求的瀏覽器提供文檔。這個訪問模型如下圖所示。第8頁Web服務器和瀏覽器用戶通過瀏覽器向Web服務器提出訪8第9頁C/S結構與B/S結構Client和Server常常分別處在相距很遠的兩臺計算機上，Client程序的任務是將用戶的要求提交給Server程序，再將Server程序返回的結果以特定的形式顯示給用戶；Server程序的任務是接收客戶程序提出的服務請求，進行相應的處理，再將結果返回給客戶程序。B/S結構（Browser/Server，瀏覽器/服務器模式），是Web興起后的一種網絡結構模式，WEB瀏覽器是客戶端最主要的應用軟件。這種模式統(tǒng)一了客戶端，將系統(tǒng)功能實現的核心部分集中到服務器上，簡化了系統(tǒng)的開發(fā)、維護和使用?？蛻魴C上只要安裝一個瀏覽器（Browser英['bra?z?]美['bra?z?]），如NetscapeNavigator或InternetExplorer，服務器安裝SQLServer、Oracle、MYSQL等數據庫。瀏覽器通過WebServer同數據庫進行數據交互。第9頁C/S結構與B/S結構Client和Server常常分9第10頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第10頁主要內容1.1Web基礎知識10第11頁1.2ASP.NET簡介目前的版本是VisualStudio2012和ASP.NET4.5，它是在已成功發(fā)行的VisualStudio2010和ASP.NET4基礎之上構建的，它保留了很多令人喜愛的功能，并增加了一些其他領域的新功能和工具。第11頁1.2ASP.NET簡介目前的版本是Visual11第12頁ASP與ASP.NET的區(qū)別ASP和ASP.NET之間的區(qū)別主要在于以下幾個方面。效率：ASP.NET則是建立在.NETFramework之上的，在第一次執(zhí)行時進行了編譯，之后的執(zhí)行不需要重新編譯就可以直接運行，所以速度和效率比ASP會提高很多。可重用性：ASP.NET則可以實現代碼和內容的完全分離。代碼量：在ASP.NET中，程序員會發(fā)現只要預先說明，這樣的功能ASP.NET就可以自動實現。第12頁ASP與ASP.NET的區(qū)別ASP和ASP.NET之12第13頁ASP.NET的優(yōu)點設計ASP.NET的4個主要目標：使代碼更清晰；提高可部署性、可伸縮性、安全性以及可靠性；為不同的瀏覽器和設備提供更好的支持；支持一種全新的Web應用程序。第13頁ASP.NET的優(yōu)點設計ASP.NET的4個主要目標13第14頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第14頁主要內容1.1Web基礎知識14第15頁1.3ASP.NET的開發(fā)環(huán)境安裝VisualStudio2012forWeb。主開發(fā)區(qū)：主菜單、工具欄區(qū)、工具箱、解決方案資源管理器、服務器資源管理器、【屬性】面板、文檔窗口、起始頁。信息窗口：錯誤列表、【輸出】窗口、【查找結果】窗口。第15頁1.3ASP.NET的開發(fā)環(huán)境安裝Visual15第16頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第16頁主要內容1.1Web基礎知識16第17頁1.4定制IDE雖然VisualStudio的標準配置和它的工具窗口相當有用，但是也可以根據自己的偏好定制IDE。有時可能需要把窗口重新安排到容易找到的位置，有時可能希望打開其他經常用到的窗口。VisualStudio是可以完全自定義的，而且IDE的任何細節(jié)都可以進行調整。下一節(jié)將介紹如何完成大多數常見的自定義任務。第17頁1.4定制IDE雖然VisualStudio的17第18頁重新排列窗口可以在主IDE中通過拖放重新排列窗口。只需簡單地按住窗口的標題欄或者它下面的選項卡，并沿著新位置的方向拖動即可。開始拖動窗口時，會看到VisualStudio提供的窗口將停在何處的可視化線索(如下圖所示)。第18頁重新排列窗口可以在主IDE中通過拖放重新排列窗口。只18第19頁修改【工具箱】【工具箱】是可以修改的。默認情況下，【工具箱】按照字母順序對控件進行分類，但是也可以使用拖放工具對它們重新進行排列。為此，需要打開【工具箱】(按Ctrl+Alt+X組合鍵)，把一個控件(如【標準】類別下的TextBox)拖到一個不同的位置上。也可以通過右擊它們并從上下文菜單中選擇【刪除】命令，把它們從【工具箱】中刪除。不要擔心控件會永久失去，因為可以從同樣的菜單中選擇【重置工具箱】命令來重置【工具箱】。第19頁修改【工具箱】【工具箱】是可以修改的。默認情況下，【19第20頁定制文檔窗口在文檔窗口中，筆者喜歡定制選項卡的大小，它控制縮進代碼時插入的空格數目。要修改tab的大小，選擇【工具】|【選項】命令，然后在【文本編輯器】下方選擇【所有語言】|【制表符】選項。通常將【制表符大小】和【縮進大小】都設置為2，其他設置不變。筆者還喜歡定制在HTML元素前后換行符的數目?！具x項】窗口為此提供了完全的控制權：選擇【文本編輯器】|HTML|【格式設置】命令，然后單擊【標記專用選項】按鈕，在左邊的列表中可以選擇一個標記，再通過右邊的設置控制標記的格式化方式?！绢A覽】框便于查看各種設置如何改變格式。第20頁定制文檔窗口在文檔窗口中，筆者喜歡定制選項卡的大小，20第21頁定制工具欄工具欄可以通過3種方式定制：顯示或隱藏內置工具欄、在現有工具欄上添加或刪除按鈕、使用常用的按鈕創(chuàng)建自己的工具欄。第21頁定制工具欄工具欄可以通過3種方式定制：顯示或隱藏內置21第22頁定制鍵盤快捷鍵要修改鍵盤快捷鍵，選擇【工具】|【選項】命令，展開【環(huán)境】，然后單擊【鍵盤】選項，定位到命令列表中要修改快捷鍵的命令。由于這個列表中含有許多項目，因此可以通過輸入命令的幾個字母來過濾列表。例如，在【顯示命令包括】字段中輸入【打印】就會給出所有與打印相關的命令。下一步，在【按快捷鍵】字段中，輸入一個新的快捷鍵并單擊【分配】按鈕。VisualStudio允許為一個命令輸入兩個快捷鍵。例如，可以將命令【關閉所有文檔】綁定到命令Ctrl+K、Ctrl+O上。第22頁定制鍵盤快捷鍵要修改鍵盤快捷鍵，選擇【工具】|【選項22第23頁重置修改重置Window布局重置【工具箱】重置所有設置第23頁重置修改重置Window布局23第24頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第24頁主要內容1.1Web基礎知識24第25頁1.5創(chuàng)建和運行ASP.NET應用程序（1）通過“開始”菜單啟動VisualStudio2012。（2）選擇【文件】|【新建】|【網站】命令，打開【新建網站】對話框。（3）在左邊的【模板】中，選擇【VisualC#】（本書以C#語言為主）。（4）在中間的模板列表框中，選擇【ASP.NET窗體網站】選項；在左下方的【Web位置】下拉列表中選中【文件系統(tǒng)】；如果需要，可以改變Web站點在磁盤上的存儲位置，單擊【瀏覽】按鈕，在計算機的硬盤驅動器上選擇一個新位置即可。（5）單擊【確認】按鈕，這時VS就創(chuàng)建了一個新的Web站點。第25頁1.5創(chuàng)建和運行ASP.NET應用程序（1）通過“25第26頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第26頁主要內容1.1Web基礎知識26第27頁1.6本章小結本章介紹了很多重要的基礎知識，使讀者對ASP.NET4.5和VisualStudio有了初步了解。首先從總體上簡單介紹了Microsoft.NETFramework的歷史，并特別介紹了ASP.NET。然后說明了如何獲得和安裝VisualStudio。VisualStudio是創(chuàng)建ASP.NET4.5Web頁面時使用最為廣泛和最為通用的工具。為了更有效地使用這個工具，本章介紹了如何使用和定制IDE的主要功能。最后，通過實例演示了如何創(chuàng)建ASP.NET應用程序。第27頁1.6本章小結本章介紹了很多重27第28頁第1章ASP.NET4.5概述本章概述本章的學習目標主要內容第1頁第1章ASP.NET4.5概述本章概述28第29頁本章概述本章介紹了網站建設的基本原理、流程和網站開發(fā)工具——ASP.NET技術的基本概況。作為一種主流之一的Web開發(fā)技術，ASP.NET基于Microsoft公司的.NET框架，支持C#和VB.NET語言，是目前主要的網站開發(fā)平臺之一。通過本章的學習，讀者能夠了解有關Web的基礎知識，ASP.NET技術的發(fā)展及其優(yōu)缺點，ASP.NET開發(fā)環(huán)境的組成，創(chuàng)建和運行ASP.NET應用程序等知識。第2頁本章概述本章介紹了網站建設的基本原理、流程29第30頁本章的學習目標掌握Web基礎概念，如靜態(tài)網站、動態(tài)網站、HTTP協(xié)議、Web服務器和瀏覽器、C/S和B/S結構、Web工作原理等。了解ASP.NET的發(fā)展歷史、優(yōu)點及與ASP技術的區(qū)別。掌握安裝ASP.NET開發(fā)環(huán)境的組成。了解開發(fā)動態(tài)網站的一般流程，能夠創(chuàng)建簡單的動態(tài)網站。第3頁本章的學習目標掌握Web基礎概念，如靜態(tài)網站、動態(tài)網站30第31頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第4頁主要內容1.1Web基礎知識31第32頁1.1Web基礎知識互聯網的快速發(fā)展給人們的工作、學習和生活帶來了重大變化，人們可以利用網絡處理數據、獲取信息，提高工作效率。在互聯網開發(fā)所涉及的眾多技術中，最為關鍵的技術之一就是網站建設技術。通過本節(jié)的學習，讀者將了解到網站制作過程中常見的一些基本概念。第5頁1.1Web基礎知識互聯網的快速發(fā)展給人們的工作、32第33頁靜態(tài)網站與動態(tài)網站靜態(tài)網站中所有的內容以HTML語言編寫，存儲在靜態(tài)網頁文件中，文件擴展名為：.htm、.html、.shtml、.xml等。網頁上可以有GIF動畫、FLASH動畫、滾動字幕等。靜態(tài)網站模型如下圖所示。什么是動態(tài)網站呢？所謂“動”，并不是指網頁上的GIF等動畫圖片，而是指用戶與網站的互動性。動態(tài)網站模型如下圖所示。第6頁靜態(tài)網站與動態(tài)網站靜態(tài)網站中所有的內容以HTML語言編33第34頁HTTP協(xié)議HTTP協(xié)議（HyperTextTransferProtocol，超文本傳輸協(xié)議）是用于在WWW服務器和瀏覽器之間傳輸超文本的傳輸協(xié)議。HTTP是一個應用層協(xié)議，由請求和響應構成，是一個標準的客戶端/服務器（C/S）模型。第7頁HTTP協(xié)議HTTP協(xié)議（HyperTextTran34第35頁Web服務器和瀏覽器用戶通過瀏覽器向Web服務器提出訪問請求，而Web服務器可以向發(fā)出請求的瀏覽器提供文檔。這個訪問模型如下圖所示。第8頁Web服務器和瀏覽器用戶通過瀏覽器向Web服務器提出訪35第36頁C/S結構與B/S結構Client和Server常常分別處在相距很遠的兩臺計算機上，Client程序的任務是將用戶的要求提交給Server程序，再將Server程序返回的結果以特定的形式顯示給用戶；Server程序的任務是接收客戶程序提出的服務請求，進行相應的處理，再將結果返回給客戶程序。B/S結構（Browser/Server，瀏覽器/服務器模式），是Web興起后的一種網絡結構模式，WEB瀏覽器是客戶端最主要的應用軟件。這種模式統(tǒng)一了客戶端，將系統(tǒng)功能實現的核心部分集中到服務器上，簡化了系統(tǒng)的開發(fā)、維護和使用?？蛻魴C上只要安裝一個瀏覽器（Browser英['bra?z?]美['bra?z?]），如NetscapeNavigator或InternetExplorer，服務器安裝SQLServer、Oracle、MYSQL等數據庫。瀏覽器通過WebServer同數據庫進行數據交互。第9頁C/S結構與B/S結構Client和Server常常分36第37頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第10頁主要內容1.1Web基礎知識37第38頁1.2ASP.NET簡介目前的版本是VisualStudio2012和ASP.NET4.5，它是在已成功發(fā)行的VisualStudio2010和ASP.NET4基礎之上構建的，它保留了很多令人喜愛的功能，并增加了一些其他領域的新功能和工具。第11頁1.2ASP.NET簡介目前的版本是Visual38第39頁ASP與ASP.NET的區(qū)別ASP和ASP.NET之間的區(qū)別主要在于以下幾個方面。效率：ASP.NET則是建立在.NETFramework之上的，在第一次執(zhí)行時進行了編譯，之后的執(zhí)行不需要重新編譯就可以直接運行，所以速度和效率比ASP會提高很多?？芍赜眯裕篈SP.NET則可以實現代碼和內容的完全分離。代碼量：在ASP.NET中，程序員會發(fā)現只要預先說明，這樣的功能ASP.NET就可以自動實現。第12頁ASP與ASP.NET的區(qū)別ASP和ASP.NET之39第40頁ASP.NET的優(yōu)點設計ASP.NET的4個主要目標：使代碼更清晰；提高可部署性、可伸縮性、安全性以及可靠性；為不同的瀏覽器和設備提供更好的支持；支持一種全新的Web應用程序。第13頁ASP.NET的優(yōu)點設計ASP.NET的4個主要目標40第41頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第14頁主要內容1.1Web基礎知識41第42頁1.3ASP.NET的開發(fā)環(huán)境安裝VisualStudio2012forWeb。主開發(fā)區(qū)：主菜單、工具欄區(qū)、工具箱、解決方案資源管理器、服務器資源管理器、【屬性】面板、文檔窗口、起始頁。信息窗口：錯誤列表、【輸出】窗口、【查找結果】窗口。第15頁1.3ASP.NET的開發(fā)環(huán)境安裝Visual42第43頁主要內容1.1Web基礎知識1.2ASP.NET簡介1.3ASP.NET的開發(fā)環(huán)境1.4定制IDE

1.5創(chuàng)建和運行ASP.NET應用程序1.6本章小結第16頁主要內容1.1Web基礎知識43第44頁1.4定制IDE雖然VisualStudio的標準配置和它的工具窗口相當有用，但是也可以根據自己的偏好定制IDE。有時可能需要把窗口重新安排到容易找到的位置，有時可能希望打開其他經常用到的窗口。VisualStudio是可以完全自定義的，而且IDE的任何細節(jié)都可以進行調整。下一節(jié)將介紹如何完成大多數常見的自定義任務。第17頁1.4定制IDE雖然VisualStudio的44第45頁重新排列窗口可以在主IDE中通過拖放重新排列窗口。只需簡單地按住窗口的標題欄或者它下面的選項卡，并沿著新位置的方向拖動即可。開始拖動窗口時，會看到VisualStudio提供的窗口將停在何處的可視化線索(如下圖所示)。第18頁重新排列窗口可以在主IDE中通過拖放重新排列窗口。只45第46頁修改【工具箱】【工具箱】是可以修改的。默認情況下，【工具箱】按照字母順序對控件進行分類，但是也可以使用拖放工具對它們重新進行排列。為此，需要打開【工具箱】(按Ctrl+Alt+X組合鍵)，把一個控件(如【標準】類別下的TextBox)拖到一個不同的位置上。也可以通過右擊它們并從上下文菜單中選擇【刪除】命令，把它們從【工具箱】中刪除。不要擔心控件會永久失去，因為可以從同樣的菜單中選擇【重置工具箱】命令來重置【工具箱】。第19頁修改【工具箱】【工具箱】是可以修改的。默認情況下，【46第47頁定制文檔窗口在文檔窗口中，筆者喜歡定制選項卡的大小，它控制縮進代碼時插入的空格數目。要修改tab的大小，選擇【工具】|【選項】命令，然后在【文本編輯器】下方選擇【所有語言】|【制表符】選項。通常將【制表符大小】和【縮進大小】都設置為2，其他設置不變。筆者還喜歡定制在HTML元素前后換行符的數目?！具x項】窗口為此提供了完全的控制權：選擇【文本編輯器】|HTML|【格式設置】命令，然后單擊【標記專用選項】按鈕，在左邊的列表中可以選擇一個標記，再通過右邊的設置控制標記的格式化方式?！绢A覽】框便于查看各種設置如何改變格式。第20頁定制文檔窗口在文檔窗口中，筆者喜歡定制選項卡的大小，47第48頁定制工具欄工具欄可以通過3種方式定制：顯示或隱藏內置工具欄、在現有工具欄上添加或刪除按鈕、使用常用的按鈕創(chuàng)建自己的工具欄。第21頁定制工具欄工具欄可以通過3種方式定制：顯示或隱藏內置48第49頁定制鍵盤快捷鍵要修改鍵盤快捷鍵，選擇【工具】|【選項】命令，展開【環(huán)境】，然后單擊【鍵盤】選項，定位到命令列表中要修改快捷鍵的命令。由于這個列表中含有許多項目，因此可以通過輸入命令的幾個字母來過濾列表。例如，在【顯示命令包括】字段中輸入【打印】就會給出所有與打印相關的命令。下一步，在【按快捷鍵】字段中，輸入一個新的快捷鍵并單擊【分配】按鈕。VisualStudio允許為一個命令輸入兩個快捷鍵。例如，可以將命