A Começar com ASP.NET Web Forms 4.5 e Visual Studio 2017

Esta série de tutoriais mostra-lhe como construir uma aplicação ASP.NET Web Forms com ASP.NET 4.5 e Microsoft Visual Studio 2017.

Introduction

Esta série de tutoriais orienta-o na criação de uma aplicação ASP.NET Web Forms usando o Visual Studio 2017 e ASP.NET 4.5. Vai criar uma aplicação chamada Wingtip Toys – um site simplificado de loja que vende artigos online. Durante a série, são destacadas novas funcionalidades ASP.NET 4.5.

Audiência alvo

Os novos programadores ASP.NET Web Forms são o público-alvo desta série de tutoriais.

Deve ter algum conhecimento nas seguintes áreas:

• Programação orientada a objetos (POO) e linguagens
• Desenvolvimento web (HTML, CSS, JavaScript)
• Bases de dados relacionais
• Arquitetura N-tier

Para rever estas áreas, considere estudar o seguinte conteúdo:

• Começar com Visual C#
• Desenvolvimento Web, HTML, CSS, JavaScript, SQL, PHP, JQuery
• Base de dados relacional
• Arquitetura multinível

Funcionalidades da aplicação

As funcionalidades do ASP.NET Web Form apresentadas nesta série incluem:

• O Projeto de Aplicação Web (não o Projeto do Site Web)
• Web Forms
• Páginas Mestres, Configuração
• Bootstrap
• Código do Framework da Entidade Primeiro, LocalDB
• Validação de Pedidos
• Controlos de Dados Fortemente Tipificados
• Encadernação de Modelos
• Anotações de dados
• Fornecedores de Valor
• SSL e OAuth
• ASP.NET Identidade, Configuração e Autorização
• Validação Discreta
• Roteamento
• ASP.NET Gestão de Erros

Cenários de aplicação e tarefas

As tarefas da série de tutoriais incluem:

• Criar, rever e gerir um novo projeto
• Criação de uma estrutura de base de dados
• Inicializar e semear uma base de dados
• Personalizar a interface com estilos, gráficos e uma página mestra
• Adição de páginas e navegação
• Exibição dos detalhes do menu e dados do produto
• Criar um carrinho de compras
• Adição de suporte SSL e OAuth
• Adicionar um método de pagamento
• Incluindo um papel de administrador e um utilizador na aplicação
• Restrição do acesso a páginas e pastas específicas
• Carregar um ficheiro para a aplicação web
• Implementação da validação de entrada
• Registo de rotas para a aplicação web
• Implementação do tratamento e registo de erros

Descrição geral

Esta série de tutoriais destina-se a alguém familiarizado com conceitos de programação, mas que é novo no ASP.NET Web Forms. Se já está familiarizado com ASP.NET Web Forms, esta série ainda pode ajudá-lo a aprender sobre novas funcionalidades ASP.NET 4.5. Para leitores que não estejam familiarizados com conceitos de programação e ASP.NET Web Forms, consulte os tutoriais adicionais de Formulários Web fornecidos na secção Como Começar no site ASP.NET.

O ASP.NET 4.5 fornecido nesta série de tutoriais inclui as seguintes funcionalidades:

• Uma interface simples para criar projetos que oferece suporte para muitos frameworks de ASP.NET (Web Forms, MVC e Web API).

• Bootstrap, um layout, tema e framework de design responsivo.

• ASP.NET Identity, um novo sistema de adesão ASP.NET que funciona da mesma forma em todos os frameworks ASP.NET e funciona com software de alojamento web diferente do IIS.

• Estrutura de Entidades 6

  Uma atualização do Entity Framework que lhe permite:

  • Recuperar e manipular dados como objetos fortemente tipados
  • Aceder aos dados de forma assíncrona
  • Lidar com falhas de ligação transitórias
  • Registar instruções SQL

Para uma lista completa de funcionalidades do ASP.NET 4.5, consulte as Notas de Lançamento do ASP.NET e das Ferramentas da Web para o Visual Studio 2013.

A aplicação de exemplo da Wingtip Toys

