Introducción a ASP.NET Web Forms 4.5 y Visual Studio 2017

En esta serie de tutoriales se muestra cómo compilar una aplicación ASP.NET Web Forms con ASP.NET 4.5 y Microsoft Visual Studio 2017.

Introducción

En esta serie de tutoriales se le guía por la creación de una aplicación ASP.NET Web Forms mediante Visual Studio 2017 y ASP.NET 4.5. Creará una aplicación denominada Wingtip Toys: un sitio web simplificado de venta de artículos en línea. Durante la serie, se resaltan las nuevas características de ASP.NET 4.5.

Audiencia de destino

Los desarrolladores nuevos en ASP.NET Web Forms son el público objetivo de esta serie de tutoriales.

Debe tener algunos conocimientos en las siguientes áreas:

• Programación orientada a objetos (OOP) y lenguajes
• Desarrollo web (HTML, CSS, JavaScript)
• Bases de datos relacionales
• Arquitectura de n niveles

Para revisar estas áreas, considere la posibilidad de estudiar el siguiente contenido:

• Introducción a Visual C#
• Desarrollo web, HTML, CSS, JavaScript, SQL, PHP, JQuery
• Base de datos relacional
• Arquitectura de varios niveles

Características de la aplicación

Las características de ASP.NET Web Form presentadas en esta serie incluyen las siguientes:

• Proyecto de aplicación web (no proyecto de sitio web)
• Web Forms
• Páginas maestras, configuración
• Arranque
• Code First de Entity Framework, LocalDB
• Validación de solicitudes
• Controles de datos fuertemente tipados
• Enlace de modelos
• Anotaciones de datos
• Proveedores de valores
• SSL y OAuth
• ASP.NET Identity, configuración y autorización
• Validación discreta
• Enrutamiento
• Control de errores de ASP.NET

Escenarios y tareas de la aplicación

Las tareas de la serie de tutoriales incluyen las siguientes:

• Creación, revisión y ejecución de un nuevo proyecto
• Creación de una estructura de base de datos
• Inicialización y propagación de una base de datos
• Personalización de la interfaz de usuario con estilos, gráficos y una página maestra
• Adición de páginas y navegación
• Presentación de detalles del menú y datos del producto
• Creación de un carro de la compra
• Adición de compatibilidad con SSL y OAuth
• Adición de un método de pago
• Inclusión de un rol de administrador y un usuario en la aplicación
• Restricción del acceso a páginas y carpetas específicas
• Carga de un archivo en la aplicación web
• Implementación de la validación de entrada
• Registro de rutas para la aplicación web
• Implementación del control de errores y el registro de errores

Información general

Esta serie de tutoriales está pensada para alguien familiarizado con los conceptos de programación, pero nuevo en ASP.NET Web Forms. Si ya tiene conocimientos de ASP.NET Web Forms, esta serie puede ayudarle a obtener información sobre las nuevas características de ASP.NET 4.5. Para los lectores que no están familiarizados con los conceptos de programación y ASP.NET Web Forms, vea los tutoriales adicionales de Web Forms que se proporcionan en la sección Introducción del sitio web de ASP.NET.

La versión de ASP.NET 4.5 proporcionada en esta serie de tutoriales incluye las siguientes características:

• Una interfaz de usuario sencilla para crear proyectos que ofrece compatibilidad con muchos marcos de ASP.NET (Web Forms, MVC y Web API).

• Arranque, diseño, creación de temáticas y marco de diseño dinámico.

• ASP.NET Identity, un nuevo sistema de pertenencia ASP.NET que funciona igual en todos los marcos de ASP.NET y funciona con software de hospedaje web distinto de IIS.

• Entity Framework 6

  Una actualización de Entity Framework que le permite:

  • Recuperar y manipular datos como objetos fuertemente tipados
  • Acceder a datos de forma asincrónica
  • Controlar errores de conexión transitorios
  • Registrar instrucciones SQL

Para obtener la lista completa de características de ASP.NET 4.5, vea Notas de la versión de ASP.NET and Web Tools para Visual Studio 2013.

Aplicación de ejemplo Wingtip Toys

Las capturas de pantalla siguientes proceden de la aplicación ASP.NET Web Forms que se crea en esta serie de tutoriales. Al ejecutar la aplicación en Visual Studio, aparece la siguiente página principal web.

Puede registrarse como un nuevo usuario o iniciar sesión como usuario existente. La navegación superior tiene vínculos a categorías de productos y sus productos de la base de datos.

Si selecciona Productos, se muestran todos los productos disponibles.

