Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
por Rick Anderson
Nota:
Hay disponible una versión actualizada de este tutorial con la versión más reciente de Visual Studio. El nuevo tutorial usa ASP.NET Core MVC, que proporciona muchas mejoras en este tutorial.
En este tutorial se enseña ASP.NET Core MVC con controladores y vistas. Razor Pages es una nueva alternativa en ASP.NET Core, un modelo de programación basado en páginas que facilita la creación de la interfaz de usuario web y es más productivo. Se recomienda probar el tutorial de Razor Pages antes de la versión de MVC. Tutorial de Razor Pages:
- Es más fácil de seguir.
- Cubre más funcionalidades.
- Es el enfoque preferido para el desarrollo de aplicaciones nuevas.
En este tutorial se enseñan los conceptos básicos de la creación de una aplicación web de ASP.NET MVC 5 mediante Visual Studio 2017. El código fuente final del tutorial se encuentra en GitHub.
Este tutorial fue escrito por Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ) y Rick Anderson ( @RickAndMSFT )
Necesita una cuenta de Azure para implementar esta aplicación en Azure:
- Puede abrir una cuenta de Azure de forma gratuita : puede obtener créditos que puede usar para probar los servicios de Azure de pago e incluso después de que se usen, puede mantener la cuenta y usar servicios gratuitos de Azure.
- Puede activar las ventajas del suscriptor de MSDN : su suscripción a MSDN le proporciona créditos cada mes que puede usar para los servicios de Azure de pago.
Empieza ahora
Empiece por instalar Visual Studio 2017. A continuación, abra Visual Studio.
Visual Studio es un IDE, o entorno de desarrollo integrado. Al igual que usa Microsoft Word para escribir documentos, usará un IDE para crear aplicaciones. En Visual Studio, hay una lista en la parte inferior en la que se muestran varias opciones disponibles. También hay un menú que proporciona otra manera de realizar tareas en el IDE. Por ejemplo, en lugar de seleccionar Nuevo proyecto en la página Inicio, puede usar la barra de menús y seleccionar Archivo>nuevo proyecto.
Crea tu primera aplicación
En la página Inicio, seleccione Nuevo proyecto. En el cuadro de diálogo Nuevo proyecto , seleccione la categoría Visual C# de la izquierda, después Web y, a continuación, seleccione la plantilla de proyecto aplicación web (.NET Framework) de ASP.NET . Asigne un nombre al proyecto "MvcMovie" y elija Aceptar.
En el cuadro de diálogo Nueva ASP.NET aplicación web , elija MVC y, a continuación, elija Aceptar.
Visual Studio ha usado una plantilla predeterminada para el proyecto de ASP.NET MVC que acaba de crear, por lo que en este momento tiene una aplicación en funcionamiento sin hacer nada. Es un sencillo proyecto de tipo "Hola mundo" y es un buen lugar para iniciar la aplicación.
Presione F5 para iniciar la depuración. Al presionar F5, Visual Studio inicia IIS Express y ejecuta la aplicación web. Después, Visual Studio inicia un explorador y abre la página principal de la aplicación. Observe que en la barra de direcciones aparece localhost:port# y no algo como example.com. Esto se debe a que localhost siempre apunta al equipo local, que en este caso ejecuta la aplicación que acaba de compilar. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web. En la imagen siguiente, el número de puerto es 1234. Al ejecutar la aplicación, verá un número de puerto diferente.
De forma inmediata, esta plantilla predeterminada le proporciona páginas Home, Contact y About. La imagen siguiente no muestra los vínculos Inicio, Acerca y Contacto . Según el tamaño de la ventana del explorador, es posible que tenga que hacer clic en el icono de navegación para ver estos vínculos.
La aplicación también proporciona compatibilidad para registrar e iniciar sesión. El paso siguiente consiste en cambiar cómo funciona esta aplicación y obtener más información sobre ASP.NET MVC. Cierre la aplicación ASP.NET MVC y vamos a cambiar algún código.
Para obtener una lista de los tutoriales actuales, consulte los artículos recomendados de MVC.