Introducción
La Listas son una excelente forma de trabajar, con facilidad proyectos de desarrollo con Programación Orientada a Objetos. Personalmente yo uso listas de objetos en mis proyectos en vez de DataTable.
Yo quiero mostrar una lista de usuarios en una página HTML usando MVC. Yo estoy asumiendo que ustedes tienen conocimiento básico de ASP.NET MVC. A continuación muestro como hacerlo con un ejemplo básico sin conexión a datos.
Para empezar vamos a crear un proyecto(Visual Studio 2012) seleccionado MVC 4-> Aplicación de Internet y lo llamaremos MvcList.
Agregando el Modelo
Nosotros debemos agregar el archivo UserModel.cs en la carpeta Models
Este tiene las propiedades username, age y gender, estos atributos tienen definidos validaciones.
Agregando el Controlador
Hacer click derecho en la carpeta Controller y agregar la clase UserController.cs
Nosotros hemos agregado el archivo UserController.cs dentro la carpeta Controller y creado el metodo DisplayUserDetail(). Dentro de este metodo nosotros creamos una lista de usuarios y pasamos estos a la vista en la ultima instruccion.
Agregando la Vista
Hacer click derecho en DisplayUserDetails y seleccionar Add View
- Seleccionar el checkbox “crear una vista fuertemente tipada”
- Seleccione “UserModel” de la Clase de Modelo
- Seleccione “List” de la plantilla para scatfold
La carpeta con el nombre User(porque así se llama el controlador) es creado automáticamente dentro de la carpeta View y dentro de la carpeta User se ha creado la vista fuertemente tipada DisplayUserDetails.cshtml
Modificando Global.asax
Nosotros tenemos algunas configuraciones por defecto del archivo Global.asax; necesitamos modificar esto como en el siguiente codigo.
namespace MvcList
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "User", action = "DisplayUserDetails", id = UrlParameter.Optional }
);
}
}
}
Ejecutar el Proyecto
Al Ejecutar la aplicación y mostrará lo siguiente
Conclusión:
Este artículo muestra una manera simple de enlazar datos desde un modelo a una vista.
Debajo del código del controlador nosotros podemos modificar el código como para nuestros requerimientos y también podemos llamar a una Base de datos y de esta forma llenar la lista de usuarios desde la base de datos. y después pasar la lista de usuarios a la vista y mostrarlo.
Publicar un comentario