Introdução ao ASP.NET Core MVC

De Rick Anderson

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você não estiver familiarizado com ASP.NET Core desenvolvimento na Web, considere a Razor versão de Páginas deste tutorial, que fornece um ponto de partida mais fácil. Consulte Escolher um ASP.NET Core interface do usuário, que compara PáginasRazor, MVC e Blazor desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET Core desenvolvimento da Web do MVC com 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 ASP.NET Core Aplicativo Web (Model-View-Controller)>Avançar.
  • Na caixa de diálogo Configurar seu novo projeto , insira MvcMovie o nome do Projeto. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace um quando o código é copiado.
  • Selecione Avançar.
  • Na caixa de diálogo Informações Adicionais , selecione .NET 6.0 (suporte a longo prazo).
  • Selecione Criar.

Caixa de diálogo de informações adicionais

Para obter abordagens alternativas para criar o projeto, consulte 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 de trabalho.
  • É 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 o SSL. Para evitar avisos SSL no navegador, você pode optar por confiar no certificado autoassinado gerado pelo IIS Express. Deseja confiar no certificado SSL 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, consulte o Firefox SEC_ERROR_INADEQUATE_KEY_USAGE erro de certificado.

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 para o computador local é localhost. Uma porta aleatória é usada para o servidor Web quando o Visual Studio cria um projeto Web.

Iniciar o aplicativo sem depurar selecionando Ctrl+F5 permite:

  • 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 depuração ou não depuração no menu Depurar :

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 Índice

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

Este tutorial ensina a usar o desenvolvimento Web do ASP.NET Core MVC com controladores e exibições. Se você não estiver familiarizado com ASP.NET Core desenvolvimento na Web, considere a Razor versão de Páginas deste tutorial, que fornece um ponto de partida mais fácil. Consulte Escolher um ASP.NET Core interface do usuário, que compara PáginasRazor, MVC e Blazor desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET Core desenvolvimento da Web do MVC com 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 ASP.NET Core Aplicativo> WebAvançar.
  • Na caixa de diálogo Configurar seu novo projeto , insira MvcMovie o nome do Projeto. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace correspondência quando o código é copiado.
  • Selecione Criar.
  • Na caixa de diálogo Criar um novo aplicativo Web ASP.NET Core, selecione:
    • O .NET Core e ASP.NET Core 5.0 nas listas suspensas.
    • ASP.NET Core Aplicativo Web (Model-View-Controller).
    • Criar.

Criar um novo aplicativo Web ASP.NET Core

Para obter 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 de trabalho.
  • É 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 o SSL. Para evitar avisos SSL no navegador, você pode optar por confiar no certificado autoassinado gerado pelo IIS Express. Deseja confiar no certificado SSL 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, consulte o Firefox SEC_ERROR_INADEQUATE_KEY_USAGE erro de certificado.

    Visual Studio:

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

Iniciar o aplicativo sem depurar selecionando Ctrl+F5 permite:

  • 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 Í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ê não estiver familiarizado com ASP.NET Core desenvolvimento na Web, considere a Razor versão de Páginas deste tutorial, que fornece um ponto de partida mais fácil. Consulte Escolher um ASP.NET Core interface do usuário, que compara PáginasRazor, MVC e Blazor desenvolvimento de interface do usuário.

Este é o primeiro tutorial de uma série que ensina ASP.NET Core desenvolvimento da Web do MVC com 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 ASP.NET Core Aplicativo> WebAvançar.

    Criar 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 (Model-View-Controller). 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 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 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 o SSL. Para evitar avisos SSL no navegador, você pode optar por confiar no certificado autoassinado gerado IIS Express. Deseja confiar no certificado SSL 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, consulte o Firefox SEC_ERROR_INADEQUATE_KEY_USAGE erro de certificado.

    Visual Studio:

    A barra de endereços mostra localhost:port# e não algo como example.com. O nome do host padrão para 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:

  • 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 Índice

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