Partilhar via

Introdução ao ASP.NET Core MVC

  • Artigo

Observação

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

Advertência

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 .NET Core. Para a versão atual, consulte a versão .NET 9 deste artigo.

Importante

Estas informações referem-se a um produto de pré-lançamento que pode ser substancialmente modificado antes de ser lançado comercialmente. A Microsoft não oferece garantias, expressas ou implícitas, em relação às informações fornecidas aqui.

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 fores novo no desenvolvimento web ASP.NET Core, considera a versão Razor Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Escolha uma Interface do Usuário ASP.NET Core, que compara Razor Pages, MVC e Blazor para desenvolvimento de UI.

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.

Ver ou descarregar o código de exemplo (como descarregar).

Pré-requisitos

  • Visual Studio 2022 com a carga de trabalho de ASP.NET e desenvolvimento web.

    cargas de trabalho do instalador do VS22

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)>Seguinte.
  • Na caixa de diálogo Configurar o seu novo projeto:
    • Insira 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.
    • Verifique se a opção Não usar instruções de nível superior está desmarcada.
  • Selecione Criar.

Caixa de diálogo 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 a aplicação sem fazer 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 depuração ou não depuração no menu de depuração do :

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 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 for novo no desenvolvimento web com ASP.NET Core, considere a versão Pages Razor deste tutorial, que proporciona um início mais acessível. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para o desenvolvimento da interface de utilizador.

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.

Ver ou descarregar código de exemplo (como descarregar).

Pré-requisitos

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 o seu novo projeto:
    • Insira MvcMovie para o nome do projeto . É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace quando o código é copiado.
    • A localização do para o projeto pode ser configurada em qualquer lugar.
  • Selecione Avançar.
  • No Informações adicionais caixa de diálogo:
    • Selecione .NET 8.0 (Suporte de longo prazo).
    • Verifique se Não usar instruções de nível superior está desmarcada.
  • Selecione Criar.

Caixa de diálogo 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:

  • É um aplicativo 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 você 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 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 a aplicação sem depurar ao pressionar 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 depuração ou sem depuração a partir do menu Debug:

Menus Iniciar Depuração e Iniciar Sem Depuração

Você pode depurar a aplicação 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. 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 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 o desenvolvimento da interface de utilizador.

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.

Ver ou fazer download do código de exemplo (como fazer o download).

Pré-requisitos

  • Visual Studio 2022 com a carga de trabalho de ASP.NET e desenvolvimento web.

    cargas de trabalho do instalador do VS22

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)>Seguinte.
  • Na caixa de diálogo Configurar o seu novo projeto:
    • Insira o MvcMovie para o 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.
  • Na caixa de diálogo de Informações adicionais :
    • Selecione .NET 7.0.
    • Verifique se Não usar instruções de nível superior está desmarcado.
  • Selecione Criar.

Caixa de diálogo 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 você concorda 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 depurar 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 depuração ou no modo normal a partir do menu de depuração.

Menu Depurar

Você pode depurar a aplicação 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 és novo no desenvolvimento web ASP.NET Core, considera a versão Razor Pages deste tutorial, que fornece um ponto de partida mais fácil. Veja Escolher uma Interface de Utilizador ASP.NET Core, que compara Razor Páginas, MVC e Blazor para desenvolvimento de interface de utilizador.

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.

Ver ou descarregar o código de exemplo (como descarregar).

Pré-requisitos

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)>Seguinte.
  • Na caixa de diálogo Configurar o 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 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:

  • É um aplicativo 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?

    Se confiar no certificado SSL do IIS Express, selecione Sim.

    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 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 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 de depuração ou modo normal a partir do menu Depuração .

menu Depurar

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 estás a começar no desenvolvimento web ASP.NET Core, considera a versão Pages Razor deste tutorial, que oferece um ponto de partida mais fácil. Consulte Choose an ASP.NET Core UI, que compara Razor Pages, MVC e Blazor para o desenvolvimento da 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 modele um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Ver ou transferir código de exemplo (como transferir).

Pré-requisitos

  • Visual Studio 2019 16.8 ou posterior com a carga de trabalho de ASP.NET e desenvolvimento Web
  • SDK do .NET 5.0

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 Application>Next.
  • Na caixa de diálogo Configurar o 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 nos menus suspensos.
    • ASP.NET Core Web App (Model-View-Controller).
    • Criar.

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:

  • É um aplicativo 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 .

    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.

Iniciar a aplicação sem efetuar depuração ao selecionar 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 depuração ou 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 Express

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.

Próximo

Este tutorial ensina ASP.NET desenvolvimento web Core MVC com controladores e visualizações. Se és novo no desenvolvimento web ASP.NET Core, considera a versão Razor Pages deste tutorial, que fornece um ponto de partida mais fácil. Consulte Escolher uma interface ASP.NET Core, que compara Razor Páginas, MVC e Blazor para o desenvolvimento da interface de utilizador.

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 configure a estrutura de um modelo.
  • Trabalhe com um banco de dados.
  • Adicionar pesquisa e validação.

Ver ou transferir código de exemplo (como transferir).

Pré-requisitos

Criar um aplicativo Web

  • No Visual Studio, selecione Criar um novo projeto.

  • Selecione ASP.NET Aplicativo Web Principal>Próximo.

    Criar um novo ASP.NET projeto de aplicativo Web principal

  • 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 Aplicativo 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 confiar no navegador Firefox, consulte erro de certificado SEC_ERROR_INADEQUATE_KEY_USAGE do Firefox.

    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.

Iniciar a aplicação sem depurar, selecionando Ctrl+F5, permite-lhe:

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

Você pode lançar a aplicação no modo de depuração ou modo não depuração através do item de menu Depurar.

Menu de depuração

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ê aprenderá sobre o MVC e começará a escrever algum código.

Próximo