【導(dǎo)讀】20世紀(jì)后期計(jì)算機(jī)領(lǐng)域發(fā)生了空前的變化。對(duì)于那些以前只在臥室打轉(zhuǎn)的人。在20世紀(jì)90年代之前，承認(rèn)自己用計(jì)算機(jī)處理工作幾乎是一件令人尷尬。的事情，然而突然之間人人都希望能擁有一臺(tái)計(jì)算機(jī)。每種業(yè)務(wù)都爭(zhēng)先恐后地和。Inter扯上關(guān)系，而且很多家庭都希望擁有自己的Web站點(diǎn)。Inter的急速發(fā)展尋找一個(gè)技術(shù)代名詞，那么這項(xiàng)技術(shù)非Web瀏覽器莫屬。但是，如果沒(méi)有可以查看的內(nèi)容，瀏覽器就變得一點(diǎn)實(shí)用價(jià)值都沒(méi)有了。要信息，而Web站點(diǎn)就像雨后春筍一樣蓬勃發(fā)展，其主題豐富多彩，包羅萬(wàn)象。20世紀(jì)90年代末期，世界充滿劇變。一些商業(yè)帝國(guó)的根基就是一個(gè)最簡(jiǎn)。Microsoft參與這項(xiàng)競(jìng)爭(zhēng)的技術(shù)是ASP，它最引人注目的特點(diǎn)是比其他同。Microsoft做了進(jìn)一步的開(kāi)發(fā)；它創(chuàng)建了.NETFramework，而。則成為ASP技術(shù)的“升級(jí)”版本，使用的是其成熟的編程語(yǔ)言和C#。在這個(gè)方面向正確的方向回退了一大步。然而，Microsoft也意識(shí)到有相當(dāng)一部分人仍然靠編寫代碼為生。站點(diǎn)的費(fèi)用將縮減。

　　