As capturas de ecrã seguintes são da aplicação ASP.NET Web Forms que cria nesta série de tutoriais. Quando executa a aplicação no Visual Studio, aparece a seguinte página inicial web.

Pode registar-se como novo utilizador ou iniciar sessão como utilizador existente. A navegação superior tem ligações para categorias de produtos e seus produtos da base de dados.

Se selecionar Produtos, todos os produtos disponíveis são exibidos.

Se selecionares um produto específico, os detalhes do produto são mostrados.

Como utilizador, pode registar-se e iniciar sessão com a funcionalidade padrão do modelo Web Forms. Este tutorial também explica como iniciar sessão usando uma conta Gmail existente. Além disso, pode iniciar sessão como administrador para adicionar e remover produtos da base de dados.

Depois de iniciar sessão como utilizador, pode adicionar produtos ao carrinho de compras e fazer o checkout com o PayPal. A aplicação de exemplo foi concebida para funcionar no sandbox para desenvolvedores do PayPal. Não ocorre qualquer transação monetária real.

O PayPal confirma a sua conta, encomenda e informações de pagamento.

Depois de regressar do PayPal, pode rever e concluir a sua encomenda.

Pré-requisitos

Antes de começar, certifique-se de que o seguinte software está instalado no seu computador:

• Microsoft Visual Studio 2017 ou Microsoft Visual Studio Community 2017.

O .NET Framework é instalado automaticamente.

Esta série de tutoriais utiliza o Microsoft Visual Studio Community 2017. Pode usar esse ou o Microsoft Visual Studio 2017 para completar esta série de tutoriais.

Note o seguinte sobre o Visual Studio:

• O Microsoft Visual Studio 2017 e o Microsoft Visual Studio Community 2017 são referidos como Visual Studio ao longo desta série de tutoriais.

• O Visual Studio 2017 está instalado ao lado de quaisquer versões mais antigas já instaladas. Sites criados em versões anteriores podem ser abertos no Visual Studio 2017 e continuam a abrir-se em versões anteriores.

• Na primeira vez que iniciaste o Visual Studio, assume-se que selecionaste as definições de Desenvolvimento Web . Para mais informações, veja Como: Selecionar Definições do Ambiente de Desenvolvimento Web.

Depois de instalar os pré-requisitos, está pronto para começar a criar o projeto web apresentado nesta série de tutoriais.

Baixe o aplicativo de exemplo

Pode descarregar a aplicação de exemplo terminada em qualquer momento no site MSDN Samples.

Começar com ASP.NET 4.5 Web Forms e Visual Studio 2013 - Wingtip Toys (C#)

Este download inclui os seguintes itens:

• A aplicação de exemplo está na pasta WingtipToys .
• Os recursos usados para criar a aplicação de exemplo estão na pasta WingtipToys-Assets na pasta WingtipToys .

O download é um ficheiro .zip. Para ver o projeto concluído que esta série de tutoriais cria, encontre e selecione a pasta C# no ficheiro .zip. Guarda a pasta C# na pasta que usas para trabalhar com projetos do Visual Studio. Por defeito, a pasta de projetos do Visual Studio 2017 é:

C:\Users\<username>\source\repos

Renomeie a pasta C# para WingtipToys.

Para executar o projeto concluído, abra a pasta WingtipToys e clique duas vezes no ficheiro WingtipToys.sln . O Visual Studio 2017 inaugura o projeto. De seguida, clique com o botão direito no ficheiro Default.aspx no Explorador de Soluções e selecione Ver no Navegador.

Faça um questionário ASP.NET Web Forms para rever conteúdos

Depois de completar a série de tutoriais, faça um questionário para testar os seus conhecimentos e reforçar conceitos-chave. Cada pergunta fornece uma explicação e ligações para orientações adicionais.

• ASP.NET Quiz de Formulários Web

Apoio ao tutorial e comentários

Para perguntas e comentários, utilize a secção de Perguntas e Respostas incluída na página de exemplo Getting Started with 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 o corrigir. Para obter ajuda, pode consultar os fóruns ASP.NET. Outra boa fonte é a secçã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#).