Compartir vía


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, consulta la versión .NET 8 de este artículo.

Advertencia

Esta versión de ASP.NET Core ya no se admite. Para obtener más información, consulta la Directiva de soporte técnico de .NET y .NET Core. Para la versión actual, consulta la versión .NET 8 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, consulta la versión .NET 8 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 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 web 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, 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.

Vea o descargue el código de ejemplo (cómo descargarlo).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un proyecto.
  • En el cuadro de diálogo Crear un proyecto, seleccione Aplicación web ASP.NET Core (Modelo-Vista-Controlador)>Siguiente.
  • En el cuadro de diálogo Configura el proyecto nuevo:
    • Escriba MvcMovie para Nombre de proyecto. Es importante asignar al proyecto el nombre MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
    • La ubicación para el proyecto se puede establecer en cualquier lugar.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional:
    • Seleccione .NET 9.0 (versión preliminar).
    • Comprobar que la opción No usar instrucciones de nivel superior está desactivada.
  • Seleccione Crear.

Cuadro de diálogo Información adicional

Para obtener más información, incluidos enfoques alternativos para crear el proyecto, consulte: Creación de un proyecto nuevo 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 las advertencias de SSL en el explorador puede optar por confiar en el certificado autofirmado que ha generado IIS Express. ¿Desea confiar en el certificado SSL de IIS Express?

    Haga clic en 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

    Si acepta confiar en el certificado de desarrollo, seleccione .

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

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

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

Puede depurar la aplicación si selecciona el botón https en la barra de herramientas:

Botón de depuración MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página de í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 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 web 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:

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

Vea o descargue el código de ejemplo (cómo descargarlo).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un proyecto.
  • En el cuadro de diálogo Crear un proyecto, seleccione Aplicación web ASP.NET Core (Modelo-Vista-Controlador)>Siguiente.
  • En el cuadro de diálogo Configura el proyecto nuevo:
    • Escriba MvcMovie para Nombre de proyecto. Es importante asignar al proyecto el nombre MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
    • La ubicación para el proyecto se puede establecer en cualquier lugar.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional:
    • Seleccione .NET 8.0 (Compatibilidad a largo plazo).
    • Comprobar que la opción No usar instrucciones de nivel superior está desactivada.
  • Seleccione Crear.

Cuadro de diálogo Información adicional

Para obtener más información, incluidos enfoques alternativos para crear el proyecto, consulte: Creación de un proyecto nuevo 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.

Ejecutar 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 las advertencias de SSL en el explorador puede optar por confiar en el certificado autofirmado que ha generado IIS Express. ¿Desea confiar en el certificado SSL de IIS Express?

    Haga clic en 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

    Si acepta confiar en el certificado de desarrollo, seleccione .

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

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

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

Puede depurar la aplicación si selecciona el botón https en la barra de herramientas:

Botón de depuración MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página de í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 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 web 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:

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

Vea o descargue el código de ejemplo (cómo descargarlo).

Requisitos previos

Crear una aplicación web

  • Inicie Visual Studio y seleccione Crear un proyecto.
  • En el cuadro de diálogo Crear un proyecto, seleccione Aplicación web ASP.NET Core (Modelo-Vista-Controlador)>Siguiente.
  • En el cuadro de diálogo Configura el proyecto nuevo:
    • Escriba MvcMovie para Nombre de proyecto. Es importante asignar al proyecto el nombre MvcMovie. Las mayúsculas tienen que coincidir con cada namespace cuando se copia el código.
    • La ubicación para el proyecto se puede establecer en cualquier lugar.
  • Seleccione Siguiente.
  • En el cuadro de diálogo Información adicional:
    • Seleccionar .NET 7.0.
    • Comprobar que la opción No usar instrucciones de nivel superior está desactivada.
  • Seleccione Crear.

Cuadro de diálogo Información adicional

Para obtener más información, incluidos enfoques alternativos para crear el proyecto, consulte: Creación de un proyecto nuevo 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.

Ejecutar 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 las advertencias de SSL en el explorador puede optar por confiar en el certificado autofirmado que ha generado IIS Express. ¿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, consulte Error de certificado de Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

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

Menú Depurar

Puede depurar la aplicación si selecciona el botón https en la barra de herramientas:

Botón de depuración MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página de í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 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 web 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:

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

Vea o descargue el código de ejemplo (cómo descargarlo).

Requisitos previos

Creación de una aplicación web

  • Inicie Visual Studio y seleccione Crear un proyecto.
  • En el cuadro de diálogo Crear un proyecto, 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 (Compatibilidad a largo plazo).
  • Seleccione Crear.

Cuadro de diálogo Información adicional

Para obtener enfoques alternativos para crear el proyecto, vea Creación de un proyecto nuevo 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.

Ejecutar 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 las advertencias de SSL en el explorador puede optar por confiar en el certificado autofirmado que ha generado IIS Express. ¿Desea confiar en el certificado SSL de IIS Express?

    Haga clic en 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

    Si acepta confiar en el certificado de desarrollo, seleccione .

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

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:

Menú Depurar

Puede depurar la aplicación seleccionando el botón MvcMovie en la barra de herramientas:

Botón de depuración MvcMovie

En la imagen siguiente se muestra la aplicación:

Home o página de í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 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 web 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:

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

Vea o descargue el código de ejemplo (cómo descargarlo).

Requisitos previos

Creación de una aplicación web

  • 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).
    • Crear.

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

Para obtener enfoques alternativos para crear el proyecto, vea Creación de un proyecto nuevo 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.

Ejecutar 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 las advertencias de SSL en el explorador puede optar por confiar en el certificado autofirmado que ha generado IIS Express. ¿Desea confiar en el certificado SSL de IIS Express?

    Haga clic en 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

    Si acepta confiar en el certificado de desarrollo, seleccione .

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

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

Menú Depurar

Puede depurar la aplicación seleccionando el botón IIS Express.

IIS Express

En la imagen siguiente se muestra la aplicación:

Home o página de í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 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 web 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:

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

Vea o descargue el código de ejemplo (cómo descargarlo).

Requisitos previos

Creación de una aplicación web

  • En Visual Studio, seleccione Crear un proyecto.

  • Select Aplicación web ASP.NET Core>Siguiente.

    Creación de un proyecto de aplicación web de ASP.NET Core

  • 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.

    Configuración del nuevo proyecto

  • Seleccione Aplicación web (Modelo-Vista-Controlador) . En las listas desplegables, seleccione .NET Core y ASP.NET Core 3.1 y, después, Crear.

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

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.

Ejecutar 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 las advertencias de SSL en el explorador puede optar por confiar en el certificado autofirmado que ha generado IIS Express. ¿Desea confiar en el certificado SSL de IIS Express?

    Haga clic en 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

    Si acepta confiar en el certificado de desarrollo, seleccione .

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

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

Menú Depurar

Puede depurar la aplicación seleccionando el botón IIS Express.

IIS Express

En la imagen siguiente se muestra la aplicación:

Home o página de índice

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