Compartir a través de


Introducción a ASP.NET Core MVC

Nota:

Esta no es la versión más reciente de este artículo. Para la versión actual, consulte la versión de .NET 9 de este artículo.

Advertencia

Esta versión de ASP.NET Core ya no se admite. Para obtener más información, consulte la política de soporte de .NET y .NET Core. Para la versión actual, consulte la versión de .NET 9 de este artículo.

Importante

Esta información hace referencia a un producto en versión preliminar, el cual puede sufrir importantes modificaciones antes de que se publique la versión comercial. Microsoft no proporciona ninguna garantía, expresa o implícita, con respecto a la información proporcionada aquí.

Para la versión actual, consulte la versión de .NET 9 de este artículo.

Por Rick Anderson

En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si no está familiarizado con ASP.NET desarrollo web de Core, considere la Razor versión Pages de este tutorial, que proporciona un punto de partida más sencillo. Consulte Elegir una interfaz de usuario principal de ASP.NET, que compara 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, valida y muestra datos de películas. Aprenderá a:

  • Crear una aplicación web.
  • Agregar un modelo y aplicarle scaffolding.
  • Trabajar con una base de datos.
  • Agregar búsqueda y validación.

Ver o descargar código de ejemplo (cómo descargar).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un nuevo proyecto.
  • En el cuadro de diálogo Crear un nuevo proyecto , seleccione ASP.NET Core Web App (Model-View-Controller)>Next.
  • En el cuadro de diálogo Configurar su nuevo proyecto :
    • Escriba MvcMovie en Nombre del proyecto. Es importante asignar un nombre al proyecto MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
    • La ubicación del proyecto se puede establecer en cualquier lugar.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional:
    • Seleccione .NET 9.0 (Compatibilidad con términos estándar).
    • Verifique que No usar instrucciones de nivel superior esté desmarcado.
  • Seleccione Crear.

Cuadro de diálogo de información adicional

Para obtener más información, incluidos los enfoques alternativos para crear el proyecto, vea Crear un nuevo proyecto en Visual Studio.

Visual Studio usa la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:

  • Es una aplicación de trabajo.
  • Es un proyecto básico de inicio.

Ejecución de la aplicación

  • Presione Ctrl+F5 para ejecutar la aplicación sin el depurador.

    Visual Studio muestra el siguiente cuadro de diálogo cuando un proyecto aún no está configurado para usar SSL:

    Este proyecto está configurado para usar SSL. Para evitar advertencias SSL en el explorador, puede optar por confiar en el certificado autofirmado que IIS Express ha generado. ¿Desea confiar en el certificado SSL de IIS Express?

    Seleccione si confía en el certificado SSL de IIS Express.

    Se muestra el cuadro de diálogo siguiente:

    Cuadro de diálogo de advertencia de seguridad

    Seleccione si acepta confiar en el certificado de desarrollo.

    Para obtener información sobre cómo confiar en el explorador Firefox, consulta Firefox SEC_ERROR_INADEQUATE_KEY_USAGE error de certificado.

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.

Iniciar la aplicación sin depurar presionando 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 no depuración desde el menú Depurar :

Menús Iniciar depuración e Iniciar sin depuración

Para depurar la aplicación, seleccione el botón https de la barra de herramientas:

Botón de depuración de MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página índice

  • Cierre la ventana del explorador. Visual Studio detendrá la aplicación.

En el siguiente tutorial de esta serie conocerá MVC y empezará a escribir código.

En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si no está familiarizado con ASP.NET desarrollo web de Core, considere la Razor versión Pages de este tutorial, que proporciona un punto de partida más sencillo. Consulte Elegir una interfaz de usuario principal de ASP.NET, que compara 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:

  • Crear una aplicación web.
  • Agregar un modelo y aplicarle scaffolding.
  • Trabajar con una base de datos.
  • Agregar búsqueda y validación.