Si selecciona un producto específico, se muestran los detalles del producto.

Como usuario, puede registrar e iniciar sesión con la funcionalidad predeterminada de la plantilla de Web Forms. En este tutorial también se explica cómo iniciar sesión con una cuenta de Gmail existente. Además, puede iniciar sesión como administrador para agregar y quitar productos de la base de datos.

Una vez que haya iniciado sesión como usuario, puede agregar productos al carro de la compra y desproteger con PayPal. La aplicación de ejemplo está diseñada para funcionar en el espacio aislado para desarrolladores de PayPal. No se realiza ninguna transacción de dinero real.

PayPal confirma su cuenta, pedido e información de pago.

Después de volver de PayPal, puede revisar y completar su pedido.

Requisitos previos

Antes de empezar, asegúrese de que el software siguiente está instalado en el equipo:

• Microsoft Visual Studio 2017 o Microsoft Visual Studio Community 2017.

.NET Framework se instala automáticamente.

En esta serie de tutoriales se usa Microsoft Visual Studio Community 2017. Puede usar ese o Microsoft Visual Studio 2017 para completar esta serie de tutoriales.

Tenga en cuenta lo siguiente sobre Visual Studio:

• En toda esta serie de tutoriales se hace referencia a Microsoft Visual Studio 2017 y Microsoft Visual Studio Community 2017 como Visual Studio.

• Visual Studio 2017 se instala junto a las versiones anteriores ya instaladas. Los sitios creados en versiones anteriores se pueden abrir en Visual Studio 2017 y seguir abiertos en versiones anteriores.

• La primera vez que inició Visual Studio, se supone que seleccionó la configuración de desarrollo web. Para más información, vea Procedimiento: Selección de la configuración del entorno de desarrollo web.

Después de instalar los requisitos previos, está listo para empezar a crear el proyecto web presentado en esta serie de tutoriales.

Descarga de la aplicación de ejemplo

Puede descargar la aplicación de ejemplo completada en cualquier momento desde el sitio de ejemplos de MSDN:

Introducción a ASP.NET 4.5 Web Forms y Visual Studio 2013: Wingtip Toys (C#)

Esta descarga tiene los siguientes elementos:

• Aplicación de ejemplo en la carpeta WingtipToys.
• Los recursos usados para crear la aplicación de ejemplo en la carpeta WingtipToys-Assets de la carpeta WingtipToys.

La descarga es un archivo .zip. Para ver el proyecto completado que crea esta serie de tutoriales, busque y seleccione la carpeta C# en el archivo .zip. Guarde la carpeta de C# en la carpeta que use para trabajar con proyectos de Visual Studio. De forma predeterminada, la carpeta proyectos de Visual Studio 2017 es:

C:\Users\<nombre_de_usuario>\source\repos

Cambie el nombre de la carpeta C# a WingtipToys.

Nota:

Si ya tiene una carpeta denominada WingtipToys en la carpeta Proyectos, cambie temporalmente el nombre de esa carpeta existente antes de cambiar el nombre de la carpeta de C# a WingtipToys.

Para ejecutar el proyecto completado, abra la carpeta WingtipToys y haga doble clic en el archivo WingtipToys.sln. Visual Studio 2017 abre el proyecto. A continuación, haga clic con el botón derecho en el archivo Default.aspx del Explorador de soluciones y seleccione Ver en el explorador.

Cuestionario de ASP.NET Web Forms para revisar el contenido

Después de completar la serie de tutoriales, realice una prueba para probar sus conocimientos y reforzar los conceptos clave. Cada pregunta proporciona una explicación y vínculos a instrucciones adicionales.

• Cuestionario de ASP.NET Web Forms

Soporte técnico y comentarios del tutorial

Para preguntas y comentarios, utilice la sección de preguntas y respuestas incluida en la página de ejemplo Introducción a ASP.NET 4.5 Web Forms y Visual Studio 2013: Wingtip Toys (C#).

Los comentarios de esta serie de tutoriales son bienvenidos. Cuando se actualiza esta serie de tutoriales, se realizan todos los esfuerzos para considerar correcciones o sugerencias para mejorar.

Si se produce un error, los mensajes de error correspondientes podrían resultar confusos, sin una buena explicación sobre cómo corregirlo. Para obtener ayuda, puede consultar los foros de ASP.NET. Otra buena opción es la sección de preguntas y respuestas de la página de ejemplo Cómo empezar con ASP.NET 4.5 Web Forms y Visual Studio 2013 - Wingtip Toys (C#).

Siguiente