8 de jan de 2012

[EXEMPLO] Como criar uma página utilizando as dicas de programação

Conforme mencionado nos tópicos:
[Parte 1] Capítulo 2: Introdução a programação web em páginas ASP.NET utilizando Razor Syntax
[Parte 2] Capítulo 2: Introdução a programação web em páginas ASP.NET utilizando Razor Syntax
[Parte 3] Capítulo 2: Introdução a programação web em páginas ASP.NET utilizando Razor Syntax
existem 8 principais dicas de programação para começar bem o desenvolvimento ASP.NET utilizando Razor Syntax.

Neste tópico iremos demonstrar como criar uma página seguindo as dicas dadas nos posts anteriores. A página solicitará ao usuário que insira 2 números e irá disponibilizar na tela o resultado da adição.

1 - No seu editor, crie um novo arquivo chamado somaNumeros.cshtml. (Se não se lembra como criar arquivos no WebMatrix, clique AQUI)

2 - O código da página deve ficar dessa forma:

3 - A página, ao ser executada, exibirá a seguinte forma:

Sobre este exemplo, devemos considerar as seguintes observações:


- O @ inicia o primeiro bloco de código da página e precede a variável msgTotal, incorporada na parte inferior da página.
- O bloco no topo da página está inserido entre chaves.
- No bloco do topo, todas as linhas terminam com ponto-e-virgula.
- As variáveis total, num1, num2 e msgTotal armazenam tanto números quanto strings.
- O valor literal da string atribuída a msgTotal está entre aspas duplas.
- O fato de o código ser case-sensitive, obriga a variável msgTotal, empregada perto do botão da página ter exatamente a mesma grafia da variável no bloco no topo da página.
- A expressão num1.AsInt()+num2.AsInt() demonstra como trabalham objetos e métodos. o método AsInt converte as strings digitadas pelo usuário em números inteiros, para podermos operar aritmeticamente com eles.
- A tag <form> inclui o atributo method="post". Esse atributo especifica que quando o usuário clicar em "Somar", a página será enviada ao servidor utilizando o método POST. Quando a página for submetida ao servidor, o teste if(IsPost) testa se o retorno é igual a TRUE e o código condicional é executado, exibindo o resultado na tela.

Nenhum comentário:

Postar um comentário

Sua crítica, sugestão ou comentário será muito bem vindo!