Indy Tech Fest 2008 - ASP.NET MVC

Web Development with ASP.NET MVC Aaron Lerch Development Team Lead Interactive Intelligence

• The MVC Pattern • MVC in ASP.NET • Testability • AJAX

The MVC Pattern VIEW CONTROLLER MODEL

What is the Model? • Domain Objects • Data Transfer Objects • “Business Logic”

What is the Model? • Domain Objects • Data Transfer Objects • “Business Logic” public class Person { } public class PersonDTO { } Repository<Person>.Load(personId) MessageService.Send(message)

What is the View? • Format the Model • Render a display • Enable selecting of Actions

What is the Controller? • Expose and Respond to Actions • Manipulate Model • Choose a View

MVC in ASP.NET

Acts like a 12 year old Is a 12 year old 20-something

HTTP Client Server

HTTP Client Server GET /foo.html HTTP 1.1

HTTP Client Server GET /foo.html HTTP 1.1 200 OK Content-Type: application/xhtml+xml <html> <body>Foo</body> </html>

HTTP Client Server

HTTP Client Server GET /foo.html HTTP 1.1

HTTP Client Server GET /foo.html HTTP 1.1 302 Found Location: http://www.foobar.com/bar.html

HTTP Client Server GET /foo.html HTTP 1.1 302 Found Location: http://www.foobar.com/bar.html GET /bar.html HTTP 1.1

HTTP Client Server GET /foo.html HTTP 1.1 302 Found Location: http://www.foobar.com/bar.html GET /bar.html HTTP 1.1 200 OK <html> <body>Bar</body> </html>

ASP.NET Client Server

ASP.NET Client Server GET /foo.aspx HTTP 1.1

ASP.NET Client Server GET /foo.aspx HTTP 1.1 Init Load Render

ASP.NET Client Server GET /foo.aspx HTTP 1.1 Init Load 200 OK Render <form>[VIEWSTATE]</form>

ASP.NET Client Server GET /foo.aspx HTTP 1.1 Init Load 200 OK Render <form>[VIEWSTATE]</form> POST /foo.aspx HTTP 1.1

ASP.NET Client Server GET /foo.aspx HTTP 1.1 Init Load 200 OK Render <form>[VIEWSTATE]</form> POST /foo.aspx HTTP 1.1 Init Load LinkClicked Redirect Render

ASP.NET Client Server GET /foo.aspx HTTP 1.1 Init Load 200 OK Render <form>[VIEWSTATE]</form> POST /foo.aspx HTTP 1.1 Init Load LinkClicked Redirect 302 Found Render Location: http://www.foobar.com/bar.aspx

ASP.NET Client Server GET /foo.aspx HTTP 1.1 Init Load 200 OK Render <form>[VIEWSTATE]</form> POST /foo.aspx HTTP 1.1 Init Load LinkClicked Redirect 302 Found Render Location: http://www.foobar.com/bar.aspx GET /bar.aspx HTTP 1.1

ASP.NET MVC Client Server

ASP.NET MVC Client Server GET /foo/bar HTTP 1.1

ASP.NET MVC Client Server GET /foo/bar HTTP 1.1 FooController.Bar() View(“Bar”)

ASP.NET MVC Client Server GET /foo/bar HTTP 1.1 FooController.Bar() View(“Bar”) 200 OK

ASP.NET MVC Client Server GET /foo/bar HTTP 1.1 FooController.Bar() View(“Bar”) 200 OK GET /foos/ball HTTP 1.1

ASP.NET MVC Client Server GET /foo/bar HTTP 1.1 FooController.Bar() View(“Bar”) 200 OK GET /foos/ball HTTP 1.1 FoosController.Ball() View(“Ball”)

ASP.NET MVC Client Server GET /foo/bar HTTP 1.1 FooController.Bar() View(“Bar”) 200 OK GET /foos/ball HTTP 1.1 FoosController.Ball() View(“Ball”) 200 OK

Request Flow Request URL Http Controller Response Routing Handler Route View Route View Handler Factory

CODE!

View Engines <table> <% foreach (ScheduleListing listing in schedule) { %> <tr> <td> <%=listing.StartTime %> - <%=listing.EndTime %><br /> <%= listing.Purpose %> </td> <% foreach (TrackListing track in tracks) { %> <td> <% SessionListing session = listing[track]; if (session != null) { %> <%= session.Title%><br /> (<%= session.Speaker.DisplayName%>) <% } else { %> <i>None</i> <% } %> </td> <% } %> </tr> <% } %> </table>

