Programacion MVC.net

Programación
Asp.Net MVC
Prof. Javier Tuñoque Gálvez

Programación Asp.Net MVC
Aplicaciones WebModelo MVC

Aplicaciones Web
Modelo 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".

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);
}
}
}

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

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>
}

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>© @DateTime.Now.Year - Northwind</p>
</div>
</div>
</footer>
</body>
</html>
Nombre: _Layout.cshtml

Aplicaciones WebView Inicial - Modelo MVC
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
Nombre: _ViewStart.cshtml (siempre debe tener ese nombre)

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).

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; }
}
}

Programacion MVC.net

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (11)

Similar a Programacion MVC.net

Similar a Programacion MVC.net (20)

Último

Último (20)

Programacion MVC.net