ASP.NET Web Pages 完整入門教學
ASP.NET Web Pages 是三大 ASP.NET 開發模式中最簡單易學的一種,結合 HTML、CSS、JavaScript 與伺服器程式碼,快速建立動態網站。
ASP.NET 三大開發模式比較
| 模式 | 特性 | 適用場景 |
| Web Pages | 單一頁面為中心、輕量、類似 PHP/Classic ASP | 中小型網站、快速原型、學習入門 |
| MVC | 模型-視圖-控制器、關注點分離、高可測試性 | 企業級應用、團隊開發、複雜業務邏輯 |
| Web Forms | 事件驅動、伺服器控制項、ViewState | 傳統企業應用、快速表單開發、WinForms 開發者轉型 |
Web Pages 核心優勢
- 易學易懂:單一檔案包含 HTML 與程式碼
- 頁面為中心:直覺的開發模型
- 相容性佳:類似 PHP、Classic ASP 開發體驗
- 雙語言支援:Visual Basic 或 C# (Razor 語法)
- 完全掌控:HTML、CSS、JavaScript 無限制
- 內建 Helpers:資料庫、影片、圖表、社群媒體輕鬆整合
第一個 Web Pages 程式:Hello World
<html>
<body>
<h1>Hello Web Pages</h1>
<p>現在時間:@DateTime.Now</p>
</body>
</html>
執行結果: 瀏覽器顯示標題與伺服器當前時間。
開發工具:WebMatrix
WebMatrix 內建元件
- Web Pages 範本與入門專案
- Razor 語法支援 (C# / VB)
- IIS Express 輕量級 Web 伺服器
- SQL Server Compact 內嵌資料庫
- 完整 ASP.NET 架構
- Web 應用程式庫(開源專案一鍵安裝)
WebMatrix 特色功能
- 從空白網站或開源專案開始(Umbraco、DotNetNuke、WordPress 等)
- 內建安全性、SEO 優化、網站發布工具
- 開發成果可無縫移轉至 Visual Studio 專業開發
- 免費、輕量、專為 Web Pages 設計
下載安裝
WebMatrix 官方下載頁面
學習路徑建議
階段 1:基礎語法與頁面建立
- Razor 語法基礎 (C# 或 VB)
- HTML 表單處理與 Request 物件
- 資料顯示與迴圈輸出
- 版面配置與 _Layout、_PageStart
階段 2:資料庫整合
- SQL Server Compact 建立與連線
- Database Helper 查詢、新增、修改、刪除
- 參數化查詢防止 SQL Injection
- 資料驗證與錯誤處理
階段 3:進階功能整合
- Web Helpers:圖表、影片、社群分享、Gravatar
- 檔案上傳與圖片處理
- 電子郵件發送
- 快取與效能優化
階段 4:部署與維運
- WebMatrix 發布至 IIS / Azure / FTP
- 連線字串轉換與環境設定
- 錯誤記錄與監控
- 安全性強化(HTTPS、CSRF、XSS 防護)
實用資源連結
常見問題 FAQ
| 問題 | 解答 |
| Web Pages 適合大型專案嗎? | 適合中小型,大型建議用 MVC 獲得更好架構分離 |
| 可以混用 Web Pages 與 MVC 嗎? | 可以,同一專案可共存 |
| 必須用 WebMatrix 嗎? | 不必,Visual Studio 也支援,但 WebMatrix 最輕量 |
| 如何除錯? | WebMatrix 整合 IIS Express,支援中斷點、變數檢視 |
| 資料庫遷移怎麼辦? | SQL Server Compact 可升級至 SQL Server Express/LocalDB |