Criação de uma aplicação Web

A primeira aplicação que será criada abordará uma situação simples onde o usuário entra com os dados de peso e altura, e obtém como resultado o valor IMC- Índice de Massa Corporal.

Para isto é necessário criar uma aplicação

Neste momento será aberto uma caixa de diálogo, onde você deve escolher a categoria JavaWeb dentro das categorias de projetos possíveis dentro do NetBeans.

Após criar o projeto, o NetBeans criará toda a estrutura de diretórios necessária para uma aplicação Web  e criará  também uma página inicial com o nome de index.jsp.

Portanto, à semelhança do ambiente Visual Studio para ASP.NET que usa o nome default.aspx, o NetBeans usa o arquivo index.jsp como página inicial do site.

Nesta página é necessário inserir um formulário e dentro desse formulário inserir os elementos necessários:

Assim devemos começar com as tags de formulário;

<form id="f'1" action="#" method="get>

</form>

A tag de form deve identificar o método através do qual os dados do formulário serão enviados.  Este atributo pode assumir dois valores:

1. get- limitado a 1024 caracteres, sendo que os dados são anexados ao fim da URL, portanto não recomendado para senhas, mas que pode ser útil para para testes.
2. post -não tem limite no tamanho dos dados a ser enviados, sendo que os dados são anexados ao fm da solicitaçã HTTP.  Recomendados para senhas, posto que não exibe os dados para o usuário  e além disto não apresenta problemas quanto ao tamanho dos dados

Após inserirmos a tag de form, inserimos dentro da mesma a tag de um parágrafo com uma caixa de texto  dentro do mesmo, de forma que ficamos assim:

<form id="f'1" action="#" method="get>

 <p> Peso: <input type="text" id="peso" name="peso" value="76" /> Kilogramas</p>

</form>

A tag de input com o atributo type recebendo o valor text, cria uma caixa de texto com o nome de peso e valor inicial de 76. 

Lembre-se, id é um nome identificador tal qual name, mas name pode ser usado para identificar um grupo de componentes, enquanto que o id é único para cada elemento isolado ou de um grupo. Como exemplo, se temos um grupo de botões radio, o name do grupo será o mesmo para todos botões de radio, mas cada botã de rádio terá o seu próprio id.

O próximo passo é criar  a nova caixa de texto para a altura:

<form id="f'1" action="#" method="get>

 <p> Peso: <input type="text" id="peso" name="peso" value="76" /> Kilogramas</p>

<p> Altura: <input type="text" id="altura" name="altura" value="1.76" /> Metros</p>

</form>

Nesta parte, vale observar que o Java usa o ponto no lugar da vírgula.

O próximo passo é inseri dois botões:

1. Botão de reset: que ao ser pressionado volta os campos ao valores iniciais. Leia com atenção, não limpa os campos, como se poderia pensar, mas volta os campos aos valores iniciais.
2. Botão de submit: que ao ser pressionado envia os dados do formulário para o valor do atributo action da tag form, utilizando o método definido no atributo method  da tag form.

<form id="f'1" action="#" method="get>

 <p> Peso: <input type="text" id="peso" name="peso" value="76" /> Kilogramas</p>

<p> Altura: <input type="text" id="altura" name="altura" value="1.76" /> Metros</p>

 <p> <input type="reset" id="btn1"> <input type="submit" id="btn2" /> </p>

</form>