Partilhar via

Introdução ao ASP.NET Core MVC

Note

Esta não é a versão mais recente deste artigo. Para a versão atual, consulte a versão .NET 10 deste artigo.

Warning

Esta versão do ASP.NET Core não é mais suportada. Para obter mais informações, consulte a Política de suporte do .NET e do .NET Core. Para a versão atual, consulte a versão .NET 9 deste artigo.

Por Rick Anderson

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se você é novo no desenvolvimento Web ASP.NET Core, considere a Razor versão Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações.

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

  • Crie um aplicativo Web.
  • Adicione e estruture um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Visualize ou baixe o código de exemplo (como fazer o download).

Prerequisites

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um novo projeto.
  • Na caixa de diálogo Criar um novo projeto , selecione ASP.NET Core Web App (Model-View-Controller)>Next.
  • Na caixa de diálogo Configurar seu novo projeto :
    • Digite MvcMovie para Nome do projeto. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace quando o código é copiado.
    • A localização para o projeto pode ser definida em qualquer lugar.
  • Selecione Avançar.
  • No caixa de diálogo de Informações adicionais :
    • Selecione .NET 9.0 (Standard Term Support).
    • Verifique se a opção Não usar instruções de nível superior está desmarcada .
  • Selecione Criar.

Caixa de diálogo de informações adicionais

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

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

  • É uma aplicação funcional.
  • É um projeto inicial básico.

Executar o aplicativo

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

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

    Este projeto está configurado para usar SSL. Para evitar avisos 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 confiar 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 concordar em confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, consulte o erro de certificado SEC_ERROR_INADEQUATE_KEY_USAGE do Firefox na secção .

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

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

Iniciar o aplicativo sem depuração pressionando Ctrl+F5 permite:

  • Faça alterações no 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 debug ou modo normal a partir do menu Debug.

Iniciar Depuração e Iniciar Sem Depuração menus

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

Botão de depuração MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

  • Feche a janela do navegador. Visual Studio irá parar o aplicativo.

No próximo tutorial desta série, você aprenderá sobre o MVC e começará a escrever algum código.

Próximo: Adicionar um controlador

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se você é novo no desenvolvimento Web ASP.NET Core, considere a Razor versão Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações.

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

  • Crie um aplicativo Web.
  • Adicione e estruture um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Visualize ou baixe o código de exemplo (como fazer o download).

Prerequisites

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um novo projeto.
  • Na caixa de diálogo Criar um novo projeto , selecione ASP.NET Core Web App (Model-View-Controller)>Next.
  • Na caixa de diálogo Configurar seu novo projeto :
    • Digite MvcMovie para Nome do projeto. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace quando o código é copiado.
    • A localização para o projeto pode ser definida em qualquer lugar.
  • Selecione Avançar.
  • No caixa de diálogo de Informações adicionais :
    • Selecione .NET 8.0 (Suporte de longo prazo).
    • Verifique se a opção Não usar instruções de nível superior está desmarcada .
  • Selecione Criar.

Caixa de diálogo de informações adicionais

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

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

  • É uma aplicação funcional.
  • É um projeto inicial básico.

Executar o aplicativo

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

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

    Este projeto está configurado para usar SSL. Para evitar avisos 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 confiar 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 concordar em confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, consulte o erro de certificado SEC_ERROR_INADEQUATE_KEY_USAGE do Firefox na secção .

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

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

Iniciar o aplicativo sem depuração pressionando Ctrl+F5 permite:

  • Faça alterações no 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 debug ou modo normal a partir do menu Debug.

Iniciar Depuração e Iniciar Sem Depuração menus

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

Botão de depuração MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

  • Feche a janela do navegador. Visual Studio irá parar o aplicativo.

No próximo tutorial desta série, você aprenderá sobre o MVC e começará a escrever algum código.

Próximo: Adicionar um controlador

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se você é novo no desenvolvimento Web ASP.NET Core, considere a Razor versão Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações.

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

  • Crie um aplicativo Web.
  • Adicione e estruture um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Visualize ou baixe o código de exemplo (como fazer o download).

Prerequisites

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um novo projeto.
  • Na caixa de diálogo Criar um novo projeto , selecione ASP.NET Core Web App (Model-View-Controller)>Next.
  • Na caixa de diálogo Configurar seu novo projeto :
    • Digite MvcMovie para Nome do projeto. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace quando o código é copiado.
    • A localização para o projeto pode ser definida em qualquer lugar.
  • Selecione Avançar.
  • No caixa de diálogo de Informações adicionais :
    • Selecione .NET 7.0.
    • Verifique se a opção Não usar instruções de nível superior está desmarcada .
  • Selecione Criar.

Caixa de diálogo de informações adicionais

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

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

  • É uma aplicação funcional.
  • É um projeto inicial básico.

Executar o aplicativo

  • Pressione Ctrl+F5 para executar o aplicativo sem o depurador. Visual Studio exibe a seguinte caixa de diálogo quando um projeto ainda não está configurado para usar SSL:Este projeto está configurado para usar SSL. Para evitar avisos 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 confiar no certificado SSL do IIS Express. A seguinte caixa de diálogo é exibida:Caixa de diálogo de aviso de segurançaSelecione Sim se concordar em confiar no certificado de desenvolvimento. Para obter informações sobre como confiar no navegador Firefox, consulte 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ço mostra localhost:<port#> e não algo como example.com. O nome de host padrão para seu computador local é localhost. Quando o Visual Studio cria um projeto Web, uma porta aleatória é usada para o servidor Web.

