Getting Started with ASP.NET MVC 3 and Razor
Download as PPTX, PDF•11 likes•5,677 views
This document provides an overview and introduction to ASP.NET MVC 3 and the Razor view engine. It describes the MVC pattern, key features of ASP.NET MVC 3 including Razor, and how to get started with an ASP.NET MVC 3 project using Razor views. The document also includes an agenda, explanations of the MVC components and Razor syntax, and recommendations for additional resources.
Getting Started with ASP.NET MVC 3 and Razor
- 1. rev 1.0/0111Getting Started withASP.NET MVC 3 and RazorDan Wahlinhttp://www.TheWahlinGroup.com
- 3. rev 1.0/0111AgendaThe MVC PatternASP.NET MVC 3Getting Started with RazorDemos
- 4. NO!
- 5. MVC Pattern - A Conceptual ViewDecouples the backend business logic from the front endModelBinds the model and view together and selects which view to display nextData TransferRequestControllerBusiness InteractionLayerUser InteractionLayerViewResponseVisualizes the application data supplied by the model
- 6. ModelHas business/domain logicASP.NET MVC doesn’t tell you what to use:LINQ to SQLnHiberateEntity FrameworkPLINQOCustom/POCO objectrev 1.0/0111
- 7. ViewShould be “thin” and dumbNo business logicOnly Display logic / Transformation of dataJavaScript is valid for client side - jQueryrev 1.0/0111
- 8. ControllerShould also be "thin"Controller has "Actions"Requests always come through the controllerDecides what data is neededTells which View to renderTells the View what "Model" renderrev 1.0/0111
- 9. rev 1.0/0111AgendaThe MVC PatternASP.NET MVC 3Getting Started with RazorDemos
- 10. What is ASP.NET MVC?ASP.NET MVC implements the Model-View-Controller patternProvides an alternative to ASP.NET Web FormsAvailable from http://www.asp.net/mvc/mvc3rev 1.0/0111INTRODUCTION-10
- 11. Goals of ASP.NET MVC Frameworkrev 1.0/0111Clean url schemes (think SEO)
- 12. Support existing ASP.NET runtime features
- 13. 100% control over rendered HTML
- 14. Testable by default (built with TDD in mind)
- 15. Support third-party view engines
- 16. Support static and dynamic languages
- 17. Auto-mapping of form variables to object properties
- 18. Built-in validation supportKey ASP.NET MVC 3 FeaturesRazor View Engine.cshtml extensionDynamic ViewBag PropertyGlobal FiltersJSON binding for Action ParametersEnhanced .NET 4 Validation SupportUnobtrusive JavaScript for validationLayout PagePartial-Page Output CachingSupport for Dependency Injectionrev 1.0/0111
- 19. ASP.NET MVC 3 Project StructureINTRODUCTION-13ControllersRazor Pages (Views)Model Classes"Master Page"rev 1.0/0111
- 20. Steps to use ASP.NET MVCCreate a controller class in the Controllers folderAdd one or more Actions (methods) into the controllerRight-click on an Action and select Add View from the menurev 1.0/0111
- 21. rev 1.0/0111AgendaThe MVC PatternASP.NET MVC 3Getting Started with RazorDemos
- 22. What is Razor?ASP.NET MVC 3 ships with a new View Engine called "Razor"Less markup transitions as compared to the ASP.NET Web Forms View EngineProvides a compact way to mingle code with markupUses the @ characterrev 1.0/0111
- 23. Without Razor<ul><%foreach (varcust in Customers) { %> <li><%: cust.Name%></li><% } %></ul>rev 1.0/0111
- 24. With Razor<ul> @foreach (varcust in Customers) { <li>@cust.Name</li> } </ul>rev 1.0/0111
- 25. Razor FundamentalsRazor provides a compact syntax for mixing "code" with markup:rev 1.0/0111
- 26. Razor Example@model ProjectName.ViewModels.CustomerViewModel<fieldset> <legend>Customer Data</legend> <p> <label for="FirstName">First Name:</label>@Html.EditorFor(m => m.Customer.FirstName)@Html.ValidationMessageFor(m => m.Customer.FirstName, "*") </p> <p> <label for="LastName">Last Name:</label>@Html.EditorFor(m => m.Customer.LastName)@Html.ValidationMessageFor(m => m.Customer.LastName, "*") </p></fieldset>rev 1.0/0111
- 27. Razor Layout PagesRazor uses a _Layout.cshtml file as a "master page"_Layout.cshtml<html><title>@ViewBag.Title</title><body> @RenderBody()</body></html>Index.cshtml@{ViewBag.Title= “Your Page Title”; }<div>Hello World!</div>
- 28. rev 1.0/0111AgendaThe MVC PatternASP.NET MVC 3Getting Started with RazorDemos
- 30. ASP.NET MVC 3 Demo SiteDownload an ASP.NET MVC 3 demo site from http://mvcmusicstore.codeplex.comrev 1.0/0111
- 31. Razor ToolsWeb Forms View to Razor View Converter:https://github.com/telerik/razor-converterMVC 2 to MVC 3 Project Converterhttp://aspnet.codeplex.com/releases/view/59008rev 1.0/0111
Editor's Notes
- #4: There have been a lot of rumors floating around that ASP.NET Web Forms is dying and being replaced with ASP.NET MVC…you know, like the Web Forms Reaper is coming? Well….here I am!
- #6: It is up to you to decide how you want to get your data and how to define your objects. Although there are accepted guidelines on how to have good design, it is not decided for you with The ASP.Net MVC Framework.