Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Programación
Asp.Net MVC
Prof. Javier Tuñoque Gálvez
Programación Asp.Net MVC
Aplicaciones WebModelo MVC
Programación Asp.Net MVC
Aplicaciones Web
Modelo MVC
Programación Asp.Net MVC
Aplicaciones WebController - Modelo MVC
La carpeta Controllers contiene
las clases responsables d...
Programación Asp.Net MVC
Aplicaciones WebController - Modelo MVC
using WebAppNorthwind.Models;
namespace WebAppNorthwind.C...
Programación Asp.Net MVC
Aplicaciones Web
View - Modelo MVC
En la carpeta Views se almacenan los
archivos (archivos HTML)
...
Programación Asp.Net MVC
Aplicaciones WebView - Modelo MVC
@model WebAppNorthwind.Models.ProductListModel
@{
ViewBag.Title...
Programación Asp.Net MVC
Aplicaciones WebView compartida -
Modelo MVC
<!DOCTYPE html>
<html lang="en">
<head>
<meta charse...
Programación Asp.Net MVC
Aplicaciones WebView Inicial - Modelo MVC
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
Nombre: ...
Programación Asp.Net MVC
Aplicaciones Web
Model - Modelo MVC
El modelo contiene la lógica de la
aplicación (lógica de nego...
Programación Asp.Net MVC
Aplicaciones WebModel - Modelo MVC
using Northwind.Entities;
using System;
using System.Collectio...
Gracias
Upcoming SlideShare
Loading in …5
×

Programacion MVC.net

917 views

Published on

En la presentación se muestran los conceptos básicos del patrón MVC para .net, se explica brevemente los tres componentes: Model, View y Controller.

Published in: Technology
  • Be the first to comment

Programacion MVC.net

  1. 1. Programación Asp.Net MVC Prof. Javier Tuñoque Gálvez
  2. 2. Programación Asp.Net MVC Aplicaciones WebModelo MVC
  3. 3. Programación Asp.Net MVC Aplicaciones Web Modelo MVC
  4. 4. Programación Asp.Net MVC Aplicaciones WebController - Modelo MVC La carpeta Controllers contiene las clases responsables de manejar las entradas del usuario y respuestas. Asp.Net MVC requiere que los nombres de los controladores terminen en "Controller".
  5. 5. Programación Asp.Net MVC Aplicaciones WebController - Modelo MVC using WebAppNorthwind.Models; namespace WebAppNorthwind.Controllers { public class HomeController : Controller { public ActionResult Index() { return SearchProducts(new ProductListModel() { NameFilter=""}); } public ActionResult SearchProducts(ProductListModel model) { model.ProductList = GetProducts(model.NameFilter); return View("Index",model); } } }
  6. 6. Programación Asp.Net MVC Aplicaciones Web View - Modelo MVC En la carpeta Views se almacenan los archivos (archivos HTML) relacionados a la interfaz de usuario. Estos archivos tienen una extensión html, asp, aspx, cshtml, y vbhtml, dependiendo del lenguaje seleccionado. Cada sub carpeta de la carpeta Views corresponde a un Controller. La carpeta Shared es usado para guardar vistas compartidas como
  7. 7. Programación Asp.Net MVC Aplicaciones WebView - Modelo MVC @model WebAppNorthwind.Models.ProductListModel @{ ViewBag.Title = "Index"; } @using (Html.BeginForm("SearchProducts", "Home")) { <h1>List of Products</h1> <br /> <text>Filter by Name:</text> @Html.TextBoxFor(model => model.NameFilter) <input type="submit" value="Consultar" /> <br /> <br /> <table border="1"> <thead> <tr> <th>ID </th> <th>Product Name </th> <th>Unit Price </th> </tr> </thead> @foreach (var item in Model.ProductList) { <tr> <td>@item.ProductID</td> <td>@item.ProductName</td> <td>@item.UnitPrice</td> </tr> } </table> }
  8. 8. Programación Asp.Net MVC Aplicaciones WebView compartida - Modelo MVC <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>@ViewBag.Title - Northwind</title> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width" /> </head> <body> <header> <div class="content-wrapper"> <div> Logo de Northwind </div> <div> <nav> <ul> <li>@Html.ActionLink("Home", "Index", "Home")</li> </ul> </nav> </div> </div> </header> <div> <section> @RenderBody() </section> </div> <footer> <div> <div> <p>&copy; @DateTime.Now.Year - Northwind</p> </div> </div> </footer> </body> </html> Nombre: _Layout.cshtml
  9. 9. Programación Asp.Net MVC Aplicaciones WebView Inicial - Modelo MVC @{ Layout = "~/Views/Shared/_Layout.cshtml"; } Nombre: _ViewStart.cshtml (siempre debe tener ese nombre)
  10. 10. Programación Asp.Net MVC Aplicaciones Web Model - Modelo MVC El modelo contiene la lógica de la aplicación (lógica de negocio, lógica de validación, acceso a datos).
  11. 11. Programación Asp.Net MVC Aplicaciones WebModel - Modelo MVC using Northwind.Entities; using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace WebAppNorthwind.Models { public class ProductListModel { public string NameFilter { get; set; } public ICollection<Product> ProductList { get; set; } } }
  12. 12. Gracias

×