ASP.NET MVC From The Ground UpKevin Griffin

About Me

• .NET Developer• Chesapeake, VA

• Microsoft Client App Dev MVP• Leader of the Hampton Roads .NET Users Group• ASPInsider• INETA Mentor for Virginia

Before We Begin

• Ask questions• Enjoy the conference, leave if you’re not getting

what you expected

* From The Ground Up

• Assumptions• You MIGHT be a WebForms Developer• You know nothing about ASP.NET MVC• You’ve tried to sit through MVC talks before and

had trouble• No TDD or IOC mantra today• Just a basic discussion of MVC

Agenda

• What is MVC?• Components of MVC• Controllers• Views• Models• Ditching the Blue Screen

What Is MVC?

• Model View Controller• ASP.NET MVC is an alternative way to build web

applications on the ASP.NET platform.• Not a replacement to WebForms

Let’s get it out of the way

• Web Forms vs. MVC

MVC Routes

• Convention over Configuration• Default Route• http://domain/Controller/Action/ID• Customizable

Controller

• BRAIN of the application• Receives input from requests• Performs logic or data requests

Model

• Representation of the data required to present a view or to send data back to the server.

View

• The stuff you want to show on the screen.• Bind with a model to provide a data

DEMOStarting From Scratch

ActionResults

• How MVC returns data• You specify what you want to return, and MVC

handles the response.

ActionResults• ViewResult – Represents HTML and markup rendered by a view.• ContentResult – Represents a text result.• EmptyResult – Represents no result.• FileContentResult – Represents a downloadable file (with the binary

content).• FilePathResult – Represents a downloadable file (with a path).• FileStreamResult – Represents a downloadable file (with a file stream).• JavaScriptResult – Represents a JavaScript script.• JsonResult – Represents a JavaScript Object Notation result that can be

used in an AJAX application.• PartialViewResult – Represents HTML and markup rendered by a partial

view.• RedirectResult – Represents a redirection to a new URL.• RedirectToRouteResult – Represents a result that performs a

redirection by using the specified route values dictionary.

DEMOAdding New Views

HTML Helpers

• Extension Methods• Helps you render HTML content easily• Replacement for server controls?• Create your own!

What Is A Model?

• Loosely typed• ViewData dictionary• Strong typed• Bind to a custom object

DEMOModeling Our View

Thanks For Attending!

• Questions?!• kevin@kevgriffin.com• Twitter: @1kevgriff• http://www.kevgriffin.com