Introdução ao ASP.NET Core MVC

Observação

Esta não é a versão mais recente deste artigo. Para informações sobre a versão vigente, confira a Versão do .NET 8 deste artigo.

Importante

Essas informações relacionam-se ao produto de pré-lançamento, que poderá ser substancialmente modificado antes do lançamento comercial. A Microsoft não oferece nenhuma garantia, explícita ou implícita, quanto às informações fornecidas aqui.

Para informações sobre a versão vigente, confira a Versão do .NET 8 deste artigo.

De Rick Anderson

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você é novo no desenvolvimento da Web ASP.NET Core, considere a versão Razor Pages deste tutorial, que oferece um ponto inicial mais simples. Consulte Escolher uma interface do usuário ASP.NET Core, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro de uma série de tutoriais que ensina desenvolvimento para a Web com ASP.NET Core MVC usando controladores e exibições.

No final da série, você terá um aplicativo que gerencia e exibe dados de filmes. Você aprenderá como:

  • Crie um aplicativo Web.
  • Adicionar e gerar o scaffolding de um modelo.
  • Trabalhar com um banco de dados.
  • Adicionar pesquisa e validação.

Exibir ou baixar um código de exemplo (como baixar).

Pré-requisitos

Como criar um aplicativo Web do

  • Inicie o Visual Studio e selecione Criar um projeto.
  • Na caixa de diálogo Criar um novo projeto, selecione Aplicativo Web do ASP.NET Core (Model-View-Controller)>Avançar.
  • Na caixa de diálogo Configurar seu novo projeto, insira MvcMovie no Nome do projeto. É importante nomear o projeto MvcMovie. O uso de maiúsculas e minúsculas precisa corresponder a cada namespace quando o código é copiado.
  • Selecione Avançar.
  • Na caixa de diálogo Informações adicionais:
    • Selecione .NET Core 8.0 (Suporte de Longo Prazo)
    • Verifique se Não usar instruções de nível superior está desmarcado.
  • Selecione Criar.

Caixa de diálogo de Informações Adicionais

Para obter mais informações inclusive abordagens alternativas para criar o projeto, confira Criar um novo projeto no Visual Studio.

O Visual Studio usa o modelo de projeto padrão para o projeto MVC criado. O projeto criado:

  • É um aplicativo funcional.
  • Este é um projeto inicial básico.

Executar o aplicativo

  • Pressione CTRL+F5 para executar o aplicativo sem o depurador.

    O Visual Studio exibe a seguinte caixa de diálogo quando um projeto ainda não está configurado para usar o SSL:

    Este projeto está configurado para usar SSL. para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Gostaria de confiar no certificado SSL do IIS Express?

    Selecione Sim se você confia no certificado SSL do IIS Express.

    A seguinte caixa de diálogo é exibida:

    Caixa de diálogo de aviso de segurança

    Selecione Sim se você concordar com confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, confira Erro de certificado Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

O Visual Studio executa o aplicativo e abre o navegador padrão.

A barra de endereços mostra localhost:<port#> e não algo como example.com. O nome do host padrão de seu computador local localhost. Uma porta aleatória é usada para o servidor Web quando o Visual Studio cria um projeto Web.

Iniciar o aplicativo sem depuração pressionando CTRL+F5 permite que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações de código.

Você pode iniciar o aplicativo no modo de não depuração ou de depuração por meio do menu Depurar:

Menus Iniciar depuração e Iniciar sem depuração

Você pode depurar o aplicativo selecionando o botão https na barra de ferramentas:

Botão de depuração do MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

  • Feche a janela do navegador. O Visual Studio interromperá o aplicativo.

No próximo tutorial dessa série, você saberá mais sobre o MVC e começará a escrever um pouco de código.

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você é novo no desenvolvimento da Web ASP.NET Core, considere a versão Razor Pages deste tutorial, que oferece um ponto inicial mais simples. Consulte Escolher uma interface do usuário ASP.NET Core, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro de uma série de tutoriais que ensina desenvolvimento para a Web com ASP.NET Core MVC usando controladores e exibições.

