En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si todavía no tiene experiencia en el desarrollo web de ASP.NET Core, considere la versión de Razor Pages de este tutorial, que proporciona un punto de partida más sencillo. Vea Elección de una interfaz de usuario de ASP.NET Core, donde se comparan Razor Pages, MVC y Blazor para el desarrollo de la interfaz de usuario.
Este es el primer tutorial de una serie que muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas.
Al final de la serie, tendrá una aplicación que administra y muestra datos de películas. Aprenderá a:
Las instrucciones de Visual Studio Code usan la CLI de .NET para las funciones de desarrollo de ASP.NET Core, como la creación de los proyectos. Puede seguir dichas instrucciones en macOS, Linux o Windows y con cualquier editor de código. Si usa otra herramienta que no sea Visual Studio Code, es posible que sea necesario realizar cambios menores.
Para Visual Studio para Mac, consulte la versión de .NET 5 de este tutorial.
Inicie Visual Studio y seleccione Crear un proyecto.
En el cuadro de diálogo Crear un proyecto nuevo, seleccione Aplicación web ASP.NET Core (Modelo-Vista-Controlador) > Siguiente.
En el cuadro de diálogo Configurar su nuevo proyecto, escriba MvcMovie en Nombre del proyecto. Es importante asignar al proyecto el nombre MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
Seleccione Next (Siguiente).
En el cuadro de diálogo Información adicional, seleccione .NET 6.0 (versión preliminar) .
Cambie al directorio (cd) que contendrá el proyecto.
Ejecute el siguiente comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se muestra un cuadro de diálogo con el texto Required assets to build and debug are missing from 'MvcMovie'. Add them? (Faltan los activos necesarios para compilar y depurar en "MvcMovie". ¿Desea agregarlos?), seleccione Sí.
dotnet new mvc -o MvcMovie; Crea un nuevo proyecto de ASP.NET Core MVC en la carpeta MvcMovie.
code -r MvcMovie: carga el archivo de proyecto MvcMovie.csproj en Visual Studio Code.
Para Visual Studio para Mac, consulte la versión de .NET 5 de este tutorial.
Visual Studio ejecuta la aplicación y abre el explorador predeterminado.
En la barra de direcciones aparece localhost:port# (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web.
El inicio de la aplicación sin depuración seleccionando Ctrl + F5 le permite:
Modifique el código.
Guarde el archivo.
Actualizar rápidamente el explorador y ver los cambios en el código.
Puede iniciar la aplicación en modo de depuración o en modo de no depuración desde el menú Depurar:
Puede depurar la aplicación seleccionando el botón MvcMovie en la barra de herramientas:
En la imagen siguiente se muestra la aplicación:
Seleccione Ctrl+F5 para ejecutarla sin el depurador.
Para confiar en el certificado de desarrollo de HTTPS, ejecute el comando siguiente:
dotnet dev-certs https --trust
El comando anterior no funciona en Linux. Vea la documentación de su distribución de Linux para confiar en un certificado.
El comando anterior muestra el siguiente cuadro de diálogo, siempre que el certificado no fuera de confianza previamente:
Si acepta confiar en el certificado de desarrollo, seleccione Sí.
En la barra de direcciones aparece localhost:port:5001 (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Localhost solo sirve las solicitudes web del equipo local.
El inicio de la aplicación sin depuración seleccionando Ctrl + F5 le permite:
Modifique el código.
Guarde el archivo.
Actualizar rápidamente el explorador y ver los cambios en el código.
Para Visual Studio para Mac, consulte la versión de .NET 5 de este tutorial.
Seleccione Ejecutar > Iniciar sin depurar para iniciar la aplicación.
En la barra de direcciones aparece localhost:port# (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web.
Puede iniciar la aplicación en modo de depuración o en modo de no depuración desde el menú Ejecutar.
En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si todavía no tiene experiencia en el desarrollo web de ASP.NET Core, considere la versión de Razor Pages de este tutorial, que proporciona un punto de partida más sencillo. Vea Elección de una interfaz de usuario de ASP.NET Core, donde se comparan Razor Pages, MVC y Blazor para el desarrollo de la interfaz de usuario.
Este es el primer tutorial de una serie que muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas.
Al final de la serie, tendrá una aplicación que administra y muestra datos de películas. Aprenderá a:
Las instrucciones de Visual Studio Code usan la CLI de .NET para las funciones de desarrollo de ASP.NET Core, como la creación de los proyectos. Puede seguir dichas instrucciones en macOS, Linux o Windows y con cualquier editor de código. Si usa otra herramienta que no sea Visual Studio Code, es posible que sea necesario realizar cambios menores.
Inicie Visual Studio y seleccione Crear un proyecto.
En el cuadro de diálogo Crear un proyecto, seleccione Aplicación web ASP.NET Core > Siguiente.
En el cuadro de diálogo Configurar su nuevo proyecto, escriba MvcMovie en Nombre del proyecto. Es importante asignar al proyecto el nombre MvcMovie. Las mayúsculas tienen que coincidir con cada correspondencia de namespace cuando se copia el código.
Seleccione Crear.
En el cuadro de diálogo Crear una aplicación web ASP.NET Core, seleccione:
.NET Core y ASP.NET Core 5.0 en los menús desplegables.
Aplicación web de ASP.NET Core (Modelo-Vista-Controlador).
Cambie al directorio (cd) que contendrá el proyecto.
Ejecute el siguiente comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se muestra un cuadro de diálogo con el texto Required assets to build and debug are missing from 'MvcMovie'. Add them? (Faltan los activos necesarios para compilar y depurar en "MvcMovie". ¿Desea agregarlos?), seleccione Sí.
dotnet new mvc -o MvcMovie; Crea un nuevo proyecto de ASP.NET Core MVC en la carpeta MvcMovie.
code -r MvcMovie: carga el archivo de proyecto MvcMovie.csproj en Visual Studio Code.
Seleccione Archivo > Nueva solución.
En las versiones de Visual Studio para Mac anteriores a 8.6, seleccione .NET Core > Aplicación > Aplicación web (controlador de vista de modelos) > Siguiente. En la versión 8.6 o posteriores, seleccione Web y consola > Aplicación > Aplicación web (controlador de vista de modelos) > Siguiente.
En el cuadro de diálogo Configure your new Web Application (Configurar la nueva aplicación web):
Asegúrese de que la autenticación esté establecida en Sin autenticación.
Si se presenta una opción para seleccionar una plataforma de destino, seleccione la versión 5.x más reciente.
Seleccione Siguiente.
Asigne el nombre MvcMovie al proyecto y, después, seleccione Crear.
En la barra de direcciones aparece localhost:port# (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web.
El inicio de la aplicación sin depuración seleccionando Ctrl + F5 le permite:
Modifique el código.
Guarde el archivo.
Actualizar rápidamente el explorador y ver los cambios en el código.
Puede iniciar la aplicación en modo de depuración o en modo de no depuración desde el elemento de menú Depurar:
Puede depurar la aplicación seleccionando el botón IIS Express.
En la imagen siguiente se muestra la aplicación:
Seleccione Ctrl+F5 para ejecutarla sin el depurador.
Para confiar en el certificado de desarrollo de HTTPS, ejecute el comando siguiente:
dotnet dev-certs https --trust
El comando anterior no funciona en Linux. Vea la documentación de su distribución de Linux para confiar en un certificado.
El comando anterior muestra el siguiente cuadro de diálogo, siempre que el certificado no fuera de confianza previamente:
Si acepta confiar en el certificado de desarrollo, seleccione Sí.
En la barra de direcciones aparece localhost:port:5001 (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Localhost solo sirve las solicitudes web del equipo local.
El inicio de la aplicación sin depuración seleccionando Ctrl + F5 le permite:
Modifique el código.
Guarde el archivo.
Actualizar rápidamente el explorador y ver los cambios en el código.
Seleccione Ejecutar > Iniciar sin depurar para iniciar la aplicación.
En la barra de direcciones aparece localhost:port# (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web.
Puede iniciar la aplicación en modo de depuración o en modo de no depuración desde el menú Ejecutar.
En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si todavía no tiene experiencia en el desarrollo web de ASP.NET Core, considere la versión de Razor Pages de este tutorial, que proporciona un punto de partida más sencillo. Vea Elección de una interfaz de usuario de ASP.NET Core, donde se comparan Razor Pages, MVC y Blazor para el desarrollo de la interfaz de usuario.
Este es el primer tutorial de una serie que muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas.
Al final de la serie, tendrá una aplicación que administra y muestra datos de películas. Aprenderá a:
Las instrucciones de Visual Studio Code usan la CLI de .NET Core para las funciones de desarrollo de ASP.NET Core, como la creación de los proyectos. Puede seguir dichas instrucciones en cualquier plataforma (macOS, Linux o Windows) y con cualquier editor de código. Si usa otra herramienta que no sea Visual Studio Code, es posible que sea necesario realizar cambios menores. Para obtener más información sobre cómo instalar Visual Studio Code en macOS, vea Visual Studio Code en macOS.
Seleccione Aplicación web de ASP.NET Core > Siguiente.
Asigne el nombre MvcMovie al proyecto y seleccione Crear. Es importante que el proyecto se llame MvcMovie para que, al copiar el código, coincida con el espacio de nombres.
Seleccione Aplicación web (Modelo-Vista-Controlador) . En las listas desplegables, seleccione .NET Core y ASP.NET Core 3.1 y, después, Crear.
Visual Studio usó la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:
Cambie los directorios (cd) a una carpeta que contenga el proyecto.
Ejecute el siguiente comando:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Se muestra un cuadro de diálogo con el texto Required assets to build and debug are missing from 'MvcMovie'. Add them? (Faltan los activos necesarios para compilar y depurar en "MvcMovie". ¿Desea agregarlos?), seleccione Sí.
dotnet new mvc -o MvcMovie; Crea un nuevo proyecto de ASP.NET Core MVC en la carpeta MvcMovie.
code -r MvcMovie: carga el archivo de proyecto MvcMovie.csproj en Visual Studio Code.
Seleccione Archivo > Nueva solución.
En las versiones de Visual Studio para Mac anteriores a 8.6, seleccione .NET Core > Aplicación > Aplicación web (controlador de vista de modelos) > Siguiente. En la versión 8.6 o posteriores, seleccione Web y consola > Aplicación > Aplicación web (controlador de vista de modelos) > Siguiente.
En el cuadro de diálogo Configure your new Web Application (Configurar la nueva aplicación web):
Asegúrese de que la autenticación esté establecida en Sin autenticación.
Si se presenta una opción para seleccionar una plataforma de destino, seleccione la versión 3.x más reciente.
Seleccione Siguiente.
Asigne el nombre MvcMovie al proyecto y, después, seleccione Crear.
En la barra de direcciones aparece localhost:port# (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web.
El inicio de la aplicación sin depuración seleccionando Ctrl + F5 le permite:
Modifique el código.
Guarde el archivo.
Actualizar rápidamente el explorador y ver los cambios en el código.
Puede iniciar la aplicación en modo de depuración o en modo de no depuración desde el elemento de menú Depurar:
Puede depurar la aplicación seleccionando el botón IIS Express.
En la imagen siguiente se muestra la aplicación:
Seleccione CTRL+F5 para ejecutar la aplicación sin depurar.
Para confiar en el certificado de desarrollo de HTTPS, ejecute el comando siguiente:
dotnet dev-certs https --trust
El comando anterior no funciona en Linux. Vea la documentación de su distribución de Linux para confiar en un certificado.
El comando anterior muestra el siguiente cuadro de diálogo, siempre que el certificado no fuera de confianza previamente:
Si acepta confiar en el certificado de desarrollo, seleccione Sí.
En la barra de direcciones aparece localhost:port:5001 (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Localhost solo sirve las solicitudes web del equipo local.
El inicio de la aplicación sin depuración seleccionando Ctrl + F5 le permite:
Modifique el código.
Guarde el archivo.
Actualizar rápidamente el explorador y ver los cambios en el código.
Seleccione Ejecutar > Iniciar sin depurar para iniciar la aplicación.
Visual Studio para Mac: inicia el servidor Kestrel, inicia un explorador y navega a http://localhost:port, donde port es un número de puerto elegido aleatoriamente.
Visual Studio para Mac muestra el siguiente elemento emergente:
Si confía en el certificado de desarrollo, seleccione Sí.
Se muestra el cuadro de diálogo siguiente:
Escriba la contraseña y seleccione Aceptar
Si acepta confiar en el certificado de desarrollo, seleccione Sí.
En la barra de direcciones aparece localhost:port# (y no algo como example.com). El nombre de host estándar del equipo local es localhost. Cuando Visual Studio crea un proyecto web, se usa un puerto aleatorio para el servidor web. Al ejecutar la aplicación verá otro puerto distinto.
Puede iniciar la aplicación en modo de depuración o en modo de no depuración desde el menú Ejecutar.
