書名: 21天學通ASP.NET作者名: 顧寧燕等編著本章字數: 2864字更新時間: 2018-12-29 13:22:21
1.3 使用Visual Studio 2010開發工具
ASP.NET 4.0一般是通過Visual Studio 2010軟件進行程序開發的。Visual Studio 2010是一個實用、功能強的應用程序開發工具。通過該開發工具,可以開發Windows下的應用程序,也可以開發網絡應用程序,甚至還可以開發手機應用程序。這里將介紹該開發工具的安裝配置及一些簡單的使用方法。
提示:Visual Studio,一般簡稱為“VS”,而Visual Studio 2010,則稱為“VS 2010”,后面章節中將通過“VS”或“VS 2010”的縮寫來表示該開發工具。
1.3.1 安裝Visual Studio 2010開發工具
要通過Visual Studio 2010開發工具進行應用程序開發,首先必須安裝該開發工具,在安裝之前,必須購買該開發工具,或者從下面的官方網址下載其測試版本。
http://msdn.microsoft.com/zh-cn/subscriptions/downloads/default.aspx?pv=18:370
提示:這里提供下載的Visual Studio 2010開發工具,是Microsoft公司發布的免費90天的測試版。讀者在這90天內務必認真學習Visual Studio 2010開發工具。過期之后,請購買該軟件的正式版本。
下面介紹該測試版本的下載及安裝方法,具體操作步驟如下所示。
① 打開上面的下載頁面,分別下載Visual Studio 2010測試版的分組下載文件。
② 下載完畢之后,單擊第一個分組下載文件(exe文件),這時生成一個iso文件,通過虛擬光驅軟件,設置成為裝載的映像文件。單擊虛擬光驅的setup.exe文件,啟動Visual Studio 2010的安裝程序。
③ 單擊“安裝Visual Studio 2010”鏈接按鈕,啟動其安裝向導。在加載安裝向導的步驟中,單擊“下一步”按鈕。選擇“我閱讀并接受許可條款”單選按鈕,單擊“下一步”按鈕。
注意:如果是正式版本的Visual Studio 2010,則應該輸入產品密鑰,才可以正常安裝該開發工具。
④" alt 選擇“自定義”單選按鈕,設置軟件的安裝路徑,單擊“下一步”按鈕,如圖1-7所示。

圖1-7 設置軟件的安裝路徑
注意:由于這里主要用C#語言進行應用程序的開發,為了保證Visual Studio 2010開發工具更簡潔地運行,應該通過自定義安裝該工具。
⑤" alt 取消“Visual Basic”和“Visual C++”兩個復選框的選擇,選擇“Visual C#”和“Visual Web Developer”兩個復選框,單擊“安裝”按鈕,如圖1-8所示。

圖1-8 自定義安裝Visual Studio開發工具
⑥" alt 這時開始安裝Visual Studio 2010開發工具,安裝完畢之后,單擊“完成”按鈕。
1.3.2 熟悉Visual Studio 2010開發環境
Visual Studio 2010開發工具已經安裝完畢,現在就可以開始ASP.NET 4.0的開發工作了。本書講解的主要是基于Web下的網絡應用程序。下面通過創建一個新網站來了解Visual Studio 2010的開發環境。
選擇“文件”|“新建”|“網站”菜單項,在彈出的“新建網站”對話框中,選擇“ASP.NET空網站”模板,設置網站存儲文件路徑,單擊“確定”按鈕,如圖1-9所示。

圖1-9 “新建網站”對話框
提示:“ASP.NET空網站”模板是最普通的站點模板,通過該模板可以構建常用的ASP.NET網站。如果要創建其他類型的網站,則可以選擇其他網站模板。
創建新網站之后,沒有任何文件,可以右鍵單擊項目名稱,在彈出的快捷菜單中,選擇“添加新項”命令,在打開的模板中選擇“Web窗體”,然后單擊“添加”按鈕,打開的界面如圖1-10所示。

圖1-10 新建網站的默認窗口
窗口的說明如下所示。
· 菜單及工具欄是Visual Studio 2010功能選擇的主要路徑和方法。
· 工具箱是放置支持Visual Studio 2010開發的各頁面控件,拖拉工具箱的各控件到頁面中,則頁面將自動創建該控件。
· 錯誤列表窗口,主要用于及時顯示設計頁面或代碼中出錯的那些語法錯誤,可以方便程序員及時更正程序中的各種語法錯誤。
· 解決方案資源管理器,主要顯示網站上的各個文件,通過該窗口可以快速瀏覽目錄、創建網站支持的各種文件格式。
· 屬性窗口,當選擇頁面中任何控件時,則屬性窗口將自動顯示該控件的相關屬性,并且可以在這個窗口中設置控件的屬性。
· 頁面設計窗口,主要用于對每個頁面進行相關設置,單擊其下的“源”選項卡,可以切換到該頁面的源代碼視圖。
注意:一般情況下,工具箱只顯示頁面支持的各相關控件,如果要添加其他控件,可以通過右鍵單擊工具箱,選擇“添加項目”快捷菜單,從中選擇要添加的其他控件。
1.3.3 創建和使用Web頁面
安裝好Visual Studio 2010開發工具,簡單熟悉開發環境之后,現在通過設計一個簡單頁面,來了解在Visual Studio 2010中如何設計頁面,以及如何調試瀏覽Web頁面。
【范例1-1】創建一個簡單的Web頁面,顯示網站的歡迎信息,其創建設計步驟如下所示。
① 在默認頁面中,插入文字“歡迎來到ASP.NET網絡世界”。選擇下面的標簽欄,則可以選擇頁面中控件的標簽。單擊下面的“源”選項卡,則可以切換該頁面的源代碼視圖。這里選擇標簽欄上的“<div>”標簽,如圖1-11所示。

