官术网_书友最值得收藏!

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對象的一個常用方法。該對象響應用戶請求,向頁面輸出文字信息。關于該對象的屬性及方法,將在后面章節繼續講解。

主站蜘蛛池模板: 西乌| 临潭县| 肇东市| 蓬安县| 司法| 赣州市| 郯城县| 济宁市| 多伦县| 左权县| 醴陵市| 商洛市| 甘肃省| 温宿县| 韩城市| 辛集市| 桦南县| 鄂托克前旗| 收藏| 阿瓦提县| 孙吴县| 泸溪县| 屯门区| 龙海市| 哈巴河县| 汤阴县| 五原县| 桂东县| 安图县| 息烽县| 温泉县| 遵义市| 开阳县| 井研县| 达拉特旗| 昆山市| 新晃| 黄梅县| 罗江县| 章丘市| 淮南市|