【正文】 連接，都具有很多屬性 (properties)。屬性是一組設(shè)置，決定著對(duì)象的外觀和操作。在早期的 ASP 版本中，很多目標(biāo)的實(shí)現(xiàn)都需要編寫大量復(fù)雜的代碼。然而，在 中， Microsoft 已預(yù)先編寫了大部分的代碼并將這些代碼封裝在服務(wù)器端控件中。屬性決定了如何執(zhí)行行為。對(duì)象的屬性可能非常簡(jiǎn)單，例如 BackColor，也可能非常復(fù)雜，例如 EnablePaging。同樣，賦予屬性的值可以非常簡(jiǎn)單，例如一個(gè)簡(jiǎn)單的 BLUE 值，也可以非常復(fù)雜，例如一個(gè)多行的 SQL語(yǔ)句?？梢栽?Source 視圖中直接輸入屬性的值，也可以使用 Properties 窗口為屬性賦值，如圖 111 所示。 圖 111 可以按下 F4 或選擇 ViewProperties 菜單顯示屬性窗口。屬性顯示在多個(gè)面板中，可以展開(kāi)或折疊這些面板 (類似于工具箱 )。例如，在圖 111 中，頂部的 3 個(gè)面板就是展開(kāi)的。在屬性窗口的頂部有一個(gè)下拉列表框，其中包含了當(dāng)前打開(kāi)頁(yè)面上的所有控件。下面的兩個(gè)圖標(biāo) 用于按類型或按字母順序排列屬性。閃電圖標(biāo)將使得屬性窗口顯示事件 (在第 6 章討論 )而不是屬性。屬性窗口左邊的列表中顯示屬性名稱，右邊的列表中顯示屬性的當(dāng)前值。窗口的底部有一個(gè)文本框，顯示當(dāng)前選中屬性的幫助信息。 修改屬性的基本技術(shù)是選擇一個(gè)對(duì)象，通常是一個(gè)控件，然后找到需要修改的屬性并對(duì)其進(jìn)行設(shè)置?？梢栽?Design 視圖中單擊對(duì)象從而選中該對(duì)象，或者在 Source 視圖中將插入條放置在對(duì)象中。另一種方法是在屬性窗口頂部的下拉列表框中選擇對(duì)象。一種常見(jiàn)的錯(cuò)誤是，在沒(méi)有實(shí)際選中某個(gè)對(duì)象之前就試圖修改其屬性。這實(shí)際上修 改的是原來(lái)已選中的對(duì)象的屬性。 有多種方式可以修改一個(gè)屬性的值。如果屬性所允許的值數(shù)量有限 (例如 false 和 true)，則可以雙擊屬性的名稱從而在這些值之間切換。如果可選的值比較多，但數(shù)量仍然有限，那么將這些值保存在一個(gè)下拉列表中。有些屬性具有很多選項(xiàng)，在屬性值的右邊有一個(gè)橢圓形的按鈕，單擊該按鈕將彈出一個(gè)對(duì)話框，可以從中選擇所需的值。最后，有些屬性可以接收字符串，所以它們的值保存在文本框中。如果能在屬性值中進(jìn)行選擇或者切換，那么最好不要用輸入的方式為該屬性賦值。在修改完成之后，必須按下 Enter 或 Tab 鍵 ，或者單擊其他屬性，才能最終設(shè)定屬性的值。此時(shí) Design 視圖將顯示出所作的修改。 也可以在 Source 視圖中直接輸入屬性的值。將插入條放置在某個(gè)標(biāo)記內(nèi)并單擊空格鍵以調(diào)用 IntelliSense 顯示一組在插入條處可以插入的屬性。輸入屬性名的前一個(gè)或前兩個(gè)字母，然后輸入一個(gè)等號(hào)。 IntelliSense 功能將顯示屬性的所有合法值 (如果數(shù)量有限的話 )，再次輸入所需屬性值的前一個(gè)或前兩個(gè)字母。按下空格鍵結(jié)束輸入。注意，如果可能屬性值的范圍不是有限的，則沒(méi)有值列表。例如，值為 SQL 語(yǔ)句的屬性就沒(méi)有 IntelliSense 功能，開(kāi)發(fā)人員必須輸入 SQL 語(yǔ)句。 錯(cuò)誤列表窗口 在程序出現(xiàn)問(wèn)題時(shí)，主要有兩種方法可以查看該問(wèn)題。首先是發(fā)送到瀏覽器的頁(yè)面錯(cuò)誤報(bào)告，其次是 VWD 中的 Error List 窗口。 如果 文件中包含下面陰影部分的代碼，那么 將把與頁(yè)面相關(guān)的錯(cuò)誤報(bào)告發(fā)送到瀏覽器 (如圖 112 所示 )。 圖 112 pilation debug=true /pilation 注意，在第一次運(yùn)行 (F5)頁(yè)面的時(shí)候， 中默認(rèn)的設(shè)置是 pilation debug=true strict=false explicit=true/。 由于默認(rèn)為 true，因此在沒(méi)有特殊設(shè)置的情況下調(diào)試開(kāi)關(guān)是打開(kāi)的。所以下面的示例中debug=true 并沒(méi)有改變默認(rèn)設(shè)置。當(dāng)然，通過(guò)將調(diào)試開(kāi)關(guān)設(shè)置為 true，可以幫助開(kāi)發(fā)小組中其他可能 會(huì)查看設(shè)置的程序員： pilation/pilation 如果頁(yè)面上存在致命錯(cuò)誤，那么運(yùn)行該頁(yè)面時(shí)瀏覽器中將顯示一個(gè)以黃色和白色為主色調(diào)的頁(yè)面。在黃色部分的下面是引發(fā)錯(cuò)誤的文件名稱和該文件中包含錯(cuò)誤的行號(hào)。所有錯(cuò)誤的情況都一樣，具體的錯(cuò)誤可能只是與該行號(hào)相關(guān)，但這應(yīng)該是一個(gè)很好的線索。注意，在部署站點(diǎn)的時(shí)候，應(yīng)該將 文件中的 debug 命令設(shè)置為 false 以提高性能，并減少提供給黑客的信息。第 15 章將深入討論錯(cuò)誤處理。 識(shí)別錯(cuò)誤的第二種方法是在 VWD 內(nèi)部使用 Error List 窗口，如圖 113 所示。默認(rèn)情況下，這個(gè)窗口只有在運(yùn)行頁(yè)面的時(shí)候才會(huì)顯示出來(lái)?？梢酝ㄟ^(guò)菜單 ViewError List 強(qiáng)行顯示該窗口。該窗口顯示在將頁(yè)面轉(zhuǎn)換成 MSIL 時(shí)遇到的所有問(wèn)題。 圖 113 注意在 Error List 窗口的頂部有 3 個(gè)圖標(biāo)： Errors、 Warnings 和 Messages，單擊這些圖標(biāo)將顯示在編譯頁(yè)面時(shí)創(chuàng)建的不同項(xiàng)列表。隱藏某個(gè)類型的項(xiàng)并沒(méi)有把它們從列表中刪除；這樣做只是使得列表比較短而已。從左邊開(kāi)始的第二列標(biāo)識(shí)錯(cuò)誤發(fā)生的順序。 錯(cuò)誤 (Error)使得整個(gè)頁(yè)面，或者頁(yè)面的某個(gè)部分運(yùn)行失敗。這包括，例如，引用不存在的對(duì)象。 警告 (Warning)是一些在編譯頁(yè)面時(shí) VWD 可以解決的問(wèn)題 (例如，缺少結(jié)束標(biāo)記 )。 消息 (Message)是程序員包含在代碼中的文本，當(dāng) IIS 編譯頁(yè)面時(shí)這些消息會(huì)顯示出來(lái)。 在查看項(xiàng)列表的時(shí)候可以單擊某個(gè)列的標(biāo)題進(jìn)行排序。如果按住 Shift 鍵單擊 另一個(gè)列標(biāo)題，這將使得在第一個(gè)列中具有相同值的數(shù)據(jù)項(xiàng)按照第二列的值再次進(jìn)行排序。另外，通過(guò)拖動(dòng)列標(biāo)題之間的分隔線可以調(diào)整每列的大小，或者通過(guò)左右拖動(dòng)列名稱來(lái)重新排序。雙擊某個(gè)數(shù)據(jù)項(xiàng)可以將光標(biāo)定位到導(dǎo)致該消息產(chǎn)生的代碼行。 在下面的“試一試”部分中，將練習(xí)修改 History 頁(yè)面上的一個(gè)圖片控件的屬性。接著制造一些錯(cuò)誤并觀察結(jié)果。 (1) 在 Design 視圖中打開(kāi) History 頁(yè)面。在 Solution Explorer 中，打開(kāi) Images 文件夾并將名為 logoyellow 的 jpeg 文件拖放到 History 頁(yè)面的頂端。 VWD 將自動(dòng)創(chuàng)建一個(gè)圖片，并將該圖片的源地址設(shè)置為前面的 jpeg 文件。 (2) 單擊該圖片從而選中它，然后切換到 Properties 窗口 (或按下 F4 打開(kāi)該窗口 )。將圖片的高度從 447 修改成 100 并按下 Enter 設(shè)定該值。您將看到，所作的修改將在設(shè)計(jì)面板中立刻反映出來(lái)。 (3) 現(xiàn)在從 Source 視圖中修改屬性。找到 img控件并找到其中的高度屬性。將該屬性的值從 100 修改為 300。單擊綠色箭頭 (或按 F5)運(yùn)行頁(yè)面以查看結(jié)果。 (4) 關(guān)閉瀏覽器并返回到 Source 視圖。找到 img標(biāo)記并將光標(biāo)定位在 height=“ 300”的閉引號(hào)后面，單擊空格鍵。這將調(diào)用 IntelliSense 工具顯示所有在這個(gè)位置可以使用的屬性列表。按下 t 鍵然后按下 i 鍵從而使列表移動(dòng)到 Title 屬性。按下等號(hào) (=)關(guān)閉 IntelliSense工具并輸入“ Wrox Logo In Yellow”，注意輸入的內(nèi)容包括開(kāi)引號(hào)和閉引號(hào)。運(yùn)行頁(yè)面，在瀏覽 器中將鼠標(biāo)移動(dòng)到圖片上時(shí)，可以看到剛才創(chuàng)建的標(biāo)題。關(guān)閉瀏覽器。 (5) 接下來(lái)引入一個(gè)非致命 (nonfatal)錯(cuò)誤。在 Source 視圖中打開(kāi) History 頁(yè)面并找到頁(yè)面頂部的 h1標(biāo)記。將 h1標(biāo)記修改成 H1xx并運(yùn)行頁(yè)面。在瀏覽器中，可以看到“ Wrox Uniteda potted history”文本沒(méi)能以一號(hào)標(biāo)題的樣式顯示。關(guān)閉瀏覽器并切換回 VWD 觀察Errors List 窗口。如果該窗口不可見(jiàn)，則使用菜單 View→ Error List 顯示 Error List 窗口。可以看到在列表中有兩個(gè) 錯(cuò)誤。第一個(gè)錯(cuò)誤指出不支持第 3 行的“ h1xx”。第二個(gè)錯(cuò)誤指出第4 行的 /h1閉標(biāo)記沒(méi)有匹配的開(kāi)標(biāo)記。 (6) 最后引入一個(gè)致命錯(cuò)誤。在 Source視圖中，滾動(dòng)到頁(yè)面頂端并將第一行的 Language=“ VB”修改成 Language=“ Esperanto”，然后運(yùn)行頁(yè)面。注意前面的等于號(hào)兩端都沒(méi)有空格。 (7) 在本書的各個(gè)章節(jié)中，將練習(xí)解決各種各樣的錯(cuò)誤。目前，只需刪除 img標(biāo)記、將 h1xx恢復(fù)為正確的 h1標(biāo)記并將語(yǔ)言修改回 VB 即可。 (8) 保存頁(yè)面。 操作回顧 在此使用了三種修改屬性的方法 。第一種是在 Design 視圖下工作并在 Properties 窗口中輸入新的屬性值。接下來(lái)是在源代碼中直接手動(dòng)輸入屬性值。最后，使用 IntelliSense 工具為一個(gè)已經(jīng)存在的控件添加屬性。 可以觀察到兩種類型的錯(cuò)誤：致命的和非致命的。如果是第一種錯(cuò)誤，那 仍然可以顯示頁(yè)面，即使錯(cuò)誤的標(biāo)記 h1xx使得文本以默認(rèn)樣式而不是一號(hào)標(biāo)題樣式顯示。雖然頁(yè)面可以顯示，但是返回 VWD 可以看到Ｅ rror List 窗口記錄了兩條錯(cuò)誤消息。通過(guò)將編程語(yǔ)言修改成一種不支持的語(yǔ)言，引入了一個(gè)更加嚴(yán)重的錯(cuò)誤。 無(wú)法克服這個(gè)錯(cuò)誤，因此看到了兩個(gè)結(jié)果：在瀏覽器中顯示帶有錯(cuò)誤排查信息的錯(cuò)誤頁(yè)面，在 VWD 中錯(cuò)誤列表顯示多條錯(cuò)誤。 VWD 的數(shù)據(jù)庫(kù)瀏覽器 當(dāng)開(kāi)始處理數(shù)據(jù)的時(shí)候 (在第 7 章和后面的章節(jié)中 )，可以使用 VWD 中的工具獲得數(shù)據(jù)源的信息。這些信息包括具體的表名稱和列名稱。實(shí)際上，將在本書的后續(xù)章節(jié)中看到，可以把表列拖放到設(shè)計(jì)區(qū)， VWD 會(huì)自動(dòng)設(shè)置恰當(dāng)?shù)目丶@示表列中的數(shù)據(jù)。目前，只需了解在 Solution Explorer 中雙擊 Access MDB 的名稱就可以在 Access 中打開(kāi)該文件 (假 設(shè)已安裝了 Access)。對(duì)于 SQL Server 數(shù)據(jù)庫(kù) (如本書所示 )，可以使用工具 Database Explorer 更詳細(xì)地查看數(shù)據(jù)庫(kù)并修改其中的數(shù)據(jù)和屬性。附錄 D 中詳細(xì)討論了這些功能。 Microsoft 在 版本中對(duì) 做了很大的改動(dòng)。最大的好處是，以前需要編寫客戶代碼才能完成的任務(wù)現(xiàn)在只需向頁(yè)面拖放預(yù)建好的控件即可。這些預(yù)建控件包括用戶登錄工具、導(dǎo)航工具、數(shù)據(jù)庫(kù)連接工具、數(shù)據(jù)顯示工具、創(chuàng)建一致的站點(diǎn)外觀的工具、以及向用戶提供定制選項(xiàng)。開(kāi)發(fā)人員現(xiàn)在可以更快速地開(kāi)發(fā)更加健壯的動(dòng)態(tài)頁(yè)面。除此之 外， Microsoft 還簡(jiǎn)化了 版本的部署，并提高了它的性能。與舊版的 ASP 一樣，代碼只在服務(wù)器上執(zhí)行 (也就是指編譯動(dòng)態(tài)頁(yè)面 )，發(fā)送給瀏覽器的只有標(biāo)準(zhǔn) HTML 代碼。因此， 和所有的瀏覽器都兼容。 Microsoft 為使用 創(chuàng)建頁(yè)面提供了 3 個(gè)工具。其中的一個(gè)是本書所用的 Visual Web Developer Express(VWD)。 VWD 可以顯示站點(diǎn)頁(yè)面的組織情況，并幫助開(kāi)發(fā)人員創(chuàng)建新頁(yè)面或修改已經(jīng)存在的頁(yè)面。 VWD 還附帶了一個(gè)輕量級(jí)的 Web 服務(wù)器 Cassini，用于測(cè)試頁(yè)面。在創(chuàng)建頁(yè)面之后可以單擊 Run 圖標(biāo)，VWD 將啟動(dòng) Cassini、打開(kāi)瀏覽器、編譯頁(yè)面并將該頁(yè)面發(fā)送到瀏覽器。本章還討論了以下內(nèi)容： ● VWD 提供多種查看和處理頁(yè)面的方式?？梢酝ㄟ^(guò)選項(xiàng)卡在 Design 視圖 (顯示頁(yè)面的外觀 )和 Source 視圖 (顯示頁(yè)面的標(biāo)記和源代碼 )之間切換。 ● 在創(chuàng)建新站點(diǎn)或添加頁(yè)面時(shí)， VWD 提供向?qū)Ш湍０鍘椭_(kāi)發(fā)人員完成常見(jiàn)的設(shè)置。本章介紹了如何使用模板創(chuàng)建新頁(yè)面，接著介紹了工具箱。工具箱中包含了很多預(yù)建對(duì)象，這些對(duì)象在以后各章創(chuàng)建頁(yè)面時(shí)都是學(xué)習(xí)的 重點(diǎn)。為了組織工具箱，各種工具按組存放在不同的面板中。 ● 另一個(gè)窗口顯示當(dāng)前選中對(duì)象的屬性。例如，可以選中一個(gè)文本框，然后查看它的大小、背景色和其他各種屬性。本書的后續(xù)章節(jié)將詳細(xì)討論 支持的各種對(duì)象的屬性。 ● 在 VWD 中執(zhí)行 Run 命令時(shí)將編譯頁(yè)面，開(kāi)發(fā)人員可以獲取編譯過(guò)程的反饋信息。致命錯(cuò)誤、潛在問(wèn)題的警告信息都將被列舉出來(lái)。雙擊某個(gè)錯(cuò)誤可以將光標(biāo)定位到產(chǎn)生該錯(cuò)誤的代碼行。 本章主要是介紹 以及怎樣使用 VWD 創(chuàng)建第一個(gè)頁(yè)面。第 2 章繼續(xù)介紹 的一些功能，這些功能控制著頁(yè)面的外觀。 (1) 解釋 .NET Framework、 、 VWD 和 IIS 之間的差別。 (2) 列舉 Cassini 和 IIS 之間的差別。 (3) 在拖動(dòng)工具欄的標(biāo)題欄時(shí)它將定位到屏幕上的某個(gè)位置并重新調(diào)整大小。怎樣才能把標(biāo)題欄拖放到預(yù)定的位置？ (4) 怎樣將位于 C:\MyPhotos 的 .jpg 文件復(fù)制到站點(diǎn)中以便在頁(yè)面上顯示該圖片？ (5) 您希望為站點(diǎn)添加一個(gè)子文件夾，但 Add Items 菜單中沒(méi)有 Folder 選項(xiàng)。這是為什 么？ (6) Microsoft 編寫了大量的代碼以簡(jiǎn)化程序員創(chuàng)建頁(yè)面的工作。程序員實(shí)際上是怎樣使用這些代碼的？ (7) 為什么在 Toolbox 的 General 面板中沒(méi)有任何工具？