Início » ASP.NET » Iniciando com ASP.NET Web Forms 4.5 e Visual Studio 2013 – Parte 1 – Introdução e Visão Geral

Iniciando com ASP.NET Web Forms 4.5 e Visual Studio 2013 – Parte 1 – Introdução e Visão Geral

1 Introdução

Essa série de tutoriais guia você através de passos requeridos para criar uma aplicação em ASP.NET Web Forms usando Visual Studio Express 2013 e ASP.NET 4.5.

A aplicação que você criará se chama Wingtip Toys. É um exemplo simples de uma loja online que vende itens online. A série de tutoriais destaca novas características disponíveis no ASP.NET 4.5.

1.1 Download do projeto completo

Você pode fazer o download do projeto em C# que contém o tutorial completo.

1.2 Revise o conteúdo respondendo o ASP.NET Web Forms Quiz

Depois que você completar o tutorial, teste seu conhecimento e reforce conceitos chaves respondendo o ASP.NET Web Forms Quiz. Esse Quiz foi especialmente criado do conteúdo contido nessa série de tutoriais. Cada questão no quiz fornece uma explicação sobre os links com guia adicional.

1.3 Público-alvo

O público-alvo desta série de tutoriais são desenvolvedores experientes que são novos no ASP.NET Web Forms. O desenvolvedor interessado nessa série de tutoriais deve ter os seguintes skills (habilidades):

  • Familiar com alguma linguagem de programação orientada a objeto.
  • Familiar com conceitos de desenvolvimento Web (HTML, CSS, JavaScript).
  • Familiar com conceitos relacionais da base de dados.
  • Familiar com conceitos de arquitetura em camadas.

1.4 Características da Aplicação

As características do ASP.NET Web Forms apresentadas nesta série inclui:

  • O Web Application Project (não Web Site Project)
  • Web Forms
  • Master Pages, configuração
  • Bootstrap
  • Entity Framework Code First, LocalDB
  • Request Validation
  • Data Controls fortemente tipados, Model Binding, Data Annotations, e Value Providers
  • OAuth e OpenID
  • ASP.NET Identity, Configuração e Autorização
  • Unobtrusive Validation (Validação Discreta)
  • Routing
  • ASP.NET Error Handling

1.5 Cenários de Aplicação e Tarefas

Tarefas demonstradas nessa série inclui:

  • Criando, revisando e rodando o novo projeto.
  • Criando a estrutura da base de dados.
  • Inicializando e povoando a base de dados.
  • Customizando User Interface usando estilos, gráficos e master page.
  • Adicionando páginas e navegação.
  • Exibindo detalhes do menu e dados do produto.
  • Criando um carrinho de compras.
  • Adicionando suporte OpenID.
  • Adicionando método de pagamento.
  • Incluindo uma regra de administrador e um usuário a aplicação.
  • Restringindo acesso a páginas e pastas específicas.
  • Carregando um arquivo para a aplicação web.
  • Implementando validação de input (entrada).
  • Registrando rotas para a aplicação web.
  • Implementando error handling e error logging.

2 Visão Geral

Se você é novo com ASP.NET Web Forms mas tem familiaridade com conceitos de programação, você está no tutorial correto. Se você já é familiarizado com ASP.NET Web Forms, você pode se beneficiar através desta série de tutoriais das novas características do ASP.NET 4.5. Se você não possui familiaridade com conceitos de programação e ASP.NET Web Forms, veja Getting Started no ASP.NET Web Site.

As últimas características especificadas fornecidas nessa série de tutoriais incluem o seguinte:

  • Uma simples interface de usuário para criar projetos que oferecem suporte para múltiplos ASP.NET frameworks (Web Forms, MVC e Web API).
  • Boostrap, um layout e framework para tema que fornece design responsivo e capacidades de tema.
  • ASP.NET Identity, um novo sistema de ASP.NET membership que trabalha da mesma forma em todos frameworks ASP.NET e trabalha com web hosting exceto IIS.
  • Entity Framework 6, uma atualização do Entity Framework que permite que você recupere e manipule dados como objetos fortemente tipados, acesso a dados assíncronos, manipular falhas de conexão transitórios, e log de SQL.

