Programación de Servicios Web - 2024-IIB PDF

PROGRAMACIÓN DE SERVICIOS WEB CARRERA: INGENIERÍA DE SISTEMAS DE INFORMACIÓN SEMESTRE: 2024-IIB ASP.NET MVC SEMANA: 01 DOCENTE: RICHARD ALLCCA QUISPE INTRODUCCION A ASP.NET ASP.NET es un framework para la creación de aplicaciones web, do...

PROGRAMACIÓN DE SERVICIOS WEB CARRERA: INGENIERÍA DE SISTEMAS DE INFORMACIÓN SEMESTRE: 2024-IIB ASP.NET MVC SEMANA: 01 DOCENTE: RICHARD ALLCCA QUISPE INTRODUCCION A ASP.NET ASP.NET es un framework para la creación de aplicaciones web, donde se puede programar en cualquiera de los lenguajes de.NET. Apareció en el año 2002, y es la tecnología sucesora de Active Server Pages (ASP).  SP.NET es un lenguaje compilado. Esto ofrece múltiples ventajas, como un rendimiento mucho mejor, y una depuración mucho más potente.  La configuración y despliegue de aplicaciones ASP.NET es mucho más sencillo, ya que la configuración tiene lugar en único archivo texto, y para hacer el despliegue basta con copiar los archivos en el directorio correspondiente. Las páginas ASP.NET se denominan web forms (formularios web), y son archivos con extensión.aspx. Estos archivos están formados básicamente por marcas XHTML estático, y también por marcas ASPX que le dan el comportamiento dinámico. Un formulario web es una clase derivada de System.Web.UI.Page, con un conjunto de propiedades, métodos y eventos:  Propiedades: Permiten por ejemplo cambiar la apariencia de un formulario (su título, color de fondo, estilos CSS, etc.)  Métodos: Exponen el comportamiento del formulario.  Eventos: Permiten interactuar con el formulario y asociar el código a ejecutar cuando se produzcan estos eventos. El diseño y programación de formularios web es muy similar a WinForms, de manera que un formulario contiene un conjunto de controles que forman la interfaz de usuario, y éstos responden a una serie de eventos a los que se asocia el código correspondiente. Ejemplo 01. La siguiente página ASP.NET contiene un botón, que al pulsarlo muestra el mensaje “HOLA!”: Contiene el código XHTML de la página, mezclado con código ASP.NET.  El elemento Page indica que la página utiliza el lenguaje C#, que deriva de la clase WebForm1, y que el código C# se encuentra en el archivo WebForm1.aspx.cs.  El elemento DOCTYPE indica el DTD de XHTML utilizado en la página, que es concretamente XHTML Transitional.  El elemento head hace referencia a la cabecera de la página XHTML, donde se indica por ejemplo el título de la página.  En el cuerpo de la página hay un formulario que contiene un botón y una etiqueta. En ambos controles podemos ver runat=”server”, lo que indica que se procesan en el servidor.  El botón tiene asociada la función “Button1_Click” al evento onclick, que se ejecutará cuando el usuario pulse el botón.  LA PLATAFORMA ASP.NET MVC La plataforma ASP.NET MVC es un framework de desarrollo web creado por Microsoft que implementa el patrón de diseño Modelo-Vista-Controlador (MVC). Este patrón ayuda a separar las preocupaciones en el desarrollo de aplicaciones web, dividiendo la aplicación en tres componentes principales: Modelo: Representa los datos y la lógica de negocio de la aplicación. Es responsable de gestionar el estado de la aplicación y la interacción con la base de datos. Vista: Es la interfaz de usuario. Se encarga de presentar los datos del modelo al usuario y de recibir las interacciones del usuario. Controlador: Actúa como intermediario entre el modelo y la vista. Gestiona las solicitudes del usuario, interactúa con el modelo para obtener los datos necesarios y selecciona la vista adecuada para mostrar la respuesta. ASP.NET MVC permite construir aplicaciones web dinámicas y escalables utilizando tecnologías como HTML, CSS y JavaScript, junto con el lenguaje de programación C#. Además, facilita la creación de aplicaciones con una arquitectura limpia y mantenible.  CARACTERÍSTICAS DE LA PLATAFORMA ASP.NET MVC ASP.NET MVC tiene varias características que lo hacen una opción popular para el desarrollo de aplicaciones web. Entre ellas mencionaremos:  Separación de responsabilidades: El patrón MVC divide la aplicación en tres componentes principales (Modelo, Vista y Controlador), lo que facilita la gestión y el mantenimiento del código. Control total sobre el HTML: Los desarrolladores tienen control completo sobre el HTML, CSS y JavaScript, lo que permite crear interfaces de usuario altamente personalizadas.  Desarrollo basado en pruebas: ASP.NET MVC facilita la creación de pruebas unitarias y de integración, lo que ayuda a asegurar la calidad del software.  Enrutamiento flexible: Permite definir rutas URL amigables y personalizadas, mejorando la experiencia del usuario y la optimización para motores de búsqueda (SEO).  Integración con tecnologías modernas: Soporta tecnologías como AJAX, jQuery y JSON, lo que permite crear aplicaciones web interactivas y dinámicas  Extensibilidad: Es altamente extensible y permite la integración con otros frameworks y bibliotecas a través de NuGet. Motor de vistas Razor: Ofrece un motor de vistas llamado Razor, que permite escribir código HTML de manera más limpia y eficiente.  CONTROLADOR EN ASP.NET MVC Un Controlador es una clase que maneja las solicitudes del usuario y determina cómo responder a ellas. Los controladores actúan como intermediarios entre el modelo (que maneja los datos y la lógica de negocio) y la vista (que presenta la interfaz de usuario) sus funciones principales son:  Gestionar solicitudes: Los controladores reciben las solicitudes HTTP del navegador, procesan la información y determinan qué acción tomar.  Interactuar con el modelo: Obtienen datos del modelo, que puede incluir la recuperación de información de una base de datos o la ejecución de lógica de negocio.  Seleccionar la vista adecuada: Después de procesar la solicitud y obtener los datos necesarios, el controlador selecciona la vista adecuada para mostrar la respuesta al usuario. Por ejemplo, si un usuario solicita ver una lista de productos, el controlador correspondiente recuperará los datos de los productos del modelo y luego pasará esos datos a la vista para que se muestren al usuario Ejemplo En el ejemplo: Cada método public en un controlador puede ser invocado como un punto de conexión HTTP. En este caso, ambos métodos devuelven una cadena. Los comentarios delante de cada método: Un punto de conexión HTTP: Es una dirección URL que se puede establecer como destino en la aplicación web, por ejemplo, https://localhost:5001/HelloWorld. Combina:  El protocolo usado: HTTPS.  La ubicación de red del servidor web, incluido el puerto TCP: localhost:5001.  El URI de destino: HelloWorld.  El primer comentario indica que se trata de un método HTTP GET que se invoca anexando /HelloWorld/ a la dirección URL base.  El segundo comentario especifica un método HTTP GET que se invoca anexando /HelloWorld/Welcome/ a la dirección URL. Para ejecutar la aplicación sin el depurador, presione Ctrl+F5 (Windows)  ¿Que es una URL de enrutamiento en ASP. Net MVC? una URL de enrutamiento es una forma de definir cómo las solicitudes HTTP se asignan a acciones específicas en los controladores. El enrutamiento permite que las URLs sean más legibles y amigables tanto para los usuarios como para los motores de búsqueda.  Tabla de rutas: Es una colección de rutas que el framework utiliza para determinar cómo procesar las solicitudes entrantes. Esta tabla se configura generalmente en el archivo Global.asax o en el archivo de inicio de la aplicación.  Plantillas de ruta: Las rutas se definen utilizando plantillas que especifican el formato de las URLs. Por ejemplo, una ruta típica podría ser "{controller}/{action}/{id}", donde controller es el nombre del controlador, action es el método de acción y id es un parámetro opcional.  Rutas predeterminadas: Al crear una nueva aplicación ASP.NET MVC, se configura una ruta predeterminada que suele tener el siguiente formato: Esta ruta predeterminada asigna la URL raíz de la aplicación al controlador Home y a la acción Index  Enrutamiento por atributos: Además del enrutamiento convencional, ASP.NET MVC también soporta el enrutamiento por atributos, donde las rutas se definen directamente en los controladores y acciones mediante atributos. Esto permite una mayor flexibilidad y control sobre las rutas. El enrutamiento es esencial para crear aplicaciones web organizadas y accesibles, permitiendo que las URLs sean intuitivas y fáciles de manejar. herramientas Enlaces de descargas Visual Studio Code https://code.visualstudio.com/.NET Core Framework Download.NET (Linux, macOS, and Windows) (microsoft.com) Una vez instalado el visual estudio code procedemos a agregar las extensiones Otro que agregamos es C# Extensions La siguiente estension es el nuget package Manager Una vez instalada.net core debemos comprobar que si este instalado a través de CMD, escribimos el siguiente comando. Nos muestra los versiones instalada. Creamos nuestro primer proyecto. Para ellos Vamos a ingresar Creamos una carpeta de nombre Turnos Ingresamos a la carpeta Turnos Ahora vamos a crear un proyecto mvc dentro de la carpeta Turnos Posteriormente vamos a visual estudio code y abrimos la carpeta, entonces el resultado es: GRACIAS