Visual Studio Whidbey——Web應用程式開發新功能預覽

visual|web|程式 摘要：本文介紹了代號為“Whidbey”的Microsoft Visual Studio中一些能夠加快和便於資料驅動Web應用程式開發的新功能。這些新功能包括：更好的HTML原始碼編輯器，更好的IntelliSense，改進的資料訪問支援，以及完全支援XHTML標準等。
  
  內容：
  ·更好的HTML原始碼編輯器
  ·更好的視覺化設計工具
  ·更好的Web專案管理
  ·更好的資料訪問支援
  ·更好的標準支援
  ·總結
  
  即將發布的產品代號為“Whidbey”的Microsoft® Visual Studio®是開發資料驅動Web應用程式最好的工具。Whidbey開發環境適合用於當前和下一代ASP.NET開發，為Web應用程式開發人員提供了許多強大的新功能。
  
  Whidbey通過新的Web設定檔來顯示最適合Web應用程式開發的菜單和視窗布局，從而滿足開發人員的專門需要。Whidbey開發環境包括改進的HTML原始碼編輯器、可視化頁面設計器和新的項目系統，能夠很好地支援資料訪問，並且完全支援XHTML標準。這些功能共同使得資料驅動Web應用程式的開發比以往更為快速。
  
  下面，我們就來介紹Whidbey中一些能夠加快Web應用程式開發的新功能。
  
  更好的HTML原始碼編輯器
  Whidbey版本的Visual Studio .NET帶有一個改進的HTML原始碼編輯器，能夠使開發人員快速編寫和修改頁面。原始碼編輯器提供Microsoft® IntelliSense®、標記導航和驗證等新功能。
  
  智能感應（IntelliSense）功能隨處提供
  IntelliSense是一種在鍵入時顯示彈出式代碼提示的技術，能顯著提高開發人員的生產力。儘管現在Visual Studio .NET對IntelliSense已經有非常好的支援，但Whidbey對IntelliSense的支援將更為出色。
  
  在Whidbey中，IntelliSense隨處彈出。例如，完全可以在單檔案ASP.NET頁面指令碼塊內利用IntelliSense。另外，Whidbey提供對ASP.NET頁面指示符和行內（inline）CSS樣式屬性的IntelliSense支援。
  
  Whidbey還提供對Web.Config設定檔內所有配置節（Section）以及包含DTD或XSD的一般XML檔案的IntelliSense支援。
  
  
  
  圖1 在單檔案ASP.NET頁面中使用IntelliSense
  
  HTML原始碼保持
  Whidbey不會更改開發人員的HTML標記。HTML標記的格式，包括所有空白地區、大小寫、 縮排、斷行符號符和自動換行，現在都可以保持得與編寫時一樣，甚至在頁面設計檢視和原始碼視圖之間來回切換時也是如此。
  
  HTML格式選項
  Whidbey使開發人員能夠精確控制所見即所得 (WYSIWYG)（WYSIWYG）設計器產生的HTML標記和ASP.NET伺服器控制項標記的格式。頁面中每個HTML標記或伺服器控制項標記的大小寫、屬性引用、縮排樣式和自動換行特性現在均可以配置。這些格式選項可以設定為所有標記的預設格式，而且還可以隨意覆蓋每個標記和控制項的格式選項，從而為完全控制標記格式提供了靈活性。
  
  HTML格式設定可以從Whidbey中匯入和匯出，從而保證團隊開發時標記樣式的標準化。開發人員很容易將HTML格式化規則應用到現有標記，以處理需要以新格式規則更新現有HTML源檔案的情況。
  
  
  圖2 設定標記格式選項
  
  標記導航器（Tag Navigator）
  Whidbey 械腍TML原始碼編輯器具有Tag Navigator新功能，能夠使開發人員在複雜的HTML文檔內輕鬆定位和導航。Tag Navigator通過顯示一個包含當前游標所在標記的標記列表來顯示頁面源檔案內的“路徑”，點擊節點就可以隨意選擇代碼的層次層級, 並且可以在HTML階層內快速地上下移動。
  
  例如，假設你正在編輯一個含有多層巢狀表格格的HTML頁面源檔案。巢狀表格格很難編輯，因為在混雜的行和儲存格中很容易迷失。利用Tag Navigator可以避免這種情況，因為它總是不斷顯示表格元素所在階層的當前路徑。
  [img]../uploadfile/200506/2005620153938147.gif[img]
  
  圖3 使用Tag Navigator
  
  標記大綱（Tag Outlining）
  利用標記大綱可以更有效地處理大型HTML文檔。在原始碼編輯器中按右鍵HTML標記，然後選擇“Collapse Tag”就可以隱藏標記的內容。摺疊頁面中不同地區的HTML原始碼可以讓開發人員將精力集中在需要編輯的特定地區。
  
  
  圖4 使用標記大綱摺疊<tr>標記
  
  靈活的瀏覽器指定和驗證
  在Whidbey中時，為HTML頁面指定一種專用的驗證標準或瀏覽器很容易。開發人員可以指定HTML頁面被某種瀏覽器訪問，例如Netscape® Navigator 4.0 或Microsoft ® Internet Explorer 6.0，或者指定按某種驗證標準，例如XHTML 1.0 Strict或XHTML 1.0 Transitional。
  
  鍵入代碼時，原始碼編輯器會即時檢查HTML原始碼。無效的原始碼會自動加上紅色波浪底線，並以工具提示（tooltip）說明無效的原因。驗證錯誤也會即時顯示在工作清單（Task List）視窗中。
  
  在Whidbey中，所有瀏覽器和標準驗證規則都是可插入的，開發人員很容易進行擴充和定製。Whidbey預設有許多自動驗證目標，包括對XHTML標準、XHTML Transitional標準以及所有主要案頭與行動瀏覽器的內建驗證支援。
  
  圖5 XHTML 1.0 Strict標準驗證
  
  圖6 選擇驗證目標
  
  代碼重構
  利用代碼重構可以輕鬆和系統地修改代碼。在Whidbey中，能夠編寫代碼的地方均支援代碼重構，包括程式碼後置（code-behind）和單檔案ASP.NET頁面。
  
  智慧工作提示（IntelliTask）
  Microsoft® IntelliTask就像一個超級智能的代碼處理剪貼簿，開發人員利用它可以輕鬆將標準程式碼片段應用到原始碼編輯器中的任何地方，從而提高開發效率。通過簡單的按右鍵，即可將通用代碼注入頁面。Whidbey預設有200多個Web應用程式開發專用的IntelliTask程式碼片段。更好的是，開發人員可以將自己的代碼模板添加到IntelliTask中，以便將來快速修改代碼。
  
  更好的視覺化設計工具
  Whidbey帶有一個改進的視覺化設計工具，非常便於建立ASP.NET Web應用程式。利用這個新的設計器工具，開發人員甚至不用寫一行代碼就可以建立功能豐富的資料驅動Web應用程式。
  
  ASP.NET Master Page設計器
  使用Master Page可以為ASP.NET Web 應用程式頁面建立一個通用的外觀。開發人員可以利用Master Page建立一個單頁布局，然後將其應用到多個Content Page。例如，可以使用Master Page來保證每個頁面都包含相同的標準頁頭、頁尾和導航條。
  
  Whidbey完全支援ASP.NET Master Page的WYSWIYG創作。當Master Page建立後，可以將其應用到Web網站內新的ASP.NET頁面。Whidbey還支援在Master Page的基礎上創作ASP.NET頁面，設計者可以查看組合後的頁面外觀，同時從Master Page中複製出不能在Content Page上編輯的所有內容。
  
  圖7 在Master Page上新增內容預留位置
  
  圖8 在Master Page基礎上設計Content Page
  
  快捷任務（Smart Tasks）
  利用Smart Tasks功能，開發人員可以直接從設計器介面執行許多最常見的設計任務。
  
  當新控制項拖放到設計器中，會自動彈出一個常見工作清單。利用常見工作清單可以快速配置控制項屬性和執行一些常見的操作。例如，當添加GridView控制項到頁面時，可以利用常見工作清單快速實現GridView 的排序、分頁或編輯；當添加TextBox控制項到頁面時，可以利用常見工作清單快速將其與一個驗證控制項關聯。
  
  [img]../uploadfile/200506/2005620153939588.gif/img]
  圖9 利用Smart Tasks 設定GridView選項
  
  改進的ASP.NET模板編輯
  Whidbey提供改進的模板編輯功能。使用資料控制項（例如DataList和GridView控制項）時，可以利用這些新功能。
  
  當添加控制項到模板時，可以輕鬆指定資料繫結運算式與控制項屬性關聯。例如，如果拖放TextBox控制項到模板，可以將其Text屬性綁定到資料控制項資料來源的特定欄位。利用模板編輯設計器提供的“Edit DataBindings”對話方塊，可以很方便地按照欄位名綁定特定欄位。
  
  
  圖10 編輯TextBox控制項的DataBindings屬性
  
  改進的表格編輯
  Whidbey具有很好的HTML表格編輯功能。利用改進的“Insert Table”對話方塊，可以快速控制新插入表格的外觀。另外，還可以在設計器中圖形化調整表格以及各行和各列的大小。
  
  
  圖11 添加新表格
  
  
  圖12 在設計器中調整表格大小
  
  行動裝置支援
  ASP.NET控制項可以對不同的裝置顯示不同的內容。例如，一個Calendar控制項在WAP瀏覽器中和它在HTML瀏覽器中顯示的內容有所不同。這種能力稱為自適應顯示（Adaptive Rendering）。
  
  Whidbey完全支援自適應顯示，並且其內建WYSIWYG設計器支援隨意覆蓋頁面上的裝置屬性、模板和標記。這使得開發人員能夠更好地最佳化不同使用者的瀏覽器體驗。
  
  更好的Web項目系統
  Whidbey為開發人員管理Web項目中的檔案提供更多的靈活性和功能性。新的Web項目系統帶有便於訪問、編譯和發布Web應用程式的新工具。
  
  檔案系統支援
  Whidbey允許開發人員選擇在任何檔案夾內建立新的Web應用程式。建立檔案系統項目時，機器上不需要裝有Microsoft® Internet Information Services（IIS）或Microsoft® Front Page® Server Extensions（FPSE），只需簡單地指定一個檔案夾，就可以開始建立Web 頁面。
  
  
  圖13 建立檔案系統Web網站
  
  Whidbey帶有內建ASP.NET Web伺服器，開發人員可以在沒有安裝IIS的電腦上開發和調試Web應用程式，並且不需要監管人存取。
  
  內建Web伺服器進一步為開發人員提供了一種在開發機器上建立Web應用程式的更為安全的方式，因為Web伺服器不能遠端存取（只能被本地Web瀏覽器訪問），當退出Whidbey開發環境時，它也會自動關閉。
  
  本地IIS 支援（不需要FPSE）
  除了支援檔案系統項目，Whidbey現在還使開發人員能夠更方便地管理IIS項目。建立新的IIS項目時，開發人員可以查看機器上配置的所有Web網站和應用程式，甚至可以直接從“New Web Site”對話方塊建立新的IIS Web應用程式或虛擬目錄。
  
  本地開發IIS Web應用程式不再需要FPSE。無須安裝或配置FPSE就可以建立和完全管理Web網站。
  
  
  圖14 建立本地IIS Web網站
  
  FTP 支援
  Whidbey內建支援使用標準的檔案傳輸通訊協定（FTP）編輯和更新遠程Web項目。開發人員可以在“New Web Site”和“Open Web Site”對話方塊中使用FTP快速串連到遠程Web網站。
  
  圖15 使用FTP串連到遠端站台
  
  更好的Web發布
  發布Web網站到遠程伺服器比以往更為容易。利用Whidbey內建發布功能很容易保持本地項目中的檔案與遠程Web伺服器上的檔案同步。Whidbey支援對所有複製檔案的自動記錄，使開發人員能夠迅速鑒別最近複製的檔案是否已被更新。
  
  
  圖16 發布Web網站到遠程Web伺服器
  
  先行編譯ASP.NET Web網站
  Whidbey內建IDE支援先行編譯ASP.NET Whidbey 應用程式。利用先行編譯，可以自動檢查和編譯網站內所有代碼（包括程式碼後置、行內代碼和商務類）， 並且發布一個輸出目錄，其中僅包含編譯過的動態串連庫集和應用程式的web.config檔案，所有HTML標記和.aspx檔案均被移除。另外，為了更好地保護智慧財產權，在先行編譯過程中可以選擇將結果代碼混亂。
  
  先行編譯功能使開發人員能夠輕鬆建立和轉賣ASP.NET Web應用程式而無須附帶原始碼。先行編譯還能夠改善網站效能和啟動時間。
  
  更好的資料訪問支援
  Whidbey使得Web應用程式中的資料訪問更為容易。
  
  拖拽式（Drag-and-Drop）資料訪問
  通過將資料控制項拖放到頁面上，開發人員可以輕鬆建立資料驅動Web頁面。利用新的ASP.NET Whidbey資料來源控制項，不用編寫任何代碼（或者說讓Visual Studio編寫所有代碼）就可以輕鬆串連到資料庫，檢索和更新資料庫記錄。
  
  例如，假設要將Microsoft® SQL Server資料庫表Products的所有記錄顯示在Web頁面上，只需簡單拖拽兩個控制項到頁面：一個SqlDataSource控制項和一個GridView控制項。通過設定它們的某些屬性，即可以在Web頁面上實現自動檢索和記錄顯示。
  
  
  
  圖17 使用兩個控制項顯示資料庫資料
  
  資料訪問層（Data Access Layer）設計器
  Whidbey提供內建的資料訪問層設計器，支援在Web應用程式內建立和維護資料訪問層。資料設計器使開發人員能夠將資料庫表和預存程序建模為封裝了ADO.NET資料存取邏輯過程的組件。通過這些資料群組件，很容易就可以從Web頁面和商務層對象（business objects）訪問和更新資料。
  
  強大的對象資料繫結功能
  Whidbey使開發人員能夠快速建立具有清晰展示層、商務層和資料層結構的3層應用。利用新的ASP.NET ObjectDataSource控制項，可以聲明將資料控制項（例如GridView、DataList和DropDownList）綁定到商務層或資料層控制項，而不是直接綁定到資料庫，從而在應用中實現乾淨的功能性封裝和抽象，展示層也不需要寫任何資料存取碼。
  
  Whidbey開發環境會自動引導開發人員完成綁定資料控制項到商務層對象（Business Object）的過程，提示開發人員從商務層對象選擇特定的方法用於選擇、插入、更新和刪除資料，開發人員不需要編寫代碼。
  
  連接字串管理
  利用Whidbey中的連接字串管理功能，可以避免在ASP.NET頁面中編寫寫入程式碼（hard-coding）的資料庫連接字串。資料連線對話方塊和嚮導允許開發人員選擇將資料庫連接字串儲存在應用程式的Web.Config檔案中。
  
  將資料庫連接字串儲存在Web.Config中使得連接字串更易於管理和更為安全。如果要改變資料庫密碼，只需改變一個地方即可。ASP.NET Whidbey MMC管理工具會自動為管理員修改連接字串提供一個易用的介面。另外，該工具還可以用於生產伺服器上的連接字串加密。
  
  更好的標準支援
  使用Whidbey很容易建立符合行業標準和政府標準的Web應用程式。Whidbey開發環境包含的新工具支援W3C標準和政府標準，例如XHTML標準和可訪問性標準。
  
  符合XHTML標準的設計器
  Whidbey產生的所有HTML代碼都符合XHTML標準。例如，工具條提供的所有格式選項產生的HTML代碼都完全符合XHTML標準。設計器產生的所有標記都是符合XHTML的標準格式（well-formed）和正確大小寫。
  
  除了XHTML設計器支援，Whidbey還包含有助於在原始碼編輯器中編寫符合XHTML 標準的代碼的工具。在使用原始碼編輯器時，可以按照XHTML 1.0 Transitional或XHTML 1.0 Strict標準驗證HTML原始碼。如果代碼沒有成功驗證，則提供驗證失敗的說明。
  
  可訪問性檢查器（Accessibility Checker）
  建立殘疾人可訪問的Web頁面是許多政府機構的一項要求。現在，Whidbey使開發人員能夠很容易地驗證和服從可訪問性標準。
  
  開發人員可以利用整合的Accessibility Checker快速識別應用中出現的可訪問性問題。Accessibility Checker按照Section 508 和W3C Web內容可訪問性原則（WCAG）標準驗證ASP.NET頁面，並自動將警告和錯誤資訊輸出到Task List中。
  
  
  圖18 使用Accessibility Checker
  
  總結
  代號為Whidbey的Microsoft Visual Studio是開發資料驅動Web應用程式最好的工具。它在IntelliSense和代碼編輯器方面的改進使Web應用程式的開發更為輕鬆，並且減少了發生錯誤的可能性。它對資料訪問和行動裝置更好的支援有助於開發人員建立適合大多數裝置的功能豐富的Web應用程式。它在項目系統和部署方面的改進也使Web應用程式的發布比以往更為容易。
  
  
  （完）
  
  譯者註：著作權為原作者所有，內容略有改動或刪節。