4-Unidad 2. Diseños de Vista

1. Unidad 2: Diseños de Vista
Autor(es):
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Plataformas de Desarrollo 2
Mg. Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
Aguaszoft@Outlook.es

2. “No puedes derrotar a la persona que
nunca se rinde”
(Anónimo)
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Plataformas de Desarrollo 2

3. Resultado de Aprendizaje
• Desarrollar soluciones informáticas mediante metodologías,
herramientas y estándares que satisfagan los requerimientos
de las organizaciones sobre la base de los principios de la
sociedad de la información.

4. Contenidos
• Introducción
• Objetivos
• Desarrollo de Contenidos
• Conclusiones
• Bibliografía

5. 2.1 Para Windows

6. Objetivos
• Adquirir los conceptos básicos relacionados con el diseño de
vista
• Reconocer las características del diseño de vista

7. 1. Crear la aplicaciónen .NET
 Hacer clic en New/ Project
 Seleccionar el tipo de proyecto
 .NET 4.0 Framework
 Tipo ASP.NET MVC 3 WebApplication
 Nombre: “MVC3RunWebCamp”
 Localización: “C: MVC3RunWebCamp”
 ACEPTAR

8. 1.1 Proyecto de test
 VS2010 crea dos proyectos en MVC
 1. El proyecto MVC3RunWebCamp en sí mismo
 2. Un proyecto para probar la aplicación,
denominado XXX.test, donde XXX es el nombreque
dimos a nuestro proyecto original

9. 2. Configurar el puerto TCP de
escucha en 50000
 Hacer clic con botón derecho sobre la raíz del proyecto en el
explorador de soluciones.
 Seleccionar la fichaWeb.
 Seleccionar Puerto específico, escribir 50000 y guardar todo.

10. 3. Estructura de carpetas
 A continuación comentaremos algo acerca de
las carpetas creadas en estos proyectos
Proyecto MVC3.. de ASP.NET4.0
Proyecto de testing

11. 3.1 App_Data
 Es la carpeta de
almacenamiento físico
de datos.
 Su papel es similar al de
la misma carpeta en
una aplicaciónASP.NET
regular

12. 3.2 Content
 Esta carpeta se recomienda
para contenido estático
 Hojas de estilo en cascada
 Imágenes
 Temas
 Archivos de medios, etc.

13. 3.3 Controllers
 Contiene la definición de
clases de los controladores
 Manejo de interacción con el
usuario
 Manipulación del modelo
 Elección última de la interfaz
de usuario
 Por convención del
framework, su nombre debe
terminar con la palabra
Controller

14. 3.4 Models
 Contiene clases que
representan el modelo de
aplicación
 Código
 define los objetos
 define la interacción con el
almacén de datos
 Por defecto, el bibliotecas de
clase separadas (se pueden
mover a otra carpeta luego)

15. 3.5 Scripts
 De existir, aquí se colocan los
programas JavaScript
 Algunos módulos son de uso
propio de Intellisense (verdonde
dice “vsdoc”)
 Otros son para dar soporte a
AJAX
 Otros son para validación de
datos, funciones que se insertan
en las vistasASPX

16. 3.6 Views
 Contiene los componentes que
muestran la interfaz de usuario
según engine:
 .ascx, .aspx, .master para
ASP.NET convencional
 Vbhtml / Cshtml paraRAZOR
 archivos relacionados con la
producción de HTML final
Contiene una vista por cada controlador. Para un controlador
ClienteController existirá una vista Cliente.
Cuando ASP.NET MVC busca una vista, ubica un archivo .aspx
con el nombre especificado en
Viewsnombre_controladornombre_acción.aspx

17. 3.6 Views
 Por defecto, ASP.NET MVC
crea tres carpetas con vistas:
 Account: vista de la cuenta,
gestionada por
AccountController
 Home: vista de página principal,
gestionada por
HomeController
 Shared: es la única carpetaque
puede estar asociada a varios
controladores al mismo tiempo

18. 4. Enrutamiento MVC
 MVC “mapea” URLs a las clases que son los
controladores
 Las URLs entrantes no se refieren arecursos
físicos en el servidor
 ASP.NET 4.0 tiene esta nueva característica
denominada “enrutamiento”
 Se crea un conjunto de reglas de
enrutamiento en el archivo Global.asax
 El enrutamiento también está disponible para
WebForms 4.0 regulares de ASP.NET

19. Bibliografía