NHaml #foo - foreach (var product in ViewData) - if (product.Category.CategoryName != null) %h2=product.Category.CategoryName - break %ul.productlist - foreach (var product in ViewData) %li = Html.Image(\"/Content/Images/\" + product.ProductID + \".jpg\", product.ProductName) .productdetail =Html.ActionLink(product.ProductName, \"Detail\", new { ID=product.ProductID }) %br Price: =String.Format(\"{0:C2}\", product.UnitPrice) %span.editlink ( =Html.ActionLink(\"Edit\", \"Edit\", new { ID=product.ProductID }) )

NHaml #foo - foreach (var product in ViewData) - if (product.Category.CategoryName != null) %h2=product.Category.CategoryName - break %ul.productlist - foreach (var product in ViewData) %li = Html.Image(\"/Content/Images/\" + product.ProductID + \".jpg\", product.ProductName) .productdetail =Html.ActionLink(product.ProductName, \"Detail\", new { ID=product.ProductID }) %br Price: “.productdetail” =String.Format(\"{0:C2}\", product.UnitPrice) %span.editlink ( =Html.ActionLink(\"Edit\", \"Edit\", new { ID=product.ProductID }) ) becomes <div id=”productdetail”>

Spark <ul class=\"productlist\"> <var styles='new[] {\"odd\", \"even\"}'/> <li each=\"var product in ViewData.Model\" class=\"${styles[productIndex%2]}\"> <ProductImage style='\"float:left;\"'/> <p> <a href=\"/Products/Detail/${product.ProductID}\">${product.ProductName}</a> <br /> Price: ${String.Format(\"{0:C2}\", product.UnitPrice)} <span class=\"editlink\"> (${Html.ActionLink[[ProductsController]](c=>c.Edit(product.ProductID), \"Edit\")}) </span> </p> <div style=\"clear:both;\"></div> </li> </ul>

Spark <ul class=\"productlist\"> <var styles='new[] {\"odd\", \"even\"}'/> <li each=\"var product in ViewData.Model\" class=\"${styles[productIndex%2]}\"> <ProductImage style='\"float:left;\"'/> <p> <a href=\"/Products/Detail/${product.ProductID}\">${product.ProductName}</a> <br /> Price: ${String.Format(\"{0:C2}\", product.UnitPrice)} <span class=\"editlink\"> (${Html.ActionLink[[ProductsController]](c=>c.Edit(product.ProductID), \"Edit\")}) </span> </p> <div style=\"clear:both;\"></div> </li> </ul> <li each=\"var product in ViewData.Model\" class=\"${styles[productIndex%2]}\">

Testability

What is Testability?

What is Testability? The ability to test.

Testability Involves... • A design approach • Explicitly deﬁning dependencies • Isolating functionality

Testable? private void linkAddClick(object sender, EventArgs e) { string SQLInsert = \"INSERT INTO [Tabell] ([user], [password]) VALUES (@user, @password)\"; using (SqlConnection connection = new SqlConnection(connectionString)) { SqlCommand command = new SqlCommand(SQLInsert, connection); command.Parameters.AddWithValue(\"@user\", txtUser.Text.Trim()); command.Parameters.AddWithValue(\"@password\", txtPassword.Text.Trim()); connection.Open(); command.CommandType = CommandType.Text; command.ExecuteNonQuery(); connection.Close(); } }

Testable? public class UserController : Controller { private IUserRepository _repository; public UserController(IUserRepository repository) { _repository = repository; } public ActionResult Show(string id) { User user = _repository.Load(id); return View(\"User\", user); } }

Let’s Test It public class UserRepositoryStub : IUserRepository { public User Load(string id) { return new User(id, \"Aaron\", \"Lerch\"); } } [Test] public void show_action_should_call_user_view() { IUserRepository repository = new UserRepositoryStub(); UserController controller = new UserController(repository); var result = controller.Show(\"aaronlerch\"); Assert.That(result, Is.Not.Null); Assert.That(result.ViewName, Is.EqualTo(\"User\"); }

AJAX “An AJAX-iﬁed website is a requirement for being ‘Web 2.0’ certiﬁed, making bajillions of dollars, becoming hugely famous, regrowing your lost hair, and retiring to Tahiti.”

CODE!

Questions? Comments? Concerns?

Give MVC a Try! • Download ASP.NET MVC at http://www.codeplex.com/aspnet • TONS of resources linked from http://www.asp.net/mvc/ • MVCContrib.com • CodeCampServer.com Contact Me • aaronlerch@gmail.com http://www.aaronlerch.com/blog/

Indy Tech Fest 2008 - ASP.NET MVC

0 comments

Notes on slide 1

2 Favorites