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

　　

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