Iniciar o aplicativo sem depuração pressionando Ctrl+F5 permite:

  • Faça alterações no 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 debug ou modo normal a partir do menu Debug.

Menu de depuração

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

Botão de depuração MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

  • Feche a janela do navegador. Visual Studio irá parar o aplicativo.

No próximo tutorial desta série, você aprenderá sobre o MVC e começará a escrever algum código.

Próximo: Adicionar um controlador

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se você é novo no desenvolvimento Web ASP.NET Core, considere a Razor versão Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações.

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

  • Crie um aplicativo Web.
  • Adicione e estruture um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Visualize ou baixe o código de exemplo (como fazer o download).

Prerequisites

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um novo projeto.
  • Na caixa de diálogo Criar um novo projeto , selecione ASP.NET Core Web App (Model-View-Controller)>Next.
  • Na caixa de diálogo Configurar seu novo projeto , digite MvcMovie para Nome do projeto. É importante nomear o projeto MvcMovie. A capitalização 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 abordagens alternativas para criar o projeto, consulte Criar um novo projeto no Visual Studio.

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

  • É uma aplicação funcional.
  • É um projeto inicial básico.

Executar o aplicativo

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

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

    Este projeto está configurado para usar SSL. Para evitar avisos 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 confiar 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 concordar em confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, consulte o erro de certificado SEC_ERROR_INADEQUATE_KEY_USAGE do Firefox na secção .

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

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

Lançar a aplicação sem depurar, selecionando Ctrl+F5, permite:

  • Faça alterações no 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 debug ou modo normal a partir do menu Debug.

Menu de depuração

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

Botão de depuração MvcMovie

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

No próximo tutorial desta série, você aprenderá sobre o MVC e começará a escrever algum código.

Próximo: Adicionar um controlador

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se você é novo no desenvolvimento Web ASP.NET Core, considere a Razor versão Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações.

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

  • Crie um aplicativo Web.
  • Adicione e estruture um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Visualize ou baixe o código de exemplo (como fazer o download).

Prerequisites

Criar um aplicativo Web

  • Inicie o Visual Studio e selecione Criar um novo projeto.
  • Na caixa de diálogo Criar um novo projeto, selecione Aplicação Web ASP.NET Core>Avançar.
  • Na caixa de diálogo Configurar seu novo projeto , digite MvcMovie para Nome do projeto. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder ao namespace correspondente 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.
    • ASP.NET Aplicação Web Principal (Modelo-View-Controller).
    • Create.

Criar um novo aplicativo Web ASP.NET Core

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

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

  • É uma aplicação funcional.
  • É um projeto inicial básico.

Executar o aplicativo

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

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

    Este projeto está configurado para usar SSL. Para evitar avisos 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 confiar 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 concordar em confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, consulte o erro de certificado SEC_ERROR_INADEQUATE_KEY_USAGE do Firefox na secção .

    Visual Studio:

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

Lançar a aplicação sem depurar, selecionando Ctrl+F5, permite:

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

Você pode iniciar a aplicação no modo depuração ou modo não depuração a partir do item de menu Depurar.

Menu de depuração

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

IIS Expresso

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

Na próxima parte deste tutorial, você aprenderá sobre o MVC e começará a escrever algum código.

Next

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se você é novo no desenvolvimento Web ASP.NET Core, considere a Razor versão Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações.

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

  • Crie um aplicativo Web.
  • Adicione e estruture um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Visualize ou baixe o código de exemplo (como fazer o download).

Prerequisites

Criar um aplicativo Web

  • No Visual Studio, selecione Criar um novo projeto.

  • Selecione Aplicação Web ASP.NET Core>Seguinte.

    Criar um novo projeto ASP.NET Core Web Application

  • Nomeie o projeto MvcMovie e selecione Criar. É importante nomear o projeto MvcMovie para que, quando você copiar o código, o namespace corresponda.

    Configure seu novo projeto

  • Selecione Aplicação Web(Modelo-View-Controller). Nas caixas suspensas, selecione .NET Core e ASP.NET Core 3.1e, em seguida, selecione Criar.

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

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

  • É uma aplicação funcional.
  • É um projeto inicial básico.

Executar o aplicativo

  • Selecione Ctrl + F5 para executar a aplicação sem depuração.

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

    Este projeto está configurado para usar SSL. Para evitar avisos 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 confiar 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 concordar em confiar no certificado de desenvolvimento.

    Para obter informações sobre como confiar no navegador Firefox, consulte o erro de certificado SEC_ERROR_INADEQUATE_KEY_USAGE do Firefox na secção .

    Visual Studio:

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

Lançar a aplicação sem depurar, selecionando Ctrl+F5, permite:

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

Você pode iniciar a aplicação no modo depuração ou modo não depuração a partir do item de menu Depurar.

Menu de depuração

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

IIS Expresso

A imagem a seguir mostra o aplicativo:

Home ou Página de índice

Na próxima parte deste tutorial, você aprenderá sobre o MVC e começará a escrever algum código.

Next

  • Last updated on