Web Forms

Nesta aula iremos aprender o que é web forms, e qual a relação deste tipo de aplicação com aplicação windows.

WEB FORMS

O ambiente de desenvolvimento Web Form foi construído com base no ambiente de desenvolvimento Windows Forms e também da linguagem Delphi,da Borland, muito utilizada na época. Nestes ambientes de programação,para criar um componente,Button, por exemplo, temos que arrastar e soltar o componente em um formulário através de uma ToolBox e desta maneira também foi construído o Web Form.

Em 1996, a Microsoft contratou Anders Hejlsberg, profissional que construiu A IDE das aplicações em Delphi, para construir as aplicações em C#. Quando ele foi para a Microsoft, ele trouxe algumas das tecnologias até então utilizadas na Borland .A partir deste momento o Visual Studio teve um grande crescimento.

Nesta época também ja existia o ASP da Microsoft e o PHP , Open source, muito utilizados para construção de aplicações Web. As pessoas então que desenvolviam Web tinham as técnicas de Front-end -HTML-CSS-Javascript e Back-End.

Então a equipe da Borland para facilitar para os Back-ends trouxe a tecnologia que eles criaram das aplicações Windows para aplicações Web, surgindo o Web Forms.

Atualmente ainda existem aplicações legadas feitas em WebForms para manutenção de sistema.

Criar uma aplicação Web Form

No Visual Studio selecionar:

File -> New -> Web Site;
Asp Net Empty Web Site

Dessa forma será criada uma aplicação Web com o arquivo webconfig, parecido com o app.config da aplicação windows.

Agora vamos adicionar uma página. Clicar com o Botão direito do mouse no nome do projeto e selecionar:

Add -> Add New Item;
Web Form

Será criado um arquivo chamado Default.aspx já com uma estrutura padrão das tags HTML

      
        
        < html xmlns="http://www/w3.org/1999/xhtml">
        < head runat="server> 
          < title > < /title>
        < /head>
        < body>
            < form id="form1" runat="server"
              < div>

              < /div>
          
            < /form>
        < /body>
        < html>

Existe o modo Designer que mostra um formulário onde podemos arrastar os componentes da caixa de ferramentas para a tela.

No nosso exemplo, vamos arrastar dois componentes para a página, um TextBox e um Button.

A tag asp não é tag HTML. É uma tag do AspNet que transforma em uma tag HTML.

      
         
        
        < html xmlns="http://www/w3.org/1999/xhtml">
        < head runat="server> 
          < title > < /title>
        < /head>
        < body>
            < form id="form1" runat="server"
              < div>

              < /div>
                < asp:TextBox ID="TextBox1" runat="server">< /asp:TextBox>
                < asp:Button ID="Button1" runat="server" Text="Button" />
            < /form>
        < /body>
        < html>

Podemos clicar no componente e ir em propriedades para mudar o ID do textbox e Button:

Na propriedade ID do TextBox, digitar txtMensagem
Na propriedade ID do Button, digitar btnOk
Na propriedade Text do Button, digitar Mostrar Mensagem

Ao compilar a aplicação, a página principal que é executada é a Default.aspx.

Inserindo um alerta para o Button

Existem 2 formas de inserir o alerta:

Registrando um Script em Javascript;
Através do Response/Request, que são métodos do Http

Ao executar um clique no componente btnOK, será criado um evento click para que possamos escrever o nosso código:

      
        public partial class _Default : System.Web.UI.Page 
        {
          protected void btnOk_Click (object sender, EventArgs e)
          {
              Response.Write("Olá" + txtMensagem.Text);
          }

        }