Web Server Controls e
Banco de Dados em ASP .NET
       Prof. Orlando Jr.
Estudos de Hoje
• O que são controles de web server?

• Quais são os principais controles do ASP .NET?

• Como conectar minha página a um banco de
  dados?

• Quais controles são utilizados para aplicações
  com bancos de dados?
Web Server Controls
• Os controles de web server permitem que:
   – A programação do lado cliente interaja com a programação
     do lado servidor
   – Os navegadores interpretem o código sem que o lado
     servidor seja acessado na execução

• São consistentes, otimizados e são mais seguros que os
  controles HTML

• A maior partes dos controles web server são
  destinados à criação ou validação de formulários web
Controles Web
• Os controles web nativos do ASP .NET seguem a
  estrutura geral abaixo:



• Todo controle web possui
  –   Nome do controle  Controle
  –   Atributos  ID e runat
  –   Valores dos atributos  Identificação e server
  –   Outros atributos (opcional)
Principais Controles Web Server
• Label
  – Usado para exibir textos na página
  – Muito utilizado para textos dinâmicos



• TextBox
  – Controle de caixa de texto para entrada de usuário
Principais Controles Web Server
• Button
    – Existem 3 botões no ASP .NET
       • Button: botão HTML
       • LinkButton: botão em forma de hyperlink
       • ImageButton: botão em forma de imagem




•
Principais Controles Web Server
• Button
    – Os três tipos de botão devem possuem o atributo
      OnClick
    – O valor de OnClick deve definir um método no lado
      servidor que realizará a ação do botão




•
Banco de Dados
• Existem 2 formas de criar aplicações ASP .NET que
  realizam interação com bancos de dados:
   – Utilizando controles Web Server
   – Utilizando programação no lado servidor (code behind)

• Na programação por controles Web Server, 2 tipos
  diferentes de controles são necessários:
   – Conexão com o banco de dados
      • AccessDataSource, SqlDataSource, etc.
   – Exibição dos dados
      • Repeater, DataList, DataGrid, GridView etc.
Controles de Conexão
• AccessDataSource
  – Representa um banco de dados do tipo Microsoft
    Access (.mdb)
  – Utiliza o caminho físico do arquivo para realizar a
    conexão

• SqlDataSource
  – Representa a instância de qualquer tipo de base de
    dados
     • OleDB, ODBC, OracleClient, SqlClient, MySqlClient, etc.
  – Necessita de uma string de conexão
Controles de Conexão
Controles de Exibição de Dados
• O ASP .NET apresenta diversos controles para
  exibição de dados

• Cada controle é exibido na página de uma forma
  (tabela, lista, sem forma, formato configurado,
  etc.)

• Além dos controles nativos do ASP .NET, é
  possível adquirir controles de outras empresas ou
  ainda criar seu próprio controle
Controles de Exibição de Dados
• Repeater
   – Controle de repetição de dados
   – Não tem aparência definida
   – O programador tem mais liberdade para criar a forma de apresentação
     dos dados
   – É necessário utilizar controles HTML para criar o layout

• GridView
   – Controle em formato de tabela
       • As colunas representam os campos
       • As linhas representam os registros
   – Tem aparência definida
   – Pode ser configurado
   – O layout é pré-definido, mas pode ser ajustado
Web Server Controls e Banco de Dados

Web Server Controls e Banco de Dados

  • 1.
    Web Server Controlse Banco de Dados em ASP .NET Prof. Orlando Jr.
  • 2.
    Estudos de Hoje •O que são controles de web server? • Quais são os principais controles do ASP .NET? • Como conectar minha página a um banco de dados? • Quais controles são utilizados para aplicações com bancos de dados?
  • 3.
    Web Server Controls •Os controles de web server permitem que: – A programação do lado cliente interaja com a programação do lado servidor – Os navegadores interpretem o código sem que o lado servidor seja acessado na execução • São consistentes, otimizados e são mais seguros que os controles HTML • A maior partes dos controles web server são destinados à criação ou validação de formulários web
  • 4.
    Controles Web • Oscontroles web nativos do ASP .NET seguem a estrutura geral abaixo: • Todo controle web possui – Nome do controle  Controle – Atributos  ID e runat – Valores dos atributos  Identificação e server – Outros atributos (opcional)
  • 5.
    Principais Controles WebServer • Label – Usado para exibir textos na página – Muito utilizado para textos dinâmicos • TextBox – Controle de caixa de texto para entrada de usuário
  • 6.
    Principais Controles WebServer • Button – Existem 3 botões no ASP .NET • Button: botão HTML • LinkButton: botão em forma de hyperlink • ImageButton: botão em forma de imagem •
  • 7.
    Principais Controles WebServer • Button – Os três tipos de botão devem possuem o atributo OnClick – O valor de OnClick deve definir um método no lado servidor que realizará a ação do botão •
  • 8.
    Banco de Dados •Existem 2 formas de criar aplicações ASP .NET que realizam interação com bancos de dados: – Utilizando controles Web Server – Utilizando programação no lado servidor (code behind) • Na programação por controles Web Server, 2 tipos diferentes de controles são necessários: – Conexão com o banco de dados • AccessDataSource, SqlDataSource, etc. – Exibição dos dados • Repeater, DataList, DataGrid, GridView etc.
  • 9.
    Controles de Conexão •AccessDataSource – Representa um banco de dados do tipo Microsoft Access (.mdb) – Utiliza o caminho físico do arquivo para realizar a conexão • SqlDataSource – Representa a instância de qualquer tipo de base de dados • OleDB, ODBC, OracleClient, SqlClient, MySqlClient, etc. – Necessita de uma string de conexão
  • 10.
  • 11.
    Controles de Exibiçãode Dados • O ASP .NET apresenta diversos controles para exibição de dados • Cada controle é exibido na página de uma forma (tabela, lista, sem forma, formato configurado, etc.) • Além dos controles nativos do ASP .NET, é possível adquirir controles de outras empresas ou ainda criar seu próprio controle
  • 12.
    Controles de Exibiçãode Dados • Repeater – Controle de repetição de dados – Não tem aparência definida – O programador tem mais liberdade para criar a forma de apresentação dos dados – É necessário utilizar controles HTML para criar o layout • GridView – Controle em formato de tabela • As colunas representam os campos • As linhas representam os registros – Tem aparência definida – Pode ser configurado – O layout é pré-definido, mas pode ser ajustado