CERTIFICAÇÃO MCP, MCAD E MCSD .NET COM VB.NET

 

MINHA PRIMEIRA WEB APPLICATION

 

O objetivo deste tutorial é mostrar como criar suas aplicações web e familiariza-lo com elas, se você já conhece ou escreveu algumas aplicações web provavelmente não vai aprender muito neste tutorial, mas sempre é bom dar uma revisada.

 

1 – Entre no Visual Studio 2003, no menu File, aponte em New, e clique em Project. (Ou clique Ctrl+Shift+N).

 

 

2 – No painel Project Type, clique em Visual Basic.

 

3 – Aqui a primeira mudança, no painel Templates ao invés de Windows Application clique em ASP.NET Web Application.

 

 

4 – No campo Location, digite exatamente http://localhost/Procurando_o_7

 

Não digite espaços no nome acima, não vamos entrar em detalhes sobre a arquitetura da internet, sobre IIS, nem sobre uma aplicação web agora, não é nosso objetivo, por enquanto apenas entenda que para uma página na internet funcionar é necessário que ela esteja em um servidor de internet, o IIS é o servidor de internet da Microsoft, por isso é necessário sua instalação. Para acessar um servidor é necessário uma url, quando você instala o IIS a url para o acesso do mesmo no seu computador é http://localhost/. Fisicamente os arquivos que são acessados por essa url, estão por padrão armazenados na pasta C:\Inetpub\wwwroot.

 

 

Quando você clicar em OK ele vai criar no IIS tudo que é necessário para sua aplicação web funcionar, e para acessá-la você vão usar a url http://localhost/Procurando_o_7, fisicamente os arquivos da sua aplicação vão estar armazenados na pasta C:\Inetpub\wwwroot\Procurando_o_7.

 

5 – Clique em OK.

 

 

Nossa interface é criada no WebForm.

 

6 - Na Toolbox (barra de ferramentas), arraste para o WebForm1 os seguintes objetos:

 

- 2 Button

 

- 4 Label

 

Lembre-se que a ToolBox contém componentes para serem colocados sobre a superfície de trabalho, como formulários. Os componentes são separados em páginas que facilitam a organização. Utilize a página Web Forms.

 

 

 

7 – Organize os objetos no WebForm como a figura abaixo:

 

 

Agora vamos alterar as propriedades dos objetos que colocamos no WebForm.

 

8 – Clique no Button1 e na janela Properties altere sua propriedade Text para “Girar”.

 

9 – Faça o mesmo com o Button2, mas agora na propriedade Text coloque “Parar”.

 

10 – Altere a propriedades Text dos objetos Label1, Label2 e Label3, para vazio.

 

11 – Altere as seguintes propriedades do objeto Label4.

 

Font Bold = True

 

Font Size = Large

 

Text = Você esta com sorte, apareceu o 7.

 

Visible = False

 

Vai ficar assim:

 

 

12 – Execute a aplicação. Para isso você pode clicar em F5, ou no menu Debug clique em Start.

 

Note que aparecem apenas os dois botões, porque definimos o valor de Label1, Label2, Label3 para vazio e o Label4 definimos a propriedade Visible como False.

 

 

13 - De dois clique sobre o Button1 (Girar), vamos dar uma funcionalidade pra ele.

 

14 – Digite o seguinte código dentro do Private Sub Button1_Click....

 

Label4.Visible = False

 

Label1.Text = CStr(Int(Rnd() * 10))

 

Label2.Text = CStr(Int(Rnd() * 10))

 

Label3.Text = CStr(Int(Rnd() * 10))

 

If (Label1.Text = “7”) Or (Label2.Text = “7”) _

 

Or (Label3.Text = “7”) Then

 

Label4.Visible = True

 

Beep()

 

End If

 

Vai ficar assim:

 

 

15 – Execute a aplicação.

 

16 – No programa em execução, clique em “Girar”.

 

Não vamos colocar código para o botão Parar, para fechar a aplicação basta fechar o navegador, o comando End não funciona em uma aplicação web, para fechar o navegador é necessário uma instrução javascript e não vamos abordá-las neste curso.