Ver o descargar código de ejemplo (cómo descargar).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un nuevo proyecto.
  • En el cuadro de diálogo Crear un nuevo proyecto , seleccione ASP.NET Core Web App (Model-View-Controller)>Next.
  • En el cuadro de diálogo Configurar su nuevo proyecto :
    • Escriba MvcMovie en Nombre del proyecto. Es importante asignar un nombre al proyecto MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
    • La ubicación del proyecto se puede establecer en cualquier lugar.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional:
    • Seleccione .NET 8.0 (Soporte técnico a largo plazo).
    • Verifique que No usar instrucciones de nivel superior esté desmarcado.
  • Seleccione Crear.

Cuadro de diálogo de información adicional

Para obtener más información, incluidos los enfoques alternativos para crear el proyecto, vea Crear un nuevo proyecto en Visual Studio.

Visual Studio usa la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:

  • Es una aplicación de trabajo.
  • Es un proyecto básico de inicio.

Ejecución de la aplicación

  • Presione Ctrl+F5 para ejecutar la aplicación sin el depurador.

    Visual Studio muestra el siguiente cuadro de diálogo cuando un proyecto aún no está configurado para usar SSL:

    Este proyecto está configurado para usar SSL. Para evitar advertencias SSL en el explorador, puede optar por confiar en el certificado autofirmado que IIS Express ha generado. ¿Desea confiar en el certificado SSL de IIS Express?

    Seleccione si confía en el certificado SSL de IIS Express.

    Se muestra el cuadro de diálogo siguiente:

    Cuadro de diálogo de advertencia de seguridad

    Seleccione si acepta confiar en el certificado de desarrollo.

    Para obtener información sobre cómo confiar en el explorador Firefox, consulta Firefox SEC_ERROR_INADEQUATE_KEY_USAGE error de certificado.

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.

Iniciar la aplicación sin depurar presionando 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 no depuración desde el menú Depurar :

Menús Iniciar depuración e Iniciar sin depuración

Para depurar la aplicación, seleccione el botón https de la barra de herramientas:

Botón de depuración de MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página índice

  • Cierre la ventana del explorador. Visual Studio detendrá la aplicación.

En el siguiente tutorial de esta serie conocerá MVC y empezará a escribir código.

En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si no está familiarizado con ASP.NET desarrollo web de Core, considere la Razor versión Pages de este tutorial, que proporciona un punto de partida más sencillo. Consulte Elegir una interfaz de usuario principal de ASP.NET, que compara 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:

  • Crear una aplicación web.
  • Agregar un modelo y aplicarle scaffolding.
  • Trabajar con una base de datos.
  • Agregar búsqueda y validación.

Ver o descargar código de ejemplo (cómo descargar).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un nuevo proyecto.
  • En el cuadro de diálogo Crear un nuevo proyecto , seleccione ASP.NET Core Web App (Model-View-Controller)>Next.
  • En el cuadro de diálogo Configurar su nuevo proyecto :
    • Escriba MvcMovie en Nombre del proyecto. Es importante asignar un nombre al proyecto MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
    • La ubicación del proyecto se puede establecer en cualquier lugar.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional:
    • Seleccione .NET 7.0.
    • Verifique que No usar instrucciones de nivel superior esté desmarcado.
  • Seleccione Crear.

Cuadro de diálogo de información adicional

Para obtener más información, incluidos los enfoques alternativos para crear el proyecto, vea Crear un nuevo proyecto en Visual Studio.

Visual Studio usa la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:

  • Es una aplicación de trabajo.
  • Es un proyecto básico de inicio.

Ejecución de la aplicación

  • Presione Ctrl+F5 para ejecutar la aplicación sin el depurador. Visual Studio muestra el siguiente cuadro de diálogo cuando un proyecto aún no está configurado para usar SSL: este proyecto está configurado para usar SSL. Para evitar advertencias SSL en el explorador, puede optar por confiar en el certificado autofirmado que IIS Express ha generado. ¿Desea confiar en el certificado SSL de IIS Express?Seleccione si confía en el certificado SSL de IIS Express. Se muestra el cuadro de diálogo siguiente: Cuadro de diálogo Advertencia de seguridadSeleccione si acepta confiar en el certificado de desarrollo. Para obtener información sobre cómo confiar en el explorador Firefox, consulta Firefox SEC_ERROR_INADEQUATE_KEY_USAGE error de certificado.

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.