圖1-11 選擇頁面的標簽
② 由于選擇了“<div>”標簽,則屬性窗口會顯示該標簽的相關屬性。選擇“Style”屬性,其右邊顯示一個“…”按鈕,該按鈕為屬性擴展設計按鈕,如圖1-12所示。

圖1-12 “<div>”標簽屬性
提示:在其他屬性中,也經常有這種為屬性擴展而設計的按鈕,通過單擊該按鈕,可以對該屬性進行更詳細的設置。
③ 單擊“屬性擴展設計”按鈕,彈出“修改樣式”對話框,設置字體大小(font-size)為20pt,單擊“確定”按鈕。
④" alt 單擊“源”選項卡,切換該頁面的源代碼視圖,這時顯示的代碼如示例代碼1-1所示。
示例代碼1-1
01 <%@ Page Language="C#" AutoEventWireup="true" //頁面指令標簽 02 CodeFile="Default.aspx.cs" Inherits="_Default" %> 03 <html xmlns="http://www.w3.org/1999/xhtml"> //頁面的HTML標簽頭 04 <head runat="server"> //head標簽頭 05 <title>無標題頁</title> //頁面標簽 06 </head> //head標簽尾 07 <body> //頁面主體標簽 08 <form id="form1" runat="server"> //form標簽 09 <div style="font-size: 20pt"> //div標簽 10 歡迎來到ASP.NET網絡世界</div> //div標簽內容 11 </form> //form標簽尾 12 </body> //主體標簽結束 13 </html> //HTML標簽尾
⑤" alt 右鍵單擊該默認頁面,在彈出的快捷菜單中選擇“在瀏覽器中查看”選項卡。
注意:該步驟一般通過系統默認瀏覽器進行瀏覽調試 Web 頁面程序。在后面的章節中,該步驟將會被省略。一般情況下沒有特別說明時,都通過“瀏覽該頁面”文字來表示該步驟。如果要改變瀏覽方法,可以通過選擇“瀏覽方式”菜單項進行改變。
【執行結果】瀏覽該頁面,結果如圖1-13所示。

圖1-13 簡單的Web頁面演示
【代碼解析】上面的代碼除了第10行中的文字信息之外,一般ASP.NET的頁面代碼都是這樣的。第01~03行代碼是頁面指令,第04~13行代碼是普通的HTML頁面代碼。
1.3.4 為頁面添加控件及事件
在1.3.3節中創建的Web頁面十分簡單,只顯示一些文字資料,那是為了演示如何簡單設置頁面控件屬性。本節將為頁面添加一個按鈕,并為按鈕添加Click事件,
演示在Visual Studio中如何添加控件,并為控件添加控件事件。
【范例1-2】實現在頁面中添加一個按鈕,并為該按鈕添加一個Click事件,具體實現步驟如下。
① 選擇“網站”|“添加新項”選項,或者在“解決方案資源管理器”窗口中,右鍵單擊其空白處,在彈出的快捷菜單中選擇“添加新項”菜單項。在彈出的“添加新項”對話框中,單擊“Web窗體”,設置文件名為“1-2.aspx”,單擊“添加”按鈕。
提示:本書中,范例要添加Web頁面的文件名,一般情況下,為該范例的編碼。如本范例為“1-2”,則該范例的頁面文件為“1-2.aspx”。
② 單擊“設計”選項卡,將頁面切換到設計視圖。拖動工具箱中“標準”選項卡上的按鈕到頁面中,這時頁面添加一個Button控件。在“屬性”窗口中,單擊“事件”按鈕,單擊“Click”事件,如圖1-14所示。

圖1-14 添加“Click”事件
③ 這時,彈出該文件的代碼頁面,并添加一個Click事件。在代碼中添加一個輸出信息代碼,如示例代碼1-2所示。
示例代碼1-2
01 protected void Button1_Click(object sender, EventArgs e)//按鈕的Click事件 02 { 03 Response.Write("這是按鈕事件!"); //輸出頁面信息 04 }
【執行結果】瀏覽該頁面,結果如圖1-15所示。

圖1-15 添加按鈕輸出頁面信息
【代碼解析】上面的代碼是一個按鈕的Click事件。Response.Write是向頁面輸出信息的一個常用方法之一。其參數為一個要輸出的字符串。
注意:Write是Response對象的一個常用方法。該對象響應用戶請求,向頁面輸出文字信息。關于該對象的屬性及方法,將在后面章節繼續講解。
- Practical Data Wrangling
- TIBCO Spotfire:A Comprehensive Primer(Second Edition)
- Zabbix Network Monitoring(Second Edition)
- iClone 4.31 3D Animation Beginner's Guide
- 大數據處理平臺
- DevOps:Continuous Delivery,Integration,and Deployment with DevOps
- 基于ARM 32位高速嵌入式微控制器
- Learn CloudFormation
- Troubleshooting OpenVPN
- 悟透JavaScript
- 網絡存儲·數據備份與還原
- AI的25種可能
- Artificial Intelligence By Example
- Spark大數據商業實戰三部曲:內核解密|商業案例|性能調優
- 基于Proteus的單片機應用技術