Web Matrix (Part 2) ASP.NET Razor資料庫應用程式開發

上一次筆者介紹了Web Matrix的開發方式，也大致介紹了什麼是ASP.NET Razor，其實Razor並不算是一種新的語言，它在@符號後面所接的其實都還是C#語法。而且ASP.NET Razor對於ASP.NET MVC有著很密切的關係，它之所以出現是為了改進ASP.NET MVC的View的程式撰寫風格，也許不要說是改進，也可以當作多了一種View的撰寫方式。在Web Matrix所提供的ASP.NET Razor可以說是個預覽版，未來的ASP.NET MVC 3會含括此功能在裡面。
而關於 ASP.NET Razor 的設計目標有下面幾個：
  • 希望程式碼撰寫是一連貫，一氣呵成的。
  • 學習門檻低，容易上手
  • 不是一套新的程式語言，希望使用既有的ASP.NET／C#基礎即可快速的上手。
  • 使用任一種純文字檔編輯器都可進行開發。
  • 也支援使用Visual Studio 2010來開發，使用Visual Studio 2010強大的Intellisense的支援。
  • 同樣可進行View的Unit Test。
OK!再回到筆者今天的主題，先使用這個預覽的版本來體驗一下資料庫應用程式的開發方式，就順著下面的步驟來時做看看。
1.首先是先安裝OData Helper 1.0元件，這是存取資料庫必要的元件，請開啟Admin畫面將OData Helper 1.0安裝進來。
圖(一)、安裝OData Helper 1.0元件
image

2.點選左下方的Database，Web Matrix此時會切換到資料庫功能的頁籤。若預設一開始您也是選擇Empty Site，在沒有改名子的情況下，會有一個Empty Site.sdf的SQL Compact資料庫。請在Tables的節點選滑鼠右鍵"New Table"或點選上方的工具列的 New Table建立一個Employes的Table，並同時建立[id]、Name、Title 等三個欄位，如圖二。
圖(二)、建立SQL Compact 資料庫
image
3.接著任一建立幾筆資料，如圖三。
圖(三)、任一建立三筆資料
image
4.回到Files頁籤，並新增一個EmployeesList.cshtml 程式檔案，並撰寫如下程式。要注意的地方是，如果要撰寫多行的Razor，可以使用 @{.. } 包起來，而在這個大括號中，<li>的HTML的Tag還是會直接被丟回前端，不會處理。只有@開頭的會在Server Side處理完畢再丟回用戶端。
圖(四)、撰寫ASP.NET Razor的 foreach，列出所有員工資料
image
註：這裡先不考慮Web Form的做法。如果使用ASP (但使用.NET的功能) 寫法可能是這樣：
   1:  <%@ Page Language="C#" %>


   2:  <%


   3:      SqlConnection cnn = new SqlConnection("Data source=.;Initial Catalog=Empty Site;UID=sa;password=testxxx");


   4:      SqlCommand cmd = new SqlCommand("select * from Employees", cnn);


   5:      SqlDataAdapter SqlDA = new SqlDataAdapter(cmd);


   6:  %>


   7:  <!DOCTYPE html>


   8:  <html lang="en">


   9:      <head>


  10:          <meta charset="utf-8" />


  11:          <title></title>


  12:      </head>


  13:      <body>


  14:          <form id="form1" runat="server">


  15:          <div>


  16:              <h1>員工資料檔</h1>


  17:              <ul>


  18:                  <%


  19:                  DataSet ds = new DataSet();


  20:                  SqlDA.Fill(ds, "Employees");


  21:                  DataTable dtEmp = ds.Tables["Employees"];


  22:                  foreach(DataRow q in dtEmp.Rows){ %>


  23:                      <li><%=q.id %>. <%=@q.Name %></li>


  24:                  <%


  25:                  }


  26:                  %>


  27:              </ul>


  28:          </div>


  29:          </form>


  30:      </body>


  31:  </html>







5.點選上方工具列的 Run—> Internet Explorer，即可看見執行結果。


圖(五)、執行結果


image


如何! ASP.NET Razor是不是非常的容易，使用既有所學的即可輕易上手。如同前面所提的，編譯器會很聰明的將 <p>, <ul> <li> <div>… 等相關HTML標籤直接略過，不會處理！


不過當然！到這裡就結束就太遜了，如果想要做Grid的效果該怎麼做呢？剛才我們已經將OData Helper 1.0安裝進來了，若您有特別細心一點應該會發現當安裝完成的一瞬間，bin的資料夾下馬上會出現一個 Microsoft.Web.Helpers.OData.dll 檔案，如圖(六)：


