Tinciones simples en el laboratorio de microbiología
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.
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