Iniciar la aplicación sin depurar presionando 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 no depuración desde el menú Depurar :

Menú Depurar

Para depurar la aplicación, seleccione el botón https de la barra de herramientas:

Botón de depuración de MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página índice

  • Cierre la ventana del explorador. Visual Studio detendrá la aplicación.

En el siguiente tutorial de esta serie conocerá MVC y empezará a escribir código.

En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si no está familiarizado con ASP.NET desarrollo web de Core, considere la Razor versión Pages de este tutorial, que proporciona un punto de partida más sencillo. Consulte Elegir una interfaz de usuario principal de ASP.NET, que compara 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:

  • Crear una aplicación web.
  • Agregar un modelo y aplicarle scaffolding.
  • Trabajar con una base de datos.
  • Agregar búsqueda y validación.

Ver o descargar código de ejemplo (cómo descargar).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un nuevo proyecto.
  • En el cuadro de diálogo Crear un nuevo proyecto , seleccione ASP.NET Core Web App (Model-View-Controller)>Next.
  • En el cuadro de diálogo Configurar el nuevo proyecto , escriba MvcMovie en Nombre del proyecto. Es importante asignar un nombre al proyecto MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional, seleccione .NET 6.0 (compatibilidad a largo plazo).
  • Seleccione Crear.

Cuadro de diálogo de información adicional

Para obtener enfoques alternativos para crear el proyecto, consulte Creación de un nuevo proyecto en Visual Studio.

Visual Studio usa la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:

  • Es una aplicación de trabajo.
  • Es un proyecto básico de inicio.

Ejecución de la aplicación

  • Seleccione Ctrl + F5 para ejecutar la aplicación sin el depurador.

    Visual Studio muestra el siguiente cuadro de diálogo cuando un proyecto aún no está configurado para usar SSL:

    Este proyecto está configurado para usar SSL. Para evitar advertencias SSL en el explorador, puede optar por confiar en el certificado autofirmado que IIS Express ha generado. ¿Desea confiar en el certificado SSL de IIS Express?

    Seleccione si confía en el certificado SSL de IIS Express.

    Se muestra el cuadro de diálogo siguiente:

    Cuadro de diálogo de advertencia de seguridad

    Seleccione si acepta confiar en el certificado de desarrollo.

    Para obtener información sobre cómo confiar en el explorador Firefox, consulta Firefox SEC_ERROR_INADEQUATE_KEY_USAGE error de certificado.

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 no depuración desde el menú Depurar :

Menú Depurar

Para depurar la aplicación, seleccione el botón MvcMovie de la barra de herramientas:

Botón de depuración de MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página índice

En el siguiente tutorial de esta serie conocerá MVC y empezará a escribir código.

En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si no está familiarizado con ASP.NET desarrollo web de Core, considere la Razor versión Pages de este tutorial, que proporciona un punto de partida más sencillo. Consulte Elegir una interfaz de usuario principal de ASP.NET, que compara 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:

  • Crear una aplicación web.
  • Agregar un modelo y aplicarle scaffolding.
  • Trabajar con una base de datos.
  • Agregar búsqueda y validación.

Ver o descargar código de ejemplo (cómo descargar).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un nuevo proyecto.
  • En el cuadro de diálogo Crear un nuevo proyecto, seleccione Aplicación web de ASP.NET Core>Siguiente.
  • En el cuadro de diálogo Configurar el nuevo proyecto , escriba MvcMovie en Nombre del proyecto. Es importante asignar un nombre al proyecto 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 nueva aplicación web ASP.NET Core , seleccione:
    • .NET Core y ASP.NET Core 5.0 en las listas desplegables.
    • ASP.NET Core Web App (Model-View-Controller).
    • Crear.

Creación de una nueva aplicación web de ASP.NET Core

Para obtener enfoques alternativos para crear el proyecto, consulte Creación de un nuevo proyecto en Visual Studio.

