C#语言与Razor语法.pptVIP

C#語言與Razor語法 6-1 C#語言與Razor語法 6-2 C#語言的基本撰寫規格 6-3 變數與資料型態 6-4 運算子 6-5 流程控制 6-6 陣列 6-7 函數 6-8 物件的使用與型態轉換 6-1 C#語言與Razor語法 6-1-1 認識C#語言與Razor語法 6-1-2 Razor語法、伺服端程式碼與ASP.NET 6-1-3 Razor的基本語法 6-1-1 認識C#語言與Razor語法-C#語言 C#語言（其發音是See-Sharp）是由微軟公司Anders Hejlsberg領導的小組開發的程式語言，Anders Hejlsberg擁有豐富的程式語言和平台的開發經驗，曾經開發著名的Visual J++、Borland Delphi和Turbo Pascal等。 C#語言是在2000年6月正式推出的一種相當新的程式語言，目前的最新版本是C# 5.0版，C#是一種簡單、現代化和物件導向的程式語言，屬於微軟.NET Framework平台的程式語言，支援結構化、物件基礎和物件導向程式設計。事實上，C#語言的程序式和物件導向語法都是源於C++語言，再參考其他多種程式語言的語法，最著名的就是Delphi和Java。 6-1-1 認識C#語言與Razor語法- Razor語法 Razor語法可以讓網頁程式開發者在靜態HTML網頁的標籤中內嵌伺服端程式碼，例如：Visual Basic或C#程式碼，其原始設計的目的是希望開發者能夠更流暢的進行程式碼撰寫，並且讓我們快速整合伺服端程式碼來建立動態網頁內容，和開發資料驅動的Web網站。 以ASP.NET技術來說，Web Forms和MVC都是將HTML標籤和伺服端程式碼分割成不同的程式檔案，WebMatrix使用的Web Pages開發模型，則是將伺服端程式碼內嵌於HTML標籤中，可以讓學生、初學者或傳統ASP和PHP技術的網頁開發者更容易進入或轉換至.NET平台的ASP.NET伺服端網頁技術。 6-1-2 Razor語法、伺服端程式碼與ASP.NET-圖例 Razor語法、ASP.NET與.NET Framework之間的關係，如下圖所示： 6-1-2 Razor語法、伺服端程式碼與ASP.NET-網頁內容 現在，我們回到Razor語法的ASP.NET程式碼，因為Web網頁擁有Razor語法，所以，網頁內容可以分為兩種，如下所示： 客戶端內容（Client Content）：客戶端內容包含HTML標籤、CSS樣式碼、客戶端腳本程式碼和純文字內容，其中客戶端腳本程式碼可以是JavaScript或相關函數庫的程式碼，例如：jQuery。 伺服端程式碼（Server Code）：伺服端程式碼是使用Razor語法，將Visual Basic或C#程式碼內嵌入客戶端內容。 6-1-3 Razor的基本語法-說明 Razor語法類似傳統ASP和PHP，它是使用「@」字元在HTML標籤中內嵌伺服端程式碼，可以在客戶端內容加入單行程式碼、多行程式區塊或內嵌運算式等。 Razor語法的ASP.NET程式，其檔案的副檔名為： .cshtml（C#語言）或.vbhtml（Visual Basic語言） 。 6-1-3 Razor的基本語法-單行程式碼 Razor語法是使用「@{」和「}」包圍C#程式碼（在@和{之間不能有空白字元），如下所示： @{ var amount = 100; } @{ var msg = 第1個ASP.NET程式; } 上述2行C#程式碼分別使用「@{」和「}」包圍單行程式碼。 6-1-3 Razor的基本語法-多行程式區塊 Razor語法也可以使用「@{」和「}」包圍多行C#程式碼，如下所示： @{ var amount = 100; var msg = 第1個ASP.NET程式; } 「@{」和「}」包圍的程式區塊是2行C#程式碼。 6-1-3 Razor的基本語法-內嵌運算式 Razor語法可以使用@字元，將C#運算式直接內嵌於HTML標籤中，如下所示： p總價: @amount/p p訊息: @msg/p 上述p標籤中內嵌有Razor語法的運算式，可以顯示變數amount和msg的值。 6-1-3 Razor的基本語法-混用HTML標籤與伺服端程式碼 在Razor語法的多行程式區塊中，可以包含HTML標籤、純文字和程式碼，如下所示： @{ var name = Joe; div歡迎 b@name/b/div } 上述程式區塊宣告變數name，第2行包含HTML標籤、文字內容和程式碼@name。 6-2 C#語言的基本撰寫規格-說明 程式碼在撰寫時如果使用一致規則，在程式維護上將有一定助益，撰寫規格的目的是為了建