圖(六)


image


也就是說您也可以自行到CodePlex下載，再自行將DLL複製到bin下面也可以運作，程式會自動抓bin下面的Assembly。


圖(七)、CodePlex下載畫面：


image


網址如下：


http://odatahelper.codeplex.com/releases/view/50077


現在這樣的元件已經越來越多了，我想著個元件也會含括在MVC 3裡，未來開發MVC 3的應用程式只會越來越方便且快速。現在請各位在新增一個EmployesGrid.cshtml檔案，並撰寫如下程式碼：


image


與前面相較，只增加了 var grid = new WebGrid(query); 與Grid資料的展現 @grid.GetHtml() ，如此簡單的程式碼即可執行出如下的效果，如下圖：


image


各位看，是否非常的容易呢！而且cshtml也可以與Visual Studio 2010完美的結合，我想這就留給下一次吧。 :)
參考資料：
Introducing “Razor” – a new view engine for ASP.NET
http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx

Introducing WebMatrix
http://weblogs.asp.net/scottgu/archive/2010/07/06/introducing-webmatrix.aspx


Announcing the OData Helper for WebMatrix
http://channel9.msdn.com/Blogs/jsenior/Announcing-the-OData-Helper-for-WebMatrix


ASP.NET MVC 3: Layouts with Razor
http://weblogs.asp.net/scottgu/archive/2010/10/22/asp-net-mvc-3-layouts.aspx


ucing ASP.NET MVC 3 (Preview 1)
http://weblogs.asp.net/scottgu/archive/2010/07/27/introducing-asp-net-mvc-3-preview-1.aspx

留言

張貼留言

這個網誌中的熱門文章

軟體架構設計：API 設計準則（二）、API Design-First 原則、策略與開發流程

圖片
軟體架構設計：API 設計準則（二）、API Design-First 原則、策略與開發流程 圖片來源：https://coolshell.cn/articles/18024.html 前言 本篇文章是上一篇『 軟體架構設計：API 設計準則（一）、API 的設計開發與挑戰 』的接續。前一篇文章中，我們探討了 API 的開發與挑戰，這還沒結束，這篇我們來聊聊什麼是 API Design-First 優先設計？這與傳統的軟體開發有些不同，這與我們已經熟悉的 RESTful API 的以 Resource-Based 為設計的設計概念也有些不同，下面，我們就來探討吧！ 為什麼需要 API 設計原則？ 在說明為什麼需要 API 設計原則時，我得先回到一開始的主題 API Design-First 優先設計，為什麼需要 API Design-First 呢？因為 API 設計有別於傳統軟體開發，差異等等下方解釋，在設計 API 時講求有效的產出，首先是別企業體的或企業組織為維持市場競爭力與獲利所擁有的能力與模型稱為：【商業能力】，而在開發 API 時將將用戶與開發者視為第一考量，講求的是盡可能讓用戶在不牽涉過多技術細節便可調用這個 API。 在早期，許多企業未遵循 API Design-First 流程開發方法，而使用傳統方式設計 API，會後得到的結果可能就是『多次的砍掉重練及更冗長的開發週期』或最終 API 不為其他客戶所使用，甚至退出市場。 從 RESTful 到 API Design-First 優先設計   圖（一）、傳統 Resource-Based 的 RESTful API 原本我們熟知的 RESTful API 是將數位世界中的圖像、物件、後端的人員，都可稱為資源，這又稱作 Resource-Based API 的設計，因為 RESTful 將網路上的一切都視為資源。 但是在API Design-First 的概念裡面： 1. 資源 ≠ 資料模型 好的 API 設計提供的是該企業的數位能力，而不是後端的資料結構，因為 API 涉及的是跨企業之間的資料交換，這裡的 API 設計並不是傳統 SPA 應用程式裡面的 Front-end Framework 去呼叫的那個後端 API，這是兩個完全不同的開發情境，這必須先說明清楚。 另外優秀的
閱讀完整內容

常見的程式碼壞味道（Code Smell or Bad Smell）

圖片
常見的程式碼壞味道（Code Smell or Bad Smell） 圖片取自：https://www.slideshare.net/ElMahdiBenzekri/art-of-refactoring-code-smells-and-microservices-antipatterns 前言 究竟重複的程式碼要不要共用它？傳統的軟體開發上，重複的程式碼幾乎被視為罪惡的來源，但是它真的有多可怕？ 常見的 Code Smells The Dispensable （一些可有可無的） Lazy Class (冗員類別） 如果一個類很少使用它會增加代碼庫的複雜性，從而阻礙開發。這樣的類可能是不必要的，它的功能可以成為另一個類的一部分。 Data Class (只有資料的類別） 一個類別只有包含『資料』未包含Methods，也就是說並未包含行為，不具行為模式的類別代表該『實例』容易被【其他類別所操控】。 Duplicate Code (重複的程式碼) 如描述，這也是上次有分享在我的 FB 社團 軟體開發之路［德國資深架構師給新手的建議］ 中有產生非常熱烈討論，這在社團朋友提醒下想起 Refactor 重構一書裡曾提過 rule of three 法則， 這個法則的定義是這樣的，有時部分程式碼重複其實是允許的（不是說重複一定是是被允許的）而是在某些 Context 情境下，該程式碼有一段時間不會衍伸別的功能 或 需求一段時間不會異動、且如要將它 DRY 會產生的『複雜度』或『花費時間』遠高於預估的時間 或 不值得在目前這個專案的節骨眼上花費這個時間來做這件事，加上它 DRY 產生的複雜度偶後產生的維護成本【遠高於】不 DRY 的情況下的維護本，那麼，在這個時候，這個異動頻率【極低】的程式碼就不需要花費這個時間來 DRY 了！！ 因為重點在於，重構是需要『成本』的。(迷之音：DRY 是種抽象化阿~😎) 這讓我想起之前，大約在 2016 年左右，在 101 的樓上某金融業客戶，曾經做過一個專案，這個專案就是因為客戶 DMZ 環境的因素，我讓內網的 Webside 與 DMZ 的網站保留了部分重複的程式碼，因為這段程式碼終年不需要異動，我也懶得花這個時間，而我居然也忘了這記件事情了.. 哈哈 Orz 不過原歸正傳，我個人還是認為，其實適當
閱讀完整內容

什麼是 gRPC ？

圖片
圖片取自： https://grpc.io/docs/guides/ gRPC 是什麼？能吃嗎？ 在安裝了 .NET Core 3.0 之後，眼尖的朋友應該會發現，在新增 ASP.NET Core 網頁類型專案裡，會看見一個 gRPC Service 類型的專案，其實它也不是什麼很新的東西，早在十多年前 Google 就使用這樣的 RPC 協定進行一些大量的可靠性微服務的存取，聽到這，難道現有的 Web API 不可靠嗎？其實不是的，它主要用在移動設備等提供高效簡單且跨平台的通訊與熱插拔的驗證機制。 gRPC 的運作原理 gRPC 顧名思義，是種基於 RPC 的通訊協定，不同於 Web API 走的傳統 HTTP 基礎協定，它有點像是 Socket ，但應該說是基於 Socket， 或精確地來說它是基於 HTTP/2 的協定 ，gRPC 是種協議緩衝協定，它必須事先定義 IDL (Interface Definition Language) 描述檔，看到 IDL 對於一些熟悉 COM／DCOM 的朋友一定非常的熟悉，對！沒錯！就是類似的東西！但，這邊的 IDL 是用一種副檔名為 .proto 檔案來是先定義在分散式環境中，要傳輸的序列化結構資訊，當然它也可以跟 JSON 一起使用。 也就是說，要使用 gRPC 您必須先定義 .proto 協議，然後透過 Compile 的支援，編譯成特定語言框架。而很高興的是，C# 也支援了，然而其實根據官方的資料顯示，C# 應該在 .NET Core 2.1 開始就支援了，只是到了 .NET Core 3.0 才有樣版的支援。 而使用 gRPC 的協議緩衝區的服務可以做到 Stub 的機制，也就是說，它就像是許多 RPC 一樣，Client 在呼叫 Server 端時，其實是對 Stub 進行叫用，Stub 在這就像個緩衝區一般，但更細部的說，應該是一個遠程服務的替身，這應該又讓許多熟悉 COM／RPC 通訊的朋友覺得熟悉了起來，是的！沒有錯。 在 .NET Core 3.0 裡使用 gRPC 目前支援 .proto 擴展為 gRPC 協議緩衝區的編譯器只有 .NET Core 了 ， 根據 Github 上的說明 .NET Framework 4.5+ 以上或 Mono 4+ 以上也可支援，而 gRPC 也完全的跨平台。要在 .
閱讀完整內容