ASP.NET MVC

1. ASP.NET

2. Referencias
https://msdn.microsoft.com/es-es/library/dd381412(v=vs.108).aspx
https://www.asp.net/mvc/
https://app.pluralsight.com/player?author=scott-allen&name=mvc4-building-m2-
controllers&mode=live&clip=0&course=mvc4-building
//ASP.Net Introduccion:
https://docs.microsoft.com/en-us/aspnet/mvc/overview/getting-started/introduction/getting-started
//razor para mostrar información en asp
https://www.w3schools.com/asp/razor_intro.asp
// git
https://www.youtube.com/watch?v=zH3I1DZNovk
https://git-scm.com/book/es/v1/Empezando

3. Menú
- 1. Información general sobre ASP.NET MVC
- 2. Herramientas web: html5, CSS3, JavaScript, Ajax
- 3. Views: Razor, Bootstrap 4.
- 4. Controllers - Routing. Rutas en Web. RESTFul.
- 5. Model: Entity Framework
- # Ejercicio Práctico

4. ASP.NET
Microsoft introdujo la tecnología Active Server Pages (ASP) en
diciembre de 1996 como parte del Internet Information Server (IIS)
desde la versión 3.0, y es un atecnologia de páginas activas que
permite el uso de scripts y componentes en un conjunto tradicional
HTML para mostrar paginas generadas dinámicamente.
Microsoft define ASP como un ambiente de aplicacion abierto y
gratuito en el que se puede combinar código HTML y componentes
ActiveX del servidor para crear soluciones dinámicas y poderosas
de la web

5. ASP.NE
T
Es un marco libre de la tela para la construcción de
grandes sitios y aplicaciones web utilizando HTML, CSS
y JavaScript, también puede crear y usar las API Web
tecnológicas en tiempo real como Websockets.
ASP.NET ofrece tres marcos para la creacion de
aplicaciones web; Web Forms, ASP:NET MVC y páginas
Web ASP.NET, y estos son estables y maduros.

6. TIPO DE MARCO ESTILO DE DESARROLLO
WEB FORMS Es un desarrollo rápido que usa una bibliteca que encapsula
el formato HTML
MVC Control total del formato HTML, el código y marcado
separado, y fácil de escribir pruebas.Buena opción para
aplicaciones móviles y una sola página(sPA).
PAGINAS WEB marcado HTML y el codigo juntos en el mismo archivo.

7. ASP NET

8. MVC
El patrón de arquitectura M-V-C separa una
aplicación en tres componentes principales Model,
View y Controller; El patrón MVC le ayuda a crear
aplicaciones que son más comprobables y más fácil
de actualizar que aplicaciones monolíticas
tradicionales. Aplicaciones basadas en MVC
contienen:

9. MVC
Model: Las clases que representan los datos de la
aplicación. Las clases del modelo utilizan la lógica de
validación para hacer cumplir las reglas de negocio
para esos datos. Por lo general, los objetos del
modelo recuperar y almacenar el estado modelo en
una base de datos. En este tutorial, un Moviemodelo
recupera los datos de película a partir de una base de
datos, ofrece a la vista o lo actualiza. Datos
actualizados se escriben en una base de datos SQL
Server.

10. ASP.NET
Views: Vistas son los componentes que muestran la
interfaz de usuario de la aplicación (UI). Generalmente,
esta interfaz de usuario muestra los datos del modelo.
Controller: Las clases que manejan las solicitudes del
navegador. Se recuperan los datos del modelo y plantillas
de vista de llamada que devuelven una respuesta. En una
aplicación MVC, la vista sólo muestra la información; el
controlador maneja y responde a la entrada del usuario y
la interacción. Por ejemplo, el controlador maneja datos
de ruta y los valores de cadena de consulta, y pasa estos
valores para el modelo.

11. MVC

12. ASP.NET

13. Herramientas Web

14. Herramientas Web

15. Herramientas Web
ES una técnica de desarrollo web para crear aplicaciones
interactivas,estas aplicaciones se ejecutan en el cliente, es
decir, en el navegador de los usuarios mientras se mantiene la
comunicación asíncrona con el servidor en segundo plano. De
esta forma es posible realizar cambios sobre las páginas sin
necesidad de recargarlas, mejorando la interactividad, velocidad
y usabilidad en las aplicaciones.

