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 ASP.NET Core 8.0 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 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 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 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.

Additional info dialog

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:

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

    Se muestra el cuadro de diálogo siguiente:

    Security warning dialog

    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:

Start Debug and Start Without Debugging menus

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

MvcMovie debug button

En la imagen siguiente se muestra la aplicación:

Home or Index page

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

Additional info dialog

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:This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?Seleccione si confía en el certificado SSL de IIS Express. Se muestra el cuadro de diálogo siguiente:Security warning dialog 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:

Debug menu

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

MvcMovie debug button

En la imagen siguiente se muestra la aplicación:

Home or Index page

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

Additional info dialog

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:

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

    Se muestra el cuadro de diálogo siguiente:

    Security warning dialog

    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:

Debug menu

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

MvcMovie debug button

En la imagen siguiente se muestra la aplicación:

Home or Index page

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.

Create a new ASP.NET Core web application

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:

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

    Se muestra el cuadro de diálogo siguiente:

    Security warning dialog

    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:

Debug menu

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

IIS Express

En la imagen siguiente se muestra la aplicación:

Home or Index page

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.

    Create a new ASP.NET Core Web Application project

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

    Configure your new project

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

    New project dialog, .NET Core in left pane, 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.

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:

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

    Se muestra el cuadro de diálogo siguiente:

    Security warning dialog

    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:

Debug menu

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

IIS Express

En la imagen siguiente se muestra la aplicación:

Home or Index page

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