Introdução ao ASP.NET Core MVC

Observação

Esta não é a versão mais recente deste artigo. Para obter a versão atual, confira a versão do ASP.NET Core 8.0 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.

Additional info dialog

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:

    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?

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

    A seguinte caixa de diálogo é exibida:

    Security warning dialog

    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:

Start Debug and Start Without Debugging menus

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

MvcMovie debug button

A imagem a seguir mostra o aplicativo:

Home or Index page

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

Additional info dialog

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: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?Selecione Sim se você confia no certificado SSL do IIS Express. A seguinte caixa de diálogo é exibida:Security warning dialogSelecione 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:

Debug menu

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

MvcMovie debug button

A imagem a seguir mostra o aplicativo:

Home or Index page

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

Additional info dialog

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:

    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?

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

    A seguinte caixa de diálogo é exibida:

    Security warning dialog

    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:

Debug menu

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

MvcMovie debug button

A imagem a seguir mostra o aplicativo:

Home or Index page

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.

Create a new ASP.NET Core web application

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:

    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?

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

    A seguinte caixa de diálogo é exibida:

    Security warning dialog

    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:

Debug menu

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

IIS Express

A imagem a seguir mostra o aplicativo:

Home or Index page

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.

    Create a new ASP.NET Core Web Application project

  • 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 your new project

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

    New project dialog, .NET Core in left pane, ASP.NET Core web

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:

    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?

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

    A seguinte caixa de diálogo é exibida:

    Security warning dialog

    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:

Debug menu

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

IIS Express

A imagem a seguir mostra o aplicativo:

Home or Index page

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