Introdução ao ASP.NET 4.5 Web Forms e ao Visual Studio 2017
Esta série de tutoriais mostra como criar um aplicativo Web Forms ASP.NET com o ASP.NET 4.5 e o Microsoft Visual Studio 2017.
Introdução
Esta série de tutoriais orienta você na criação de um aplicativo Web Forms ASP.NET usando o Visual Studio 2017 e o ASP.NET 4.5. Você criará um aplicativo chamado Wingtip Toys - um site simplificado de vitrine que vende itens online. Durante a série, novos recursos do ASP.NET 4.5 são destacados.
Público-alvo
Os desenvolvedores novos no ASP.NET Web Forms são o público-alvo desta série de tutoriais.
Você deve ter algum conhecimento nas seguintes áreas:
- Programação orientada a objetos (OOP) e linguagens
- Desenvolvimento web (HTML, CSS, JavaScript)
- Bancos de dados relacionais
- Arquitetura de N camadas
Para examinar essas áreas, você pode estudar o seguinte conteúdo:
- Introdução ao Visual C#
- Desenvolvimento Web, HTML, CSS, JavaScript, SQL, PHP, JQuery
- Banco de dados relacional
- Arquitetura multicamadas
Recursos do aplicativo
Os ASP.NET recursos do Web Form apresentados nesta série incluem:
- O Projeto de Aplicativo Web (não Projeto de Site)
- Formulários da Web
- Páginas mestras, configuração
- Bootstrap
- Entity Framework Code First, LocalDB
- Validação de solicitação
- Controles de dados fortemente tipados
- Model binding
- Anotações de dados
- Provedores de valor
- SSL e OAuth
- ASP.NET Identidade, configuração e autorização
- Validação discreta
- Roteamento
- Tratamento de erro do ASP.NET
Cenários e tarefas de aplicação
As tarefas da série de tutoriais incluem:
- Criando, revisando e executando um novo projeto
- Criando uma estrutura de banco de dados
- Inicializando e propagando um banco de dados
- Personalizando a interface do usuário com estilos, gráficos e uma página mestra
- Adicionando páginas e navegação
- Exibindo detalhes do menu e dados do produto
- Criando um carrinho de compras
- Adicionando suporte a SSL e OAuth
- Adicionar um método de pagamento
- Incluindo uma função de administrador e um usuário no aplicativo
- Restringindo o acesso a páginas e pastas específicas
- Carregando um arquivo para o aplicativo Web
- Implementando a validação de entrada
- Registrando rotas para o aplicativo Web
- Implementando o tratamento de erros e o log de erros
Visão geral
Esta série de tutoriais destina-se a alguém familiarizado com conceitos de programação, mas novo em ASP.NET Web Forms. Se você já estiver familiarizado com ASP.NET Web Forms, esta série ainda pode ajudá-lo a aprender sobre os novos recursos do ASP.NET 4.5. Para leitores não familiarizados com conceitos de programação e ASP.NET Web Forms, consulte os tutoriais adicionais de Web Forms fornecidos na seção Introdução no site ASP.NET.
O ASP.NET 4.5 fornecido nesta série de tutoriais inclui os seguintes recursos:
Uma interface do usuário simples para criar projetos que oferece suporte para muitas estruturas ASP.NET (Web Forms, MVC e API Web).
Bootstrap, um layout, temas e estrutura de design responsivo.
ASP.NET Identity, um novo sistema de associação ASP.NET que funciona da mesma forma em todas as estruturas ASP.NET e funciona com software de hospedagem na Web diferente do IIS.
-
Uma atualização do Entity Framework que permite:
- Recuperar e manipular dados como objetos fortemente tipados
- Acessar dados de forma assíncrona
- Lidar com falhas de conexão transitórias
- Instruções SQL de log
Para obter uma lista completa de recursos do ASP.NET 4.5, consulte Notas de versão do ASP.NET e Web Tools para Visual Studio 2013.
O aplicativo de amostra Wingtip Toys
As capturas de tela a seguir são do aplicativo Web Forms ASP.NET que você cria nesta série de tutoriais. Quando você executa o aplicativo no Visual Studio, a página inicial da Web a seguir é exibida.
Você pode se registrar como um novo usuário ou entrar como um usuário existente. A navegação superior tem links para categorias de produtos e seus produtos do banco de dados.
Se você selecionar Produtos, todos os produtos disponíveis serão exibidos.
Se você selecionar um produto específico, os detalhes do produto serão exibidos.
Como usuário, você pode se registrar e entrar com a funcionalidade padrão do modelo Web Forms. Este tutorial também explica como fazer login usando uma conta existente do Gmail. Além disso, você pode entrar como administrador para adicionar e remover produtos do banco de dados.
Depois de fazer login como usuário, você pode adicionar produtos ao carrinho de compras e finalizar a compra com o PayPal. O aplicativo de exemplo foi projetado para funcionar na sandbox do desenvolvedor do PayPal. Nenhuma transação de dinheiro real ocorre.
O PayPal confirma sua conta, pedido e informações de pagamento.
Depois de retornar do PayPal, você pode revisar e concluir seu pedido.
Pré-requisitos
Antes de começar, certifique-se de que o seguinte software esteja instalado em seu computador:
O .NET Framework é instalado automaticamente.
Esta série de tutoriais usa o Microsoft Visual Studio Community 2017. Você pode usar isso ou o Microsoft Visual Studio 2017 para concluir esta série de tutoriais.
Observe o seguinte sobre o Visual Studio:
O Microsoft Visual Studio 2017 e o Microsoft Visual Studio Community 2017 são chamados de Visual Studio ao longo desta série de tutoriais.
O Visual Studio 2017 é instalado ao lado de todas as versões mais antigas já instaladas. Os sites criados em versões anteriores podem ser abertos no Visual Studio 2017 e continuar a ser abertos em versões anteriores.
Na primeira vez que você iniciou o Visual Studio, supõe-se que você selecionou as configurações de Desenvolvimento Web. Para obter mais informações, consulte Como selecionar configurações do ambiente de desenvolvimento da Web.
Depois de instalar os pré-requisitos, você estará pronto para começar a criar o projeto Web apresentado nesta série de tutoriais.
Baixar o aplicativo de exemplo
Você pode baixar o aplicativo de exemplo concluído a qualquer momento no site de Exemplos do MSDN:
Introdução ao ASP.NET 4.5 Web Forms e ao Visual Studio 2013 - Wingtip Toys (C#)
Este download tem os seguintes itens:
- O aplicativo de exemplo na pasta WingtipToys .
- Os recursos usados para criar o aplicativo de amostra na pasta WingtipToys-Assets na pasta WingtipToys .
O download é um arquivo .zip . Para ver o projeto concluído que esta série de tutoriais cria, localize e selecione a pasta C# no arquivo .zip. Salve a pasta C# na pasta que você usa para trabalhar com projetos do Visual Studio. Por padrão, a pasta de projetos do Visual Studio 2017 é:
C:\Users\<username\>source\repos
Renomeie a pasta C# para WingtipToys.
Observação
Se você já tiver uma pasta chamada WingtipToys na pasta Projetos, renomeie temporariamente essa pasta existente antes de renomear a pasta C# para WingtipToys.
Para executar o projeto concluído, abra a pasta WingtipToys e clique duas vezes no arquivo WingtipToys.sln . O Visual Studio 2017 abre o projeto. Em seguida, clique com o botão direito do mouse no arquivo Default.aspx no Gerenciador de Soluções e selecione Exibir no Navegador.
Faça um teste ASP.NET Web Forms para revisar o conteúdo
Depois de concluir a série de tutoriais, faça um teste para testar seus conhecimentos e reforçar os principais conceitos. Cada pergunta fornece uma explicação e links para orientações adicionais.
Suporte e comentários do tutorial
Para perguntas e comentários, use a seção de perguntas e respostas incluída na página de exemplo Introdução ao ASP.NET 4.5 Web Forms e Visual Studio 2013 – Wingtip Toys (C#).
Comentários sobre esta série de tutoriais são bem-vindos. Quando esta série de tutoriais é atualizada, todos os esforços são feitos para considerar correções ou sugestões de melhorias.
Se ocorrer um erro, as mensagens de erro correspondentes podem ser confusas, sem uma boa explicação sobre como corrigi-lo. Para obter ajuda, você pode verificar os fóruns ASP.NET. Outra boa fonte é a seção de perguntas e respostas na página de exemplo Introdução ao ASP.NET 4.5 Web Forms e Visual Studio 2013 – Wingtip Toys (C#).