visual studio 中添加控件

visual studio 中添加控件

ID:34050604

大?。?68.50 KB

頁數(shù):12頁

時間:2019-03-03

visual studio 中添加控件_第1頁
visual studio 中添加控件_第2頁
visual studio 中添加控件_第3頁
visual studio 中添加控件_第4頁
visual studio 中添加控件_第5頁
資源描述:

《visual studio 中添加控件》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫

1、使用VisualStudio添加控件VisualStudio(與ASP.NET)對Web開發(fā)的底層技術(shù)做了包裝。正如您在之前章節(jié)看到的,Web開發(fā)要追溯到20世紀(jì)70年代中期的"終端-主機"時代。不過,現(xiàn)在終端變成了復(fù)雜的瀏覽器,計算平臺變成了Web服務(wù)器(或Web場),并且用戶遍及全球??蛻舳藶g覽器與服務(wù)器進(jìn)行一次交互,客戶端收到的只是服務(wù)器狀態(tài)的一個快照。這是因為構(gòu)建Web用戶界面的標(biāo)記語言是以非連接協(xié)議為基礎(chǔ)的。在VisualStudio中構(gòu)建應(yīng)用程序非常像是在開發(fā)桌面應(yīng)用程序。使用VisualStudio,開發(fā)者不必花大量

2、時間錄入ASP風(fēng)格的代碼。"設(shè)計器"是以可視方式設(shè)計WebUI的理想工具。為學(xué)習(xí)如何使用VisualStudio,下面我們使用服務(wù)器端控件來開發(fā)一個簡單的頁面。該頁面看起來與前面給出的示例頁面差不多。使用VisualStudio構(gòu)建一個頁面1.在VisualStudio中,新建一個"ASP.NET空Web應(yīng)用程序"。將該項目命名為ControlsORama,如下圖所示。?2.添加默認(rèn)頁面。在項目節(jié)點上右擊,依次選擇"添加"-""

3、"新建項"命令。在"添加新項"對話框列出的模板中,選擇"Web窗體",將其命名為Default.asp

4、x,并單擊"確定"按鈕。VisualStudio會打開Default.aspx標(biāo)記的編輯窗口。單擊編輯框口底部的"設(shè)計"選項卡,將當(dāng)前視圖切換至"設(shè)計"視圖(見下圖)。?VisualStudio生成的ASP.NET頁面包含一個HTML

標(biāo)簽。在"設(shè)計器"中修改頁面元素后,為查看VisualStudio生成的代碼,可以單擊設(shè)計窗口底部的"源"選項卡。VisualStudio還提供了一個貼心的"拆分"視圖,可以同時看到"設(shè)計"和"源"視圖的內(nèi)容。在"設(shè)計"視圖中輸入的文本會顯示在頁面頂部。單擊虛線框的內(nèi)部,然后輸入Pagein

5、VisualStudio。下圖展示了插入文本后的"設(shè)計"視圖。?3.編輯頁面上文本的格式。為此,我們需要查看頁面的屬性。將文本選中,并在之上右擊,選擇"屬性"命令。在"屬性"窗口中選擇Style屬性。此時,對應(yīng)的值字段會顯示一個省略號按鈕(?)。單擊該按鈕會打開"修改樣式"對話框。在這個對話框中,我們可以修改

的屬性,其中包括字體樣式和大小。按下圖所示設(shè)置font-family、font-size和font-weight的值,并單擊"確定"按鈕。?4.單擊VisualStudio左側(cè)的"工具箱"選項卡來打開"工具箱"窗口,

6、如下圖所示。?5.插入一個換行標(biāo)記(
),從"工具箱"中拖放一個Label控件到頁面上,然后按下圖所示選擇它。(VisualStudio的"設(shè)計器"會在該標(biāo)簽的上端添加一個小標(biāo)記,這有助于在開發(fā)者選擇它時在"設(shè)計器"中辨別它。)?6.查看該標(biāo)簽控件的屬性并編輯其內(nèi)容。如果"屬性"窗口未被顯示,可以在該標(biāo)簽上右擊,然后從快捷菜單中選擇"屬性"命令。該控件的"屬性"窗口如下圖所示。?讀者可以隨意修改該標(biāo)簽的外觀。本示例的標(biāo)簽控件使用的是小號的TimesNewRoman字體,其文本內(nèi)容為Typeinme:。7.從"工具箱"拖放一

7、個TextBox控件到頁面上,將其置于Label控件旁邊。在這個TextBox后面,插入一個換行標(biāo)簽(
)。8.接下來,從"工具箱"拖放一個DropDownList到頁面上。下圖展示了這個下拉列表控件在"設(shè)計器"中的樣式。?在將該控件拖放到頁面上后,VisualStudio便允許我們通過如圖所示的快捷菜單來為DropDownList添加項。單擊"DropDownList任務(wù)"菜單上的"編輯項"選項。此時會打開"ListItem集合編輯器",如下圖所示。?每次單擊"添加"按鈕,"ListItem集合編輯器"都會向DropDo

8、wnList的集合中添加一個新項。在添加并選擇一項后,可以對其顯示的名稱(Text屬性)進(jìn)行編輯。也可以添加一個與文本對應(yīng)的值。例如,在庫存跟蹤應(yīng)用程序中,可以將Text屬性設(shè)置為產(chǎn)品名,而將Value屬性設(shè)置為企業(yè)內(nèi)部的產(chǎn)品編碼。這兩個屬性都可以在運行時獲取。按下圖所示在這個DropDownList中添加一些項目。添加完畢后單擊"確定"按鈕。?9.在頁面中添加一個按鈕。首先,在DropDownList控件后面添加一個換行標(biāo)簽(
)。然后,從"工具箱"拖放一個Button到頁面上。此時的頁面如下圖所示。?修改按鈕的Text

9、屬性,為其添加一個有意義的描述。在繼續(xù)構(gòu)建這個頁面之前,讓我們先來看一下VisualStudio生成的源代碼。VisualStudio會在代碼中為Label、TextBox、DropDownList和Button控件分別添加一個成員變量(通過控件標(biāo)

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。