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 mais ASP.NET Core web, Razor considere a versão páginas deste tutorial, que fornece um ponto de partida mais fácil. Consulte escolher uma interface do usuário do ASP.NET Core , que compara Razor Pages, MVC e para Blazor desenvolvimento de interface do usuário.

este é o primeiro tutorial de uma série que ensina ASP.NET Core desenvolvimento para a web 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.

Exiba ou baixe o 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 , digite MvcMovie para Project nome. É importante nomear o projeto MvcMovie. A capitalização precisa corresponder a cada namespace quando o código for 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 Informações adicionais

Para obter 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 de trabalho.
  • É um projeto inicial básico.

Executar o aplicativo

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

    Visual Studio exibirá a caixa de diálogo a seguir quando um projeto ainda não estiver configurado para usar SSL:

    Este projeto é configurado para usar SSL. Para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Você deseja 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, consulte Firefox SEC_ERROR_INADEQUATE_KEY_USAGE erro de certificado.

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 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 no código.

Você pode iniciar o aplicativo no modo depurar ou não depurar 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:

::: no-Loc (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.

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

este é o primeiro tutorial de uma série que ensina ASP.NET Core desenvolvimento para a web 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.

Exiba ou baixe o 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 > avançar.
  • na caixa de diálogo configurar seu novo projeto , digite MvcMovie para Project nome. É 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 ASP.NET Core aplicativo web , selecione:
    • .net Core e ASP.NET Core 5,0 nos menus suspensos.
    • 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.

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.

    Visual Studio exibirá a caixa de diálogo a seguir quando um projeto ainda não estiver configurado para usar SSL:

    Este projeto é configurado para usar SSL. Para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Você deseja 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, consulte 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 que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações no 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:

::: no-Loc (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ê não estiver mais ASP.NET Core web, Razor considere a versão páginas deste tutorial, que fornece um ponto de partida mais fácil. Consulte escolher uma interface do usuário do ASP.NET Core , que compara Razor Pages, MVC e para Blazor desenvolvimento de interface do usuário.

este é o primeiro tutorial de uma série que ensina ASP.NET Core desenvolvimento para a web 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.

Exiba ou baixe o 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 Web a > seguir.

    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

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 depuração.

    Visual Studio exibirá a caixa de diálogo a seguir quando um projeto ainda não estiver configurado para usar SSL:

    Este projeto é configurado para usar SSL. Para evitar avisos de SSL no navegador, você pode optar por confiar no certificado autoassinado que o IIS Express gerou. Você deseja 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, consulte 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 que você:

  • Realize alterações de código.
  • Salve o arquivo.
  • Atualize rapidamente o navegador e veja as alterações no 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:

::: no-Loc (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.