ASP.NET Razor - 標記語言本質與開發生態系統深度解析

釐清 Razor 定位：它是**標記語法**，非程式語言。專為在網頁中嵌入伺服器端程式碼 (C#/VB.NET) 而設計，簡化動態 Web 內容建構。

什麼是 Razor？核心定位與優勢

Razor 是一種標記語法，讓開發者將基於伺服器的程式碼 (Visual Basic、C#) 直接嵌入 HTML 網頁中。

• 伺服器端執行：頁面要求時，伺服器先執行 Razor 程式碼，再將產生的 HTML 回傳瀏覽器
• 動態內容生成：程式碼可存取資料庫、呼叫 API、執行運算、實作商業邏輯
• 語法簡潔優雅：@ 字元啟始程式碼，智慧型推斷程式碼結束位置，減少儀式性字元
• 學習曲線平緩：保留 ASP.NET 完整功能，語法比傳統 ASPX、PHP、Classic ASP 更直觀

語法風格比較：Razor vs PHP vs Classic ASP

同樣產生 0-9 的清單項目：

Razor (C#)

<ul>
@for (int i = 0; i < 10; i++)
{
 <li>@i</li>
}
</ul>

PHP

<ul>
<?php
for ($i = 0; $i < 10; $i++) {
 echo "<li>$i</li>";
}
?>
</ul>

Classic ASP / Web Forms

<ul>
<% for (int i = 0; i < 10; i++) { %>
 <li><% =i %></li>
<% } %>
</ul>

Razor 的 @ 前置字元比 <% ... %> 更輕量，智慧識別 HTML 與程式碼邊界，無需明確閉合標記。

Razor 幫助器生態系統 - 組件化開發加速器

ASP.NET 幫助器 封裝常用功能為可重複使用的元件，透過幾行 Razor 程式碼即可調用：

• 內建幫助器：WebGrid、Chart、WebMail、WebImage、WebCache、Json、Crypto 等
• 第三方幫助器**：Facebook、Twitter、Google Analytics、Bing、Gravatar、ReCaptcha 等社交/分析整合
• 自訂幫助器**：以 .cshtml 封裝可重用 UI 邏輯 (如分頁導航、選單、表單欄位)

核心內建幫助器速覽

Razor 支援的程式語言

• C# (C Sharp)：主流選擇，強型別、現代語法、生態系豐富、效能優異
• VB.NET (Visual Basic)：不區分大小寫、Verbose 語法、VB6 移轉友善

專案中可混用兩種語言 (不同副檔名)，但建議專案統一單一語言以降低認知負荷。

安裝與管理幫助器

1. WebMatrix / Visual Studio 內建 Web Pages Administration** 介面
2. 搜尋 NuGet 套件來源 (官方/第三方)
3. 一鍵安裝/更新/移除幫助器套件
4. 套件自動部署至 bin/ 與 App_Data/

現代 ASP.NET Core 專案請改用 NuGet Package Manager 管理 Microsoft.AspNetCore.Mvc.Razor 相關套件。