2.1 A Aplicação Wingtip Toys

Os screenshots a seguir fornecem uma rápida visão da aplicação em ASP.NET Web forms que você criará nesta série de tutoriais. Quando você executa a aplicação no Visual Studio Express 2013 para Web, você verá a Home Page a seguir.

Wingtip Toys [1]

Você pode se registrar como um novo usuário, ou logar como um usuário existente. A navegação é fornecida no topo para cada categoria de produto recuperando os produtos disponíveis da base de dados.

Selecionando o link Products (Produtos), você será capaz de ver uma lista de produtos disponíveis.

Wingtip Toys [2]

Você pode também ver detalhes dos produtos individuais selecionando qualquer um dos produtos listados.

Wingtip Toys [3]

Como um usuário, você pode registrar e fazer login utilizando funcionalidades padrões do modelo de Web Forms. Também, esse tutorial explica como fazer login usando uma conta do Gmail existente. Adicionalmente, você pode fazer login como administrador para adicionar e remover produtos da base de dados.

Wingtip Toys [4]

Uma vez que você esteja logado, você pode adicionar produtos ao carrinho de compras e pagar com PayPal. Note que essa aplicação é desenvolvida para funcionar com PayPal sandbox. Nenhuma transação atual com dinheiro terá lugar.

Wingtip Toys [5]

PayPal confirmará sua conta, encomenda, e informação de pagamento.

Wingtip Toys [6]

Depois de retornar do PayPal, você pode revisar e completar sua encomenda.

Wingtip Toys [7]

3 Pré-requisitos

Antes de começar, certifique-se de que você tenha os seguintes softwares instalados no seu computador:

  • Microsoft Visual Studio 2013 ou Microsoft Visual Studio Express 2013 para Web. O .NET Framework é instalado automaticamente.

Esta série de tutoriais utiliza Microsoft Visual Studio 2013 para Web. Você pode também utilizar Microsoft Visual Studio 2013 Express para Web ou Microsoft Visual Studio 2013 para completar a série de tutoriais.

4 Download da Aplicação

Depois de instalar os pré-requisitos, você está pronto para começar a criar o novo projeto Web que é apresentado nesta série de tutoriais. Se você quer executar a amostra da aplicação que esse tutorial cria, você poderá fazer download do site MSDN Samples. Esse download contém:

  • A Amostra da Aplicação na pasta Wingtip Toys.
  • Os recursos usados para criar a amostra da aplicação na pasta WingtipToys-Assets na pasta WingtipToys.

4.1 Faça o download do arquivo no site do MSDN Samples

Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 – Wingtip Toys (C#)

O download é um arquivo .zip. Para ver o projeto completo que essa série de tutoriais cria, encontre e selecione a pasta C# no arquivo .zip. Salve a pasta C# para a pasta que você usará para trabalhar com projetos do Visual Studio 2013. Por padrão, os projetos do Visual Studio 2013 se localizam na seguinte pasta:

C:\Users\\Documents\Visual Studio 2013\Projects

Renomeie a pasta C# para WingtipToys.

Para executar o projeto completo, abra a pasta WingtipToys e dê um duplo-clique no arquivo WingtipToys.sln. Visual Studio 2013 abrirá o projeto. Depois, dê um clique com o botão direito no arquivo Default.aspx na janela da Solution Explorer e clique em View In Browser no menu mostrado após o clique com o botão direito.


O conteúdo desta página resulta da tradução do artigo Getting Started with ASP.NET 4.5 Web Forms – Introduction and Overview, escrito pelo autor Erik Reitan, originalmente presente no site do asp.net. A página correspondente pode ser conferida aqui.


Deixe um comentário

Faça o login usando um destes métodos para comentar:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alteração )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alteração )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alteração )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alteração )

Conectando a %s

%d blogueiros gostam disto: