與 Asp.net mvc 的第一次親密接觸 - twMVC#1
5 likes1,789 views
由 twMVC 團隊主講，分析是否該切入開發以及對於 ASP.NET MVC 的概觀介紹和快速開發技巧 http://mvc.tw
![OutputCache
[OutputCache(Duration=10)]//millisecond
VaryByContentEncoding
VaryByCustom
VaryByHeader
VaryByParam
94
Result Filters](https://image.slidesharecdn.com/asp-130719132130-phpapp02/85/Asp-net-mvc-twMVC-1-94-320.jpg)
![ DisplayTemplates
EditorTemplates
128
ASP.NET MVC 如何飛起來
[UIHint("Date")]
public DateTime Birthday { get; set; }
@Html.DisplayFor(model => model.Birthday)](https://image.slidesharecdn.com/asp-130719132130-phpapp02/85/Asp-net-mvc-twMVC-1-128-320.jpg)
Ad
More Related Content
What's hot (18)
Viewers also liked (20)
Ad
Similar to 與 Asp.net mvc 的第一次親密接觸 - twMVC#1 (20)
![Vlog02 [eng sub]什麼是controller和如何在asp.net核心中創建controller？-what is controller ...](https://cdn.slidesharecdn.com/ss_thumbnails/vlog02-engsubcontrollerasp-161023135736-thumbnail.jpg?width=560&fit=bounds)
Ad
More from twMVC (20)
與 Asp.net mvc 的第一次親密接觸 - twMVC#1
- 2. Introduce twMVC Who We Are and What We Want Dino Wang http://dinowang.blogspot.com
- 3. 我們熱愛 Web 開發技術，並樂於分享 ASP.NET MVC 開發心得 已成功建立數個灘頭堡的經驗，深知 MVC 開發模式條理分明，有 利於分工與管理，想推薦給尚未了解的開發人員 不願意看到 MVC 叫好不叫座，我們樂意透過經驗交換來破除導入 障礙 3 為何組成 twMVC
- 4. Bibby Demo Dino Jerry Kevin Wade 4 twMVC 成員
- 5. A quite simple http://mvc.tw/ But, it’s still under-construction now 5 twMVC 資訊分享
- 6. 每週小型聚會，不特定主題 固定於每週四 19:30-21:30，不改時間，逢國定假日暫停一次 議程不會提前排定，以當天參加者最近的心得分享為主 舉辦不定期研討會 6 twMVC 做哪些事推廣 ASP.NET MVC 技術
- 7. 預先設定主題的中大型會議，主題提前於 mvc.tw 上公告 原則上一個月排定一次，期初因場地關係設定報名人數上限 為 30 人 7 twMVC 不定期研討會
- 9. 政府網站 行政院人事行政局-人事服務網 http://ecpa.gov.tw 行政院研究發展考核委員會民眾e管家 https://msg.nat.gov.tw 中華民國外交部 http://www.mofa.gov.tw 縮減產業數位落差計畫 http://e98.sme.gov.tw 商務網站 TutorABC http://www.tutorabc.com/aspx/mvc 華人健康網http://www.top1health.com 米格國際 http://www.lativ.com.tw 9 ASP.NET MVC 真的熟了嗎？
- 10. Stack Over Flow http://stackoverflow.com/ Code Plex http://www.codeplex.com/ Docs http://docs.com/ Market Watch http://www.marketwatch.com/ Ruths Chris http://www.ruthschris.com/ Dotnet Shout Out http://dotnetshoutout.com/ 10 ASP.NET MVC 真的熟了嗎？
- 11. ASP.NET Web Form 的初衷 肥大的 ViewState 11 不要為改變而改變，是因為值得而改變
- 12. 12
- 13. 13
- 14. 14
- 15. 15
- 16. ASP.NET Web Form 的初衷 肥大的 ViewState 瘋狂的閃爍（Postback） 神奇的 UpdatePanel？ 16 不要為改變而改變，是因為值得而改變
- 17. 17
- 18. 18
- 19. ASP.NET Web Form 的初衷 肥大的 ViewState 瘋狂的閃爍（Postback） 神奇的 UpdatePanel？ 19 不要為改變而改變，是因為值得而改變
- 20. ASP.NET Web Form 的初衷 肥大的 ViewState 瘋狂的閃爍（Postback） 神奇的 UpdatePanel？ 難以操作的 HTML 超高難度的客製化 20 不要為改變而改變，是因為值得而改變
- 21. ASP.NET MVC 為什麼要出現 丟棄不要的包袱 ViewState Web中沒有 Postback 隨心所欲的操控 HTML 純正的 AJAX？ 輕鬆搞定客製化 21 回到 Web 的本質 Web 是無狀態的 HTTP動詞你一定要知道 凍結表頭、表格排序、套版 jQuery 是你的好幫手 那麼多東西都是自己生的，還有什麼搞不定？ 回歸 Web 的本質
- 22. 22 使用者專訪
- 23. 23 使用者專訪
- 24. 24 使用者專訪
- 25. 25 使用者專訪
- 26. 什麼是MVC
- 27. MVC是一種「設計模式」不是程式語言也不是框架 最早於1979年時由Trygve Reenskaug所提出 一開始是應用於SmallTalk的程式語言之中 27 什麼是 MVC
- 28. 把應用程式架構給切分為三個部分，分別為： Model（模型） View（視圖） Controller（控制器） MVC的三個組成部分所負責的功能不同，相互獨立 MVC並不等於三層式架構 28 什麼是 MVC
- 29. 「資料模型」用於封裝與應用程序的業務邏輯相關的數據以 及對數據的處理方法 有關「資料處理」的範圍都可屬於Model，包含： 資料庫的存取操作（讀取、寫入） 資料結構的定義 資料格式的驗證 29 Model
- 30. 在頁面上顯示或是經由頁面傳回後端都是View所負責 輸出：把資料輸出並顯示到使用者介面上 輸入：把使用者所輸入的資料傳回到伺服器端 有關View的技術還包含： HTML / CSS Javascript(jQuery, MoonTool, ExtJS …etc) JSON / XML AJAX RIA(Rich Interactive Application, ex:Flash,Silverlight) 30 View
- 31. 控制整個系統的業務流程 依據制定好的規則進行對資料處理以及View的使用 控制器接受外部傳入的資料並與Model進行資料處理，最後 再由View回應外部的傳入並做顯示 31 Controller
- 42. Open Source http://aspnet.codeplex.com 42 ASP.NET MVC 對物件導向的潛移默化
- 43. 物件 強型別物件 Model Binding 43 ASP.NET MVC 對物件導向的潛移默化
- 47. 如: MVC Factory Template Decorator(裝飾者) …等等 47 ASP.NET MVC 也用到了很多設計模式
- 48. 有太多人拿這兩個來做比較，但是我們並不想比較，因為這 兩種框架出發點就是不同的，拿來比較只是兄弟鬩牆而已， 因此我們 tw MVC 並不希望各位一直想拿這兩種框架來比 較。 48 Web form VS MVC
- 50. View 回歸初衷的HTML
- 51. 發展者：Microsoft 發展於2010年6月 Release 於2011年1月 主要利用 C# 或 VB.NET 來產生動態網頁的語法 51 Razor 簡介
- 52. 52 MVC 3 內建的View Engine
- 53. ASPX的標記語法是使用<%= %> 53 ASPX 標記語法
- 56. 重蹈義大利麵寫法的覆轍? 可讀性低?程式與顯示綁在一起難以維護? 56 MVC View V.S. ASP
- 57. 57 ASP 寫法
- 58. 58 MVC View 寫法
- 59. 何謂Helper 只是幫助程式開發的類別或方法 何謂HTML Helper HTML Helper用來幫助View開發的方法 用來簡化及包裝View上的瑣碎工作 增加重用性 59 HTML Helper
- 60. Html.ActionLink() Html.BeginForm() Html.CheckBox() Html.DropDownList() Html.EndForm() Html.Hidden() Html.ListBox() Html.Password() Html.RadioButton() Html.TextArea() Html.TextBox() 60 HTML Helper
- 62. 名稱 描述 WebGrid 快速建立表格型態的資料展現方式，包含分頁及排序 Crypto 產生雜湊及字串加密 WebImage 處理圖片，包含取得、縮放、浮水印、輸出等… Chart 將資料轉為圖表的呈現 ServerInfo 查看Server Varibles的屬性 WebMail 包裝System.Net.Mail的發信 WebCache 利用.NET 4.0的MemoryCache做快取 Json 將資料序列化成 JSON 格式 62 MVC 3 新增的 Helper
- 63. 等同於Master Page 用來放網站的共用元素。如Title、Footer、Menu等… 在Razor中，副檔名依舊是cshtml 利用RenderBody()、@RenderSection() 保留在子頁面可 變動的區塊 63 Layout
- 65. RenderPartial 與 RenderAction 的差異? 65 RenderPartial & RenderAction Controller View Partial Partial Partial RenderPartial Controller View Render Action RenderAction Render Action Render Action Controller View
- 66. RenderPartial使用時機 資料由主View的Model提供 沒有其他的流程控制 為了顯示上的重複使用 RenderAction使用時機 資料會因參數或是其他變因而改變 有其餘的流程需回Controller去處理 為了邏輯上的重複使用 66 RenderPartial & RenderAction
- 67. jQuery是一套跨瀏覽器的JavaScript函式庫，強化HTML與 JavaScript之間的操作 .NET MVC 內建許多功能與jQuery整合 驗證與jQuery.Validate整合 Ajax 67 jQuery
- 68. ViewData TempData ViewBag 自訂類別 68 ViewModel
- 69. Razor Helper Organizing Razor, Make It More Powerful Dino Wang http://dinowang.blogspot.com
- 70. @helper ExternalAnchor(string href, string text) { <a href="@href" class="btn" rel="external"> @text </a> } @ExternalAnchor("http://www.asp.net", "ASP.NET") @ExternalAnchor("http://mvc.tw", "TW MVC") 70 直接就來個範例吧
- 71. 兩種形式 Razor Helper (*.cshtml) Razor Helper Package (~App_Code*.cshtml) 71 使用 Razor Helper Razor Helper Package 一詞出現於 O’Reilly – Programming Razor 中
- 72. 定義與使用 (同一支 *.cshtml 內) @helper ExternalAnchor(string href, string text) { <a href="@href" class="btn" rel="external"> @text </a> } @ExternalAnchor("http://www.asp.net", "ASP.NET") @ExternalAnchor("http://mvc.tw", "TW MVC") 72 Razor Helper
- 73. 定義 (~App_CodeMy.cshtml) @helper ExternalAnchor(string href, string text) { <a href="@href" class="btn" rel="external"> @text </a> } 使用 @My.ExternalAnchor("http://www.asp.net", "ASP.NET") @My.ExternalAnchor("http://mvc.tw", "TW MVC") 73 Razor Helper Package
- 74. Partial View 沒錯！但是 Razor Helper 的參數化方式讓使用上更簡單 HtmlHelper (Extension Method) 沒錯！但是你在 code 裡面組 HTML 語法是很痛苦的… 我改用 TagBuilder 組 HTML 也很簡單！ 嗯… 那遇到巢狀 tag 呢 74 很多技術能做到一樣的效果！？
- 78. Controller 概述 Controller - Action Result Controller - Action Filter 其它相關 78 會講的內容
- 79. 79 ASP.NET MVC Web Request 流程
- 80. 責任就是控制流程 簡短輕薄 Web Request 永遠會通過 Controller 決定哪些 Data 是需要的 決定要丟出哪個 View 80 Controller 的特質
- 81. ActionResult
- 82. 主要功能就是 溝通 View 和 Controller 兩部份 82 Controller - Action Result
- 83. ViewResultBase *** – ViewResult 、PartialViewResult RedirectResult ** ContentResult ** JsonResult ** JavaScriptResult FileResult – FilePathResult、FileContentResult、FileStreamResult HttpUnauthorized RedirectToRouteResult EmptyResult 83 ASP.NET MVC 3 Action Results
- 85. ActionFilter
- 86. 主要功能就是 延伸加強 Controller 的 能力 86 Controller – Action Filter
- 87. Action filters 本身就是 attribute 它可以放在任何的 Action 上 它也可以放在任何的 Controller 上 Action 執行的時候就是 Action Filter 執 行的時候 可以很快的客製化自己想要的 Action Filter 87 Action Filters 的特質
- 89. Authorization Filters Action Filters Result Filters Exception Filters 89 Action Filter 的分類
- 96. 繼承 ActionFilterAttribute 來實做 public abstract class ActionFilterAttribute : FilterAttribute, IActionFilter, IResultFilter { public virtual void OnActionExecuted(ActionExecutedContext filterContext); public virtual void OnActionExecuting(ActionExecutingContext filterContext); public virtual void OnResultExecuted(ResultExecutedContext filterContext); public virtual void OnResultExecuting(ResultExecutingContext filterContext); } =>範例 96 客製化 Action Filters
- 98. HttpGet, HttpPost, HttpDelete, HttpPut ViewData, TempData Model Binding 98 Controller – 其他
- 100. 休息時間五分鐘 Take a break
- 101. Model
- 102. 簡介 Metadata 可用哪些東西來當做Model ASP.NET MVC專案的Model ViewModel 102 Agenda
- 103. 在ASP.NET MVC中Model負責所有與「資料」有關的任務 不處理所有與資料處理無關的事 不直接處理來自瀏覽器的輸入，也不向瀏覽器產生 HTML 輸 出。 ASP.NET MVC 架構對可以建置的各種模型物件沒有任何限 制。 103 簡介
- 104. Metadata是用來定義資料模型的相關屬性，例如： 是否為必填資料 資料長度 資料格式驗證 … etc System.ComponentModel.DataAnnotations 命名空間 (Namespace) 提供屬性類別，這些類別可用來定義 ASP.NET MVC 和 Dynamic Data 控制項的中繼資料 (Metadata)。 104 Metadata
- 105. 105 Metadata
- 106. LINQ to Entities ADO.NET Entity Framework NHibernate, SubSonic, LLBLGen Pro … etc 106 可用哪些來當做Model
- 107. ADO.NET Entity Framework 已經支援並可以使用的資料庫有： MS SQL Server Oracle MySQL PostgreSQL SQLite DB2 Sybase … etc 107 可用哪些來當做Model
- 108. NHibernate是Hibernate的.NET版。 目前可以支援使用的Database有： MS SQL Server Oracle MySQL DB2 Sybase SQLite … etc 108 可用哪些東西來當做Model
- 109. 109 ASP.NET MVC專案的Model – 同專案中
- 110. 110 ASP.NET MVC專案的Model – 不同專案
- 111. 針對某些頁面的需求而產生的Model 專給View所使用 類別，其資料成員大多來自底層Model類別的資料成員 在MVC網站專案中建立「ViewModels」目錄來存放與管理 111 ViewModel
- 112. 112 ViewModel
- 113. 113 ViewModel
- 114. ASP.NET Routing
- 115. ASP.NET Routing是做什麼的 套用ASP.NET Routing有什麼好處 各位覺得那一個比較友善? Http://Server/Products/ProductView.aspx?Id=123 Http://Server/Product/View/123 115 ASP.NET Routing
- 116. Url Pattern 常數 /區段 {variable} 變數預留位置 {*variable} 變數預留位置(catch-all) Ignore RouteData RouteHandler 116 ASP.NET Routing的基本觀念
- 118. Route definition Example of matching URL {controller}/{action}/{id} /Products/show/beverages blog/{entry} /blog/123 {reporttype}/{year}/{month}/{day} /sales/2008/1/5 {locale}/{action} /US/show {language}-{country}/{action} /en-US/show {version}/{controller}/{action} /v2/Product/Update 118 常見的配置
- 119. 它們的關係是?? 秤不離錘、錘不離秤 Url對應執行的Controller/Action 由Controller/Action產生Url UrlHelper.Action(Action,Controller) RedirectToActionResult(Action,Controller)等等 119 ASP.NET MVC 與 ASP.NET Routing
- 120. Controller與Routing 衝突 120 ASP.NET Routing的進階觀念
- 121. Debug RouteDebugger 2.0 121 ASP.NET Routing的進階觀念
- 122. Areas {Area}/{Controller}/{Action}/{Id} 約束 122 ASP.NET Routing的進階觀念
- 123. Areas {Area}/{Controller}/{Action}/{Id} 約束 新增的順序 123 ASP.NET Routing的進階觀念
- 124. 休息時間五分鐘 Take a break
- 126. 沒有任何一種 Web 開發比 ASP.NET Web Form 快 那我們要 ASP.NET MVC 幹尛？ 因為程式開發中唯一不變的就是「變」 126 快速開發？ ASP.NET MVC 就好像飛機，一開始只是跑再來就會飛了 ASP.NET Web Form 就好像F1 它一直都是那麼的快，但是就只有那麼快
- 127. HTML Helper Page Method jQuery Plug in 127 ASP.NET MVC 如何飛起來
- 128. DisplayTemplates EditorTemplates 128 ASP.NET MVC 如何飛起來 [UIHint("Date")] public DateTime Birthday { get; set; } @Html.DisplayFor(model => model.Birthday)
- 129. T4 Code Templeat "X:Program Files (x86)Microsoft Visual Studio 10.0Common7IDEItemTemplatesCSharpWebMVC 3CodeTemplates" 129 ASP.NET MVC 如何飛起來
- 130. 130 ASP.NET MVC 如何飛起來 T4 後台產生器
- 132. 132
- 133. 官方網站 • http://www.asp.net/mvc 官方影片 • http://www.asp.net/mvc/videos MSDN(CN)影片 • http://goo.gl/FUIh Scott gu • http://weblogs.asp.net/scottgu/archive/tags/MVC/default.aspx Haacked • http://haacked.com/Tags/aspnetmvc/default.aspx 133 學習資源
- 134. KKBruce • http://blog.kkbruce.net/p/net-framework.html#allmvc 阿源哥哥 • http://mvc.keigen.net/ 小朱 • http://www.dotblogs.com.tw/regionbbs/Tags/ASP.NET MVC 天空的垃圾場 • http://blog.sanc.idv.tw/search/label/ASP.NET%20MVC Will • http://blog.miniasp.com/category/ASPNET-MVC.aspx 134 學習資源
- 135. Bibby http://bibby.be Demo http://demo.tc Dino http://dinowang.blogspot.com Jerry http://www.dotblogs.com.tw/lastsecret/ Kevin http://kevintsengtw.blogspot.com Wade http://www.dotblogs.com.tw/wadehuang36/ 135 學習資源
- 136. 136 twMVC 網站
- 137. 每週小型聚會，不特定主題 固定於週四 19:30-21:30，不改時間，逢國定假日暫停一次 議程不會提前排定，以當天參加者最近的心得分享為主 137 twMVC 固定聚會
- 139. 139 twMVC