Introdução ao ASP.NET MVC 5

  • 3 minutos para o fim da leitura

por Rick Anderson

Note

Uma versão atualizada deste tutorial está disponível aqui usando a versão mais recente do Visual Studio. O novo tutorial usa ASP.NET Core MVC,que fornece muitas melhorias sobre este tutorial.

Este tutorial ensina a usar o ASP.NET Core MVC com controladores e exibições. Razor Pages é uma nova alternativa no ASP.NET Core, um modelo de programação baseado em página que torna a criação da interface do usuário da Web mais fácil e produtiva. Recomendamos que você experimente o tutorial Razor Pages antes da versão do MVC. O tutorial Páginas do Razor:

  • É mais fácil de acompanhar.
  • Aborda mais recursos.
  • É a abordagem preferencial para o desenvolvimento de novos aplicativos.

Este tutorial ensina as noções básicas da criação de um aplicativo Web ASP.NET MVC 5 usando o Visual Studio 2017. O código-fonte final do tutorial está localizado no GitHub.

Este tutorial foi escrito por Scott Guthrie (Twitter @scottgu ), Scott Hanselman (Twitter: @shanselman ) e Rick Anderson ( @RickAndMSFT )

Você precisa de uma conta do Azure para implantar este aplicativo no Azure:

  • Você pode abrir uma conta do Azure gratuitamente -você obtém créditos que podem ser usados para experimentar serviços pagos do Azure e, mesmo depois que eles são usados, você pode manter a conta e usar os serviços gratuitos do Azure.
  • Você pode ativar benefícios para assinantes do MSDN - Todos os meses, sua assinatura do MSDN oferece créditos que podem ser usados para serviços pagos do Azure.

Introdução

Comece instalando o Visual Studio 2017. Em seguida, abra o Visual Studio.

O Visual Studio é um IDE ou um ambiente de desenvolvimento integrado. Assim como você usa o Microsoft Word para escrever documentos, você usará um IDE para criar aplicativos. No Visual Studio, há uma lista ao longo da parte inferior mostrando várias opções disponíveis para você. Há também um menu que fornece outra maneira de executar tarefas no IDE. Por exemplo, em vez de selecionar novo projeto na página inicial, você pode usar a barra de menus e selecionar arquivo > novo projeto.

Criar seu primeiro aplicativo

Na página inicial, selecione novo projeto. Na caixa de diálogo novo projeto , selecione a categoria Visual C# à esquerda e, em seguida, Web, em seguida, selecione o modelo de projeto ASP.net .NET Framework (aplicativo Web) . Nomeie seu projeto como "MvcMovie" e escolha OK.

Na caixa de diálogo novo aplicativo Web ASP.net , escolha MVC e, em seguida, escolha OK.

O Visual Studio usou um modelo padrão para o projeto MVC ASP.NET que você acabou de criar, portanto, você tem um aplicativo funcional agora sem fazer nada! Este é um "Olá, Mundo!" simples projeto, e é um bom lugar para iniciar seu aplicativo.

Pressione F5 para iniciar a depuração. Quando você pressiona F5, o Visual Studio inicia IIS Express e executa seu aplicativo Web. Em seguida, o Visual Studio inicia um navegador e abre a home page do aplicativo. Observe que a barra de endereços do navegador diz localhost:port# e não algo parecido example.com . Isso ocorre porque localhost o sempre aponta para seu próprio computador local, que nesse caso está executando o aplicativo que você acabou de criar. Quando o Visual Studio executa um projeto Web, uma porta aleatória é usada para o servidor Web. Na imagem abaixo, o número da porta é 1234. Ao executar o aplicativo, você verá um número de porta diferente.

Pronto para uso, esse modelo padrão fornece Home Contact páginas, e About . A imagem abaixo não mostra os links início, sobre e contato . Dependendo do tamanho da janela do navegador, talvez seja necessário clicar no ícone de navegação para ver esses links.

O aplicativo também fornece suporte para registrar e fazer logon. A próxima etapa é alterar a forma como esse aplicativo funciona e aprender um pouco sobre o ASP.NET MVC. Feche o aplicativo MVC ASP.NET e vamos alterar algum código.

Para obter uma lista dos tutoriais atuais, consulte os artigos recomendados do MVC.

Consulte este aplicativo em execução no Azure

Você gostaria de ver o site concluído em execução como um aplicativo Web ativo? Você pode implantar uma versão completa do aplicativo em sua conta do Azure simplesmente clicando no botão a seguir.

Você precisa de uma conta do Azure para implantar essa solução no Azure. Se você ainda não tiver uma conta, use uma das seguintes opções para criar uma:

Próximo