給喜歡嘗鮮的您………
           關於 Visual Web Developer Express Edition Beta1

資策會數位教育研究所專業講師 王孝弘

 

簡介 :
         2004/6/29 在歐洲的 TECHED 活動上,微軟宣布了提供 Visual Studio 2005 Beta 1 的測試版本。聽到了這個消息後,筆者興沖沖的到微軟的網站準備下載體這新版本的工具,結果發覺要下載 Visual Studio 2005 Beta 1的版本,必須是 MSDN(Microsoft Developer Network)的訂閱者才可下載。所幸微軟這次提供了 Visual Studio 2005 Express Beta 的產品(見表一),供未定閱 MSDN的使用者下載試用。

  Visual Basic 2005 Express Edition
  Visual C# 2005 Express Edition
  Visual C++ 2005 Express Edition
  Visual J# 2005 Express Edition

  可用來建立視窗應用程式、主控台應用程式、類別庫

  Visual Web Developer Express Edition

  可使用內建的 Visual Basic、C#、J# 來建立網站應用程式

  SQL Server 2005 Express Edition

  提供資料庫的功能

表一:Visual Studio 2005 Express Beta 的產品列表

         這編文章中,我們將針對 VWD (Visual Web Developer Express Edition)來做個介紹。

VWD 的下載及安裝 :
         為了測試這還在 beta版的技術,我準備了一個全新的 Windows XP Professional SP1 的環境,然後連到http://lab.msdn.microsoft.com/express/vwd/default.aspx下載 VWD (Visual Web Developer Express Edition),下載時必須使用 .NET Passport登入才可以下載。下載成功後,所得到的只是一個安裝的執行檔(vwdsetup.exe),執行這個安裝執行檔,會幫我們偵測現在的環境是否適合安裝 VWD的版本,如果可以?就會開始下載及安裝 VWD,安裝的過程如表二:

安裝歡迎畫面,直接點選 NEXT

使用者授權說明,這裡只能點選我接受所有的項目

安裝選擇中,你必須選擇安裝 Microsoft MSDN Express Library 2005 Beta 及 SQL Server 2005 Express Edition Beta

決定安裝的路徑,在整個下載安裝的過程中,會包含下列產品 :
Microsoft .NET Framework 2.0 Beta
Visual Web Developer 2005 Express Edition Beta
Microsoft MSDN Express Library 2005 Beta SQL Server 2005 Express Edition Beta

接下來就是漫長的下載安裝過程了,筆者的連線速度是 10 Mbps。

從 9 :00 開始下載安裝到 15:30 才見到安裝完成畫面

表二:VWD的下載安裝步驟

         安裝完成後,我們除了安裝 VWD 之外,也安裝好了一個免費且容易使用的簡易版的資料庫 SQL Server 2005 Express Edition。如果大家之前有聽過或用過 MSDE (Microsoft SQL Server Desktop Engine),那就會比較清楚 SQL Server Express 將如何使用,因為它就是用來取代 MSDE的。
         除此之外?我們在整個安裝的過程中,似乎沒有提到 IIS 的安裝,那是因為安裝 VWD 時,會幫我們安裝一個內建的 Web development Server,所以當我們在開發 web 應用程式的時候,不需要再透過 IIS(Internet Information Services) 去執行了。但這內建的 Web Server 只能從本機去讀取資料而且只能用來測試而已,所以當開發測試完成後,還是要將 web 應用程式部署到 IIS 上。

開始使用 VWD
         接著,我們可以從 開始 / 所有程式 之下點選 Visual Web Developer 2005 Express Edition Beta 來開啟VWD 的開發工具,如圖一:


圖一:VWD 開發工具的介面

         VWD 的環境中可以使用三種語言 Visual Basic、Visual C# 及 Visual J# 來開發 Web 的應用程式,另外也提供了四種不同的 Web 應用程式範本 ASP.NET Web Site、ASP.NET Web Service、Empty Web Site及 Personal Web Site Starter Kit,供我們選擇。

Personal Web Site Starter Kit 的開啟及介紹
Personal Web Site Starter Kit 是一個新的範本,我們就來開啟這個範本。從選項列,點選 File / New Web Site,然後會出現如圖二的視窗


圖二:開啟新的網站專案視窗

         在左邊的 Project Type 中選擇 Visual Basic,從右邊的 Templates 中選擇 Personal Web Site Starter Kit,並從下面的 Location 指定開啟的專案要放到哪裡,預設的位置是 C:\WebSites。建立後,我們可以從方案總管(Solution Explorer)中,用滑鼠右鍵點選 welcome.html,選擇從瀏覽器顯示(view in Browser),如此就可以看到了歡迎畫面(如圖三),或我們可以用滑鼠右鍵點選 Default.aspx,也是選擇從瀏覽器顯示,就可以進入Personal Web Site Starter Kit的首頁(如圖四)。


圖三:歡迎頁面


圖四:首頁

         Personal Web Site Starter Kit是個人化的網站,以功能面來看,包含了首頁、個人履歷、熱門網站分類管理、圖片管理及會員管理等功能,以技術面來看,使用了 許多 ASP.NET 2.0 提供的新功能來建置此網站,例如使用 Master Pages 及運用 Themes and Skins 的技術來建立網站一致性的外觀、使用 Site Navigation 技術導引使用者瀏覽網頁、使用 MemberShip的相關技術建立及管理會員資料等。

結語 :
微軟提供了Beta版的開發工具,供開發人員測試,ASP.NET 1.0 的版本也將要昇級到 ASP.NET 2.0,這兩者所提供的功能差別還蠻多的,我將會在後續的文章中使用 VWD 的開發工具為您介紹 ASP.NET 2.0 提供的新功能,並與 ASP.NET 1.0 的做法做個比較。