18. Aprende como utilizar ListView en MVC
- Hola a todos. En este curso, analizaremos todos los conceptos básicos, intermedios y avanzados de ASP.NET Core que nos ayudan a crear aplicaciones web basadas en datos.Al final de este curso, podremos realizar todas las operaciones de un CRUD, es decir, crear, leer, actualizar y eliminar datos utilizando SQL Server como nuestra base de datos.
- En este vídeo, veremos como utilizar ListView en las vistas de asp.net core. Veremos esto con un ejemplo. La idea es recuperar a todos nuestros amigos desde el modelo y mostrarlos en una página web como muestro en el vídeo:
- Os dejo el código de las clases vistas en el vídeo:
- interface IAmigoAlmacen
public interface IAmigoAlmacen
{
Amigo dameDatosAmigo(int Id);
List<Amigo> DameTodosLosAmigos()
}
- Clase MockAmigoRepositorio
namespace Ejemplo1.Models
{
public class MockAmigoRepositorio:IAmigoAlmacen
{
private List<Amigo> amigosLista;
public MockAmigoRepositorio()
{
amigosLista = new List<Amigo>();
amigosLista.Add(new Amigo() { Id = 1, Nombre = "Pedro", Ciudad = "Madrid", Email = "Pedro@mail.com" });
amigosLista.Add(new Amigo() { Id = 2, Nombre = "Juan", Ciudad = "Toledo", Email = "Juan@mail.com" });
amigosLista.Add(new Amigo() { Id = 3, Nombre = "Sara", Ciudad = "Cuenca", Email = "Sara@mail.com" });
}
public Amigo dameDatosAmigo(int Id)
{
return this.amigosLista.FirstOrDefault(e => e.Id == Id);
}
public List<Amigo> DameTodosLosAmigos()
{
return amigosLista;
}
}
}
- código modificado en el controlador:
public ViewResult Index()
{
var modelo = amigoAlmacen.DameTodosLosAmigos();
return View(modelo);
}
- Código de la vista:
@model List<Ejemplo1.Models.Amigo>
<html>
<head>
</head>
<body>
<table>
<tr>
<th>ID</th>
<th>Nombre</th>
<th>Email</th>
<th>Ciudad</th>
</tr>
<tr>
@foreach (var amigo in Model)
{
<tr>
<td>
@amigo.Id
</td>
<td>
@amigo.Nombre
</td>
<td>
@amigo.Email
</td>
<td>
@amigo.Ciudad
</td>
</tr>
}
</table>
</body>
</html>
No hay comentarios:
Publicar un comentario