16. • Mayor eficacia, porque las partes importantes del proceso de una página web se
realizan en el explorador.
• Elementos de interfaz de usuario familiares, como indicadores de progreso, información
sobre herramientas y ventanas emergentes.
• Actualizaciones parciales de la página, que actualizan sólo las partes de la página web
que han cambiado.
• Integración de clientes con los servicios de aplicación de ASP.NET para la autenticación
de formularios, funciones y perfiles de usuario.
• Clases de proxy generadas automáticamente que simplifican las llamadas a los
métodos del servicio web desde el script de cliente.
• Un marco que permite personalizar los controles de servidor para incluir funciones de
cliente.
• Compatibilidad para los exploradores más populares y utilizados habitualmente,
incluidos Microsoft Internet Explorer, Mozilla Firefox y Apple Safari.
¿Por qué utilizar las características de AJAX en
ASP.NET?

17. Vista

18. Bootstrap

19. Responsive

20. Componentes Bootstrap

21. Componentes Bootstrap

22. Razor
Razor es una sintaxis de marcado que le permite incrustar código basado en servidor (Visual Basic y C#) en
las páginas web.

23. .html vs .cshtml
<ul>
<li>0</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
<ul>
@for (int i = 0; i < 10; i++) {
<li>@i</li>
}
</ul>

24. “<ul>
@for (int i = 0; i < 10; i++) {
<li>@i</li>
}
</ul>

25. ▸ Bloques de código se adjuntan en @{...}
▸ Inicio de expresiones (funciones y variables) en línea con @
▸ Líneas de código con punto y coma
▸ Las Variables se declaran con la palabra clave var
▸ Strings están encerrados con comillas.
▸ Código de C# es sensible a mayúsculas
▸ C# archivos tienen la extensión .cshtml
Características más relevantes

26. Bucles
@{
var countNum = 0;
while (countNum < 50)
{
countNum += 1;
<p>Line #@countNum: </p>
}
}
@foreach (var myItem in Request.ServerVariables)
{
<li>@myItem</li>
}
</ul>
@for(var i = 10; i < 21; i++)
{
<p>Line #: @i</p>
}

27. Controladores
Routing & Controllers

28. Routing
Route definition Example of matching
URL
{controller}/{action}/{id} /Products/show/beverage
s
{table}/Details.aspx /Products/Details.aspx
blog/{action}/{entry} /blog/show/123
{reporttype}/{year}/{month}/{da
y}
/sales/2008/1/5
{locale}/{action} /US/show
{language}-{country}/{action}

29. Controllers

30. Modelo

31. Es el conjunto de herramientas proporcionadas por Microsoft para el
acceso a datos a través de un modelo basado en entidades,
abstrayendo al programador de la BD.
En pocas palabras, es el ORM de Microsoft para .NET.

32. ARQUITECTURA DE ENTITY FRAMEWORK
Entity Framework es un conjunto de tecnologías de ADO.NET que permiten el desarrollo de aplicaciones de software orientadas a
datos. Los arquitectos y programadores de aplicaciones orientadas a datos se han enfrentado a la necesidad de lograr dos objetivos
muy diferentes.

36. TIPOS DE MODELO EN ENTITY FRAMEWORK
Un enfoque de diseño habitual para crear una
aplicación o un servicio consiste en dividir la
aplicación o el servicio en tres partes: un modelo
de dominio, un modelo lógico y un modelo físico.

37. MODELO DE DOMINIO
El modelo de dominio define las entidades y relaciones del sistema que se está modelando.
MODELO LÓGICO
El modelo lógico de una base de datos relacional normaliza las entidades y relaciones en tablas con
restricciones de claves externas.
MODELO FÍSICO
El modelo físico abarca las capacidades de un motor de datos determinado especificando los detalles
del almacenamiento en forma de particiones e índices.

38. ¿Por qué el Entity Framework?
Desajuste de impedancias
Diferencias entre los modelos relacionales y los modelos de objetos
Diseños guiados por modelos de dominio (Domain Driven Design, DDD)
Proponen centrarse en el modelo conceptual o dominio de trabajo para resolver el
problema
Dan prioridad al problema a resolver
Incluye dos componentes fundamentales:
Recursos para el entorno de trabajo: Asistente para diseño en VS y generación de
código
Librería: Físicamente, en el ensamblado System.Data.Entity.dll Sus espacios