Sesión 23. Luisa Fernanda Rincón Pérez

Transcripción

1 Sesión 23 Luisa Fernanda Rincón Pérez

2 Introducción ASP MVC.NET

3 ASP.NET overview Imagen tomada de:

4 Qué es ASP.NET MVC? ASP. NET MVC es un entorno de trabajo cuya primera versión surgió en el 2009 y busca facilitar el desarrollo siguiendo este patrón arquitectónico. Mejora la separación de conceptos en el desarrollo (Versión actual MVC 5 de Oct 2014)

5 Cuál es el esquema de trabajo de ASP MVC? Imagen tomada de:

6 Cómo crear un nuevo proyecto?

7

8 Cómo se ve en el visual studio?

9 Cuál es la estructura del proyecto?

10 Cuál es la estructura del proyecto? Gestión de paquetes Rutas Modelos vistas controladores Content: almacena el contenido estático de la aplicación. Controllers: almacena los controladores. Todos terminan con "Controller", como HomeController

11 Cuál es la estructura del proyecto? Models: almacena las clases que representan los modelos Scripts: aloja los ficheros javascript. Views: aloja las vistas.la carpeta Views contendrá tantas como controladores. Al generar una vista se crea una carpeta con el nombre del controlador (quitando la palabra "Controller", y a su vez dentro de ésta, se deben crea tantos ficheros como acciones disponga el Controlador. Dentro de la carpeta Views, la carpeta Shared sirve para alojar todo aquello que sea común para todos los controladores Ficheros especiales: Global.asax y Web.config

12 Para ejecutar el proyecto creado seleccionar F5

13 Explorar el proyecto Cuáles son los controladores? Cuál es la vista que se muestra cuándo se abre la aplicación? En dónde se podría modificar el mensaje ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript? Las vistas corresponden a métodos de los controladores. Si, no? Dónde está el layout de toda las páginas

14 Cambiar la página de index para ponerle información personalizada Importante: Para hacer cambios se debe parar el servidor

15 Qué vamos a hacer hoy?

16 Modelo Es una clase que sirve para pasar información entre el controlador y la vista y para representar la información del negocio

17 Cómo se adiciona un modelo? Models agregar clase

18 Crear un modelo para Libro.cs Se pueden adicionar propiedades rápidamente escribiendo la palabra prop y dando dos veces tab. De esta manera visual studio adicional propiedad y define método get y set. Crear un modelo para Libro

19 Atributos con mayúscula inicial x convención de C#

20 Adicionar datos de prueba en el modelo Crear un modelo biblioteca

21 Vista previa de una clase Ubicado en una clase que tiene asociaciones con otra se pueden ver los elementos de la clase anterior con las teclas alt +f12

22 Crear clase Biblioteca con dos libros

23 Controladores Son simples clases en C# (normalmente heredan de System.Web.Mvc.Controller). Cada método público dentro de un controlador es un action method (Metodos de Accion). Los métodos action method se pueden invocar desde Web por medio de una URL para ejecutar alguna acción.

24 Cómo asociar un controlador con un modelo? ( x ahora sin bd) controllers->agregar ->controlador

25 Modificar el controlador Dado que la idea es manejar objetos de la clase Bibioteca. Se debe adicionar un objeto estático de este tipo en el controlador BibliotecaController.

26 Incorporar implementación para el método index Esta implementación retorna la lista de todos los objetos Libro del objeto mibiblioteca

27 Incorporar vista para acción index Ubicado el curso en el método index del controlador dar clic derecho, agregar vista. En la ventana seleccionar la clase Libro, porque la idea es mostrar todos los libros de la biblioteca. Seleccionar la plantilla List dentro de Plantilla para Scaffold Si no aparece el modelo es porque primero se debe compilar el proyecto ( F6)

28 Cómo se ve?

29 Vistas

30 Vistas Usar por defecto el layout definido en el archivo _viewstart.cshtml. En este archivo se define cuál es la vista maestra

31 Motor de vistas Razor Razor es el motor de vistas creado desde MVCC3 que sirve para usar código de VB o C# dentro de las páginas web. Es la evolución de ASPX. Las instrucciones se abren }.

32 var mivariable = valor; var mivariable1 = valor1; var mivariable2 = valor2; } Cada línea lleva ; al final Todos las variables que se muestren son parseadas con HTML Encode. Lo que hace es por seguridad remplazar símbolos <, > o & por sus correspondientes códigos.

33 Qué son el ViewBag y ViewData? ViewBag: Diccionario de datos dinámicos. Se le puede incluir lo que se quiera. Sirve para pasar datos entre el controlador y la vista

34 Incorporar el modelo en la vista Razor para el modelo: Si se requiere incluir un solo NombreModelo al principio de la vista. Si se requiere incluir más de un IEnumerable <RutaModelo> al principio de la vista.

35

36 @model RutaModelo al principio de la vista. Posteriormente en el mismo archivo (donde se encuentra la vista) se puede referenciar el atributo que se desee (en este caso va en mayúscula la letra M (en minúsculas la letra m ) es una palabra reservada en vistas (views) que utilizan Razor. Declara el tipo de dato que tiene el modelo y normalmente se pone al inicio de la vista (view). Usar el modelo dentro de código (campo)

37 Helpers en ASP.NET ASP. NET ofrece dos tipos de Helpers para facilitar el desarrollo el código de la vistas: HTMLHelpers orientados a escribir código HTML. La mayoría de métodos que ofrecen son para trabajar con formularios. URLHelpers orientados a simplificar el trabajo con direcciones y conversiones de caracteres.

38 Modificar controlador para crear libro

39

40 Adicionar la vista editar usando scaffolding

41

42 Correr la aplicación

43

44 Incorporar lógica para modificar 1) Modificar el edit del método Get Encontrar en la colección el libro que corresponda al id que se recibe por parámetros 2) Modificar el edit del método Post Actualizar en la colección el Libro con los datos que se reciben por parámetros.

45 Código para edit GET ( usando expresiones Lambda) Adicionar la lógica y las vistas para lo que falta de actualizar y para el eliminar

46 Incorporar lógica para eliminar

47 Sitios de referencia Sitio oficial MVC Tutorial introductorio referencia m/training-courses/introduction-to-aspnet-mvc ( Ver video 1, 2 y 3)