Visual Studio usó la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:

  • Es una aplicación de trabajo.
  • Es un proyecto básico de inicio.

Ejecución de la aplicación

  • Seleccione Ctrl + F5 para ejecutar la aplicación sin el depurador.

    Visual Studio muestra el siguiente cuadro de diálogo cuando un proyecto aún no está configurado para usar SSL:

    Este proyecto está configurado para usar SSL. Para evitar advertencias SSL en el explorador, puede optar por confiar en el certificado autofirmado que IIS Express ha generado. ¿Desea confiar en el certificado SSL de IIS Express?

    Seleccione si confía en el certificado SSL de IIS Express.

    Se muestra el cuadro de diálogo siguiente:

    Cuadro de diálogo de advertencia de seguridad

    Seleccione si acepta confiar en el certificado de desarrollo.

    Para obtener información sobre cómo confiar en el explorador Firefox, consulta Firefox SEC_ERROR_INADEQUATE_KEY_USAGE error de certificado.

    Visual Studio:

    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 no depuración desde el elemento de menú Depurar :

Menú Depurar

Para depurar la aplicación, seleccione el botón IIS Express .

IIS Express

En la imagen siguiente se muestra la aplicación:

Home o página índice

En la siguiente sección de este tutorial conocerá MVC y empezará a escribir código.

En este tutorial se muestra el desarrollo web de ASP.NET Core MVC con controladores y vistas. Si no está familiarizado con ASP.NET desarrollo web de Core, considere la Razor versión Pages de este tutorial, que proporciona un punto de partida más sencillo. Consulte Elegir una interfaz de usuario principal de ASP.NET, que compara 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:

  • Crear una aplicación web.
  • Agregar un modelo y aplicarle scaffolding.
  • Trabajar con una base de datos.
  • Agregar búsqueda y validación.

Ver o descargar código de ejemplo (cómo descargar).

Requisitos previos

Crear una aplicación web

  • En Visual Studio, seleccione Crear un nuevo proyecto.

  • Seleccione ASP.NET Core Aplicación Web>Siguiente.

    Creación de un nuevo proyecto de aplicación web principal de ASP.NET

  • Asigne al proyecto el nombre MvcMovie y seleccione Crear. Es importante asignar un nombre al proyecto MvcMovie para que al copiar código, el espacio de nombres coincidirá.

    Configuración del nuevo proyecto

  • Seleccione Aplicación web(Modelo-View-Controller). En los cuadros desplegables, seleccione .NET Core y ASP.NET Core 3.1 y, a continuación, seleccione Crear.

    Cuadro de diálogo Nuevo proyecto, .NET Core en el panel izquierdo, ASP.NET Core web

Visual Studio usó la plantilla de proyecto predeterminada para el proyecto de MVC creado. El proyecto creado:

  • Es una aplicación de trabajo.
  • Es un proyecto básico de inicio.

Ejecución de la aplicación

  • Seleccione CTRL+F5 para ejecutar la aplicación sin depurar.

    Visual Studio muestra el siguiente cuadro de diálogo cuando un proyecto aún no está configurado para usar SSL:

    Este proyecto está configurado para usar SSL. Para evitar advertencias SSL en el explorador, puede optar por confiar en el certificado autofirmado que IIS Express ha generado. ¿Desea confiar en el certificado SSL de IIS Express?

    Seleccione si confía en el certificado SSL de IIS Express.

    Se muestra el cuadro de diálogo siguiente:

    Cuadro de diálogo de advertencia de seguridad

    Seleccione si acepta confiar en el certificado de desarrollo.

    Para obtener información sobre cómo confiar en el explorador Firefox, consulta Firefox SEC_ERROR_INADEQUATE_KEY_USAGE error de certificado.

    Visual Studio:

    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 no depuración desde el elemento de menú Depurar :

Menú Depurar

Para depurar la aplicación, seleccione el botón IIS Express .

IIS Express

En la imagen siguiente se muestra la aplicación:

Home o página índice

En la siguiente sección de este tutorial conocerá MVC y empezará a escribir código.