No final da série, você terá um aplicativo que gerencia e exibe dados de filmes. Você aprenderá como:

  • Crie um aplicativo Web.
  • Adicionar e gerar o scaffolding de um modelo.
  • Trabalhar com um banco de dados.
  • Adicionar pesquisa e validação.

Exibir ou baixar um código de exemplo (como baixar).

Pré-requisitos

Como criar um aplicativo Web do

  • Inicie o Visual Studio e selecione Criar um projeto.
  • Na caixa de diálogo Criar um novo projeto, selecione Aplicativo Web do ASP.NET Core (Model-View-Controller)>Avançar.
  • Na caixa de diálogo Configurar seu novo projeto, insira MvcMovie no Nome do projeto. É importante nomear o projeto MvcMovie. O uso de maiúsculas e minúsculas precisa corresponder a cada namespace quando o código é copiado.
  • Selecione Avançar.
  • Na caixa de diálogo Informações adicionais:
    • Selecionar o .NET 7.0.
    • Verifique se Não usar instruções de nível superior está desmarcado.
  • Selecione Criar.

Caixa de diálogo de Informações Adicionais

Para obter mais informações inclusive abordagens alternativas para criar o projeto, confira Criar um novo projeto no Visual Studio.

O Visual Studio usa o modelo de projeto padrão para o projeto MVC criado. O projeto criado:

  • É um aplicativo funcional.
  • Este é um projeto inicial básico.

Executar o aplicativo

  • Pressione CTRL+F5 para executar o aplicativo sem o depurador. O Visual Studio exibe a seguinte caixa de diálogo quando um projeto ainda não está configurado para usar o SSL:Este projeto está configurado para usar SSL. para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Gostaria de confiar no certificado SSL do IIS Express?Selecione Sim se você confia no certificado SSL do IIS Express. A seguinte caixa de diálogo é exibida:Caixa de diálogo de aviso de segurançaSelecione Sim se você concorda em confiar no certificado de desenvolvimento. Para obter informações sobre como confiar no navegador Firefox, confira Erro de certificado do Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

O Visual Studio executa o aplicativo e abre o navegador padrão.

A barra de endereços mostra localhost:<port#> e não algo como example.com. O nome do host padrão de seu computador local localhost. Uma porta aleatória é usada para o servidor Web quando o Visual Studio cria um projeto Web.

Iniciar o aplicativo sem depuração pressionando CTRL+F5 permite que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações de código.

Você pode iniciar o aplicativo no modo de não depuração ou de depuração por meio do menu Depurar:

Menu Depurar

Você pode depurar o aplicativo selecionando o botão https na barra de ferramentas:

Botão de depuração do MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

  • Feche a janela do navegador. O Visual Studio interromperá o aplicativo.

No próximo tutorial dessa série, você saberá mais sobre o MVC e começará a escrever um pouco de código.

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você é novo no desenvolvimento da Web ASP.NET Core, considere a versão Razor Pages deste tutorial, que oferece um ponto inicial mais simples. Consulte Escolher uma interface do usuário ASP.NET Core, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro de uma série de tutoriais que ensina desenvolvimento para a Web com ASP.NET Core MVC usando controladores e exibições.

No final da série, você terá um aplicativo que gerencia e exibe dados de filmes. Você aprenderá como:

  • Crie um aplicativo Web.
  • Adicionar e gerar o scaffolding de um modelo.
  • Trabalhar com um banco de dados.
  • Adicionar pesquisa e validação.

Exibir ou baixar um código de exemplo (como baixar).

Pré-requisitos

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um projeto.
  • Na caixa de diálogo Criar um novo projeto, selecione Aplicativo Web do ASP.NET Core (Model-View-Controller)>Avançar.
  • Na caixa de diálogo Configurar seu novo projeto, insira MvcMovie no Nome do projeto. É importante nomear o projeto MvcMovie. O uso de maiúsculas e minúsculas precisa corresponder a cada namespace quando o código é copiado.
  • Selecione Avançar.
  • Na caixa de diálogo Informações adicionais, selecione .NET 6.0 (Suporte de longo prazo).
  • Selecione Criar.

Caixa de diálogo de Informações Adicionais

Para obter abordagens alternativas para criar o projeto, confira Criar um novo projeto no Visual Studio.

O Visual Studio usa o modelo de projeto padrão para o projeto MVC criado. O projeto criado:

  • É um aplicativo funcional.
  • Este é um projeto inicial básico.

Executar o aplicativo

  • Selecione Ctrl+F5 para executar o aplicativo sem o depurador.

    O Visual Studio exibe a seguinte caixa de diálogo quando um projeto ainda não está configurado para usar o SSL:

    Este projeto está configurado para usar SSL. para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Gostaria de confiar no certificado SSL do IIS Express?

    Selecione Sim se você confia no certificado SSL do IIS Express.

    A seguinte caixa de diálogo é exibida:

    Caixa de diálogo de aviso de segurança

    Selecione Sim se você concordar com confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, confira Erro de certificado Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

O Visual Studio executa o aplicativo e abre o navegador padrão.

A barra de endereços mostra localhost:<port#> e não algo como example.com. O nome do host padrão de seu computador local localhost. Uma porta aleatória é usada para o servidor Web quando o Visual Studio cria um projeto Web.

Iniciar o aplicativo sem depuração selecionando Ctrl+F5 permite que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações de código.

Você pode iniciar o aplicativo no modo de não depuração ou de depuração por meio do menu Depurar:

Menu Depurar

Você pode depurar o aplicativo selecionando o botão MvcMovie na barra de ferramentas:

Botão de depuração do MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

No próximo tutorial dessa série, você saberá mais sobre o MVC e começará a escrever um pouco de código.

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você é novo no desenvolvimento da Web ASP.NET Core, considere a versão Razor Pages deste tutorial, que oferece um ponto inicial mais simples. Consulte Escolher uma interface do usuário ASP.NET Core, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro de uma série de tutoriais que ensina desenvolvimento para a Web com ASP.NET Core MVC usando controladores e exibições.

No final da série, você terá um aplicativo que gerencia e exibe dados de filmes. Você aprenderá como:

  • Crie um aplicativo Web.
  • Adicionar e gerar o scaffolding de um modelo.
  • Trabalhar com um banco de dados.
  • Adicionar pesquisa e validação.

Exibir ou baixar um código de exemplo (como baixar).

Pré-requisitos

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um projeto.
  • Na caixa de diálogo Criar um novo projeto, selecione Aplicativo Web ASP.NET Core>Avançar.
  • Na caixa de diálogo Configurar seu novo projeto, insira MvcMovie no Nome do projeto. É importante nomear o projeto MvcMovie. O uso de maiúsculas e minúsculas precisa corresponder a cada namespace quando o código é copiado.
  • Selecione Criar.
  • Na caixa de diálogo Criar um novo Aplicativo Web ASP.NET Core, selecione:
    • .NET Core e ASP.NET Core 5.0 nas listas suspensas.
    • Aplicativo Web ASP.NET Core (Modelo-Visão-Controlador).
    • Criar.

Crie um novo Aplicativo Web ASP.NET Core

Para obter abordagens alternativas para criar o projeto, confira Criar um novo projeto no Visual Studio.

O Visual Studio usa o modelo de projeto padrão para o projeto MVC criado. O projeto criado:

  • É um aplicativo funcional.
  • Este é um projeto inicial básico.

Executar o aplicativo

  • Selecione Ctrl+F5 para executar o aplicativo sem o depurador.

    O Visual Studio exibe a seguinte caixa de diálogo quando um projeto ainda não está configurado para usar o SSL:

    Este projeto está configurado para usar SSL. para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Gostaria de confiar no certificado SSL do IIS Express?

    Selecione Sim se você confia no certificado SSL do IIS Express.

    A seguinte caixa de diálogo é exibida:

    Caixa de diálogo de aviso de segurança

    Selecione Sim se você concordar com confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, confira Erro de certificado Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

    Visual Studio:

    A barra de endereços mostra localhost:port# e não algo como example.com. O nome do host padrão de seu computador local localhost. Uma porta aleatória é usada para o servidor Web quando o Visual Studio cria um projeto Web.

Iniciar o aplicativo sem depuração selecionando Ctrl+F5 permite que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações de código.

Você pode iniciar o aplicativo no modo de não depuração ou de depuração por meio do item de menu Depurar:

Menu Depurar

Você pode depurar o aplicativo selecionando o botão IIS Express

IIS Express

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

Na próxima parte deste tutorial, você saberá mais sobre o MVC e começará a escrever um pouco de código.

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você é novo no desenvolvimento da Web ASP.NET Core, considere a versão Razor Pages deste tutorial, que oferece um ponto inicial mais simples. Consulte Escolher uma interface do usuário ASP.NET Core, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro de uma série de tutoriais que ensina desenvolvimento para a Web com ASP.NET Core MVC usando controladores e exibições.

No final da série, você terá um aplicativo que gerencia e exibe dados de filmes. Você aprenderá como:

  • Crie um aplicativo Web.
  • Adicionar e gerar o scaffolding de um modelo.
  • Trabalhar com um banco de dados.
  • Adicionar pesquisa e validação.

Exibir ou baixar um código de exemplo (como baixar).

Pré-requisitos

Criar um aplicativo Web

  • No Visual Studio, selecione Criar um novo projeto.

  • Selecione Aplicativo Web ASP.NET Core>Avançar.

    Crie um novo projeto de Aplicativo Web ASP.NET Core

  • Nomeie o projeto como MvcMovie e, em seguida, selecione Criar. É importante nomear o projeto como MvcMovie para corresponder ao namespace quando você copiar o código.

    Configure seu novo projeto

  • Selecione Aplicativo Web (Modelo-Visão-Controlador). Nas caixas suspensas, selecione .NET Core e ASP.NET Core 3.1 e, em seguida, selecione Criar.

    Caixa de diálogo Novo projeto, .NET Core no painel esquerdo, Web do ASP.NET Core

O Visual Studio usa o modelo de projeto padrão para o projeto MVC criado. O projeto criado:

  • É um aplicativo funcional.
  • Este é um projeto inicial básico.

Executar o aplicativo

  • Pressione CTRL + F5 para executar o aplicativo sem depuração.

    O Visual Studio exibe a seguinte caixa de diálogo quando um projeto ainda não está configurado para usar o SSL:

    Este projeto está configurado para usar SSL. para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Gostaria de confiar no certificado SSL do IIS Express?

    Selecione Sim se você confia no certificado SSL do IIS Express.

    A seguinte caixa de diálogo é exibida:

    Caixa de diálogo de aviso de segurança

    Selecione Sim se você concordar com confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, confira Erro de certificado Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

    Visual Studio:

    A barra de endereços mostra localhost:port# e não algo como example.com. O nome do host padrão de seu computador local localhost. Uma porta aleatória é usada para o servidor Web quando o Visual Studio cria um projeto Web.

Iniciar o aplicativo sem depuração selecionando Ctrl+F5 permite que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações de código.

Você pode iniciar o aplicativo no modo de não depuração ou de depuração por meio do item de menu Depurar:

Menu Depurar

Você pode depurar o aplicativo selecionando o botão IIS Express

IIS Express

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

Na próxima parte deste tutorial, você saberá mais sobre o MVC e começará a escrever um pouco de código.