Introdução com ASP.NET 4.5 Web Forms e Visual Studio 2017
Esta série de tutoriais mostra como criar um aplicativo ASP.NET Web Forms 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 ASP.NET Web Forms 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 realçados.
Público-alvo
Os desenvolvedores novos em ASP.NET Web Forms são o público-alvo desta série de tutoriais.
Você deve ter algum conhecimento nas seguintes áreas:
- OOP (programação orientada a objetos) e linguagens
- Desenvolvimento na Web (HTML, CSS, JavaScript)
- Bancos de dados relacionais
- Arquitetura de N camadas
Para examinar essas áreas, considere estudar o seguinte conteúdo:
- Guia de Introdução ao Visual C#
- Desenvolvimento na Web, HTML, CSS, JavaScript, SQL, PHP, JQuery
- Banco de dados relacional
- Arquitetura de várias camadas
Recursos do aplicativo
Os recursos ASP.NET Web Form apresentados nesta série incluem:
- O Projeto de Aplicativo Web (não o Projeto de Site)
- Web Forms
- 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 não discreta
- Roteamento
- Tratamento de erro do ASP.NET
Cenários e tarefas do aplicativo
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, elementos gráficos e uma página de master
- 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
- Adicionando uma forma de pagamento
- Incluindo uma função de administrador e um usuário para o aplicativo
- Restringindo o acesso a páginas e pastas específicas
- Carregando um arquivo no 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, essa série ainda poderá ajudá-lo a aprender sobre novos recursos do ASP.NET 4.5. Para leitores que não estão familiarizados com conceitos de programação e ASP.NET Web Forms, consulte os tutoriais de Web Forms adicionais fornecidos na seção Introdução no site do 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 da Web diferente do IIS.
-
Uma atualização para o Entity Framework que permite que você:
- Recuperar e manipular dados como objetos fortemente tipado
- 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 ASP.NET and Web Tools para Visual Studio 2013 notas sobre a versão.
O aplicativo de exemplo Wingtip Toys
As capturas de tela a seguir são do aplicativo ASP.NET Web Forms 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 Web Forms funcionalidade padrão do modelo. Este tutorial também explica como entrar 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 entrar como usuário, você pode adicionar produtos ao carrinho de compras e ao check-out com o PayPal. O aplicativo de exemplo foi projetado para funcionar na área restrita do desenvolvedor do PayPal. Nenhuma transação de dinheiro real ocorre.
O PayPal confirma suas informações de conta, pedido e pagamento.
Depois de retornar do PayPal, você pode examinar e concluir seu pedido.
Pré-requisitos
Antes de começar, verifique se o seguinte software está instalado no computador:
O .NET Framework é instalado automaticamente.
Esta série de tutoriais usa 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 está 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 abrir em versões anteriores.
Na primeira vez que você iniciou o Visual Studio, supõe-se que você selecionou as configurações de Desenvolvimento para a 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 exemplos do MSDN:
Introdução com ASP.NET 4.5 Web Forms e Visual Studio 2013 – Wingtip Toys (C#)
Esse download tem os seguintes itens:
- O aplicativo de exemplo na pasta WingtipToys .
- Os recursos usados para criar o aplicativo de exemplo 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# como 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 de ASP.NET Web Forms para revisar o conteúdo
Depois de concluir a série de tutoriais, faça um teste para testar seu conhecimento e reforçar os principais conceitos. Cada pergunta fornece uma explicação e links para diretrizes adicionais.
Suporte e comentários do tutorial
Para perguntas e comentários, use a seção Q e A incluída no Introdução com ASP.NET página de exemplo Web Forms 4.5 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 poderão ser confusas, sem uma boa explicação sobre como corrigi-lo. Para obter ajuda, você pode marcar os fóruns do ASP.NET. Outra boa fonte é a seção Q e A na Introdução com ASP.NET 4,5 Web Forms e Visual Studio 2013 - página de exemplo Wingtip Toys (C#).
Comentários
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulte https://aka.ms/ContentUserFeedback.
Enviar e exibir comentários de