PROGRAMAÇÃO
WEB I
 Banco de Dados
(MySQL) – Lado Cliente
Professora: Ana Paula Citro Fujarra Rodrigues
Copiar e colar o
Banco de Dados
no Mysql
create database site_web;
use site_web;
create table usuario
(
cod_usu int auto_increment,
login_usu varchar(20) not null,...
Abrir o
WebSiteADM
(com o login, cadastro e
pesquisa, alterar e excluir
funcionando)
1º Passo: Abrir o Web Site
Como estamos usando um
projeto já funcionando
não precisamos criar uma
CONEXÃO com o
MYSQL, pois já existe
uma no projeto
Criar a tela
index.aspx
(sem master page)
Criar a tela
TelaExibir1.aspx
(sem master page)
1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:
2º Passo: Configurar o comando SELECT do SQL para selecionar os
que estão na tabela:
Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER
3º Passo: Acione o evento LOAD e escreva o código abaixo:

Continua no próximo
slide
4º Passo: Clique 2x em cada ImageButton e LinkButton e escreva o
código abaixo :

Continua no próximo
slide
Criar a tela
TelaResp.aspx
(sem master page)
1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:
2º Passo: Configurar o comando SELECT do SQL para cadastrar os
valores digitados nas caixas de texto:
Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER

Estes é o
PARAMETRO, que
serão configurados...
Preencher o campo Filter com o
valor do parametro criado na tela
anterior,
seguindo
o
padrão
@PARAMETRO
3º Passo: Acione o evento LOAD e escreva o código abaixo:
Criar a tela
TelaExibir2.aspx
(sem master page)
1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:
2º Passo: Configurar o comando SELECT do SQL para selecionar os
que estão na tabela:
Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER
3º Passo: Configurar o DropDownList para receber as informações da
tabela:

Se as informações acima não
aparecerem
clique
...
4º Passo: Clique 2x no botão OK e escrever o código abaixo:
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Aula 06   banco de dados em asp.net (lado cliente)
Próximos SlideShares
Carregando em…5
×

Aula 06 banco de dados em asp.net (lado cliente)

498 visualizações

Publicada em

  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Aula 06 banco de dados em asp.net (lado cliente)

  1. 1. PROGRAMAÇÃO WEB I  Banco de Dados (MySQL) – Lado Cliente Professora: Ana Paula Citro Fujarra Rodrigues
  2. 2. Copiar e colar o Banco de Dados no Mysql
  3. 3. create database site_web; use site_web; create table usuario ( cod_usu int auto_increment, login_usu varchar(20) not null, senha_usu varchar(20) not null, primary key(cod_usu) ); insert into usuario values(0,'adm','adm'); create table noticia ( cod_not int auto_increment, titulo_not varchar(255) not null, conteudo_not text not null, imagem1 varchar(255) not null, imagem2 varchar(255) not null, valor_not float not null, data_not datetime not null, primary key(cod_not) );
  4. 4. Abrir o WebSiteADM (com o login, cadastro e pesquisa, alterar e excluir funcionando)
  5. 5. 1º Passo: Abrir o Web Site
  6. 6. Como estamos usando um projeto já funcionando não precisamos criar uma CONEXÃO com o MYSQL, pois já existe uma no projeto
  7. 7. Criar a tela index.aspx (sem master page)
  8. 8. Criar a tela TelaExibir1.aspx (sem master page)
  9. 9. 1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a conexão criada com o MySQL:
  10. 10. 2º Passo: Configurar o comando SELECT do SQL para selecionar os que estão na tabela:
  11. 11. Remover os colchetes no nome da tabela e depois clicar no botão QUERY BUILDER
  12. 12. 3º Passo: Acione o evento LOAD e escreva o código abaixo: Continua no próximo slide
  13. 13. 4º Passo: Clique 2x em cada ImageButton e LinkButton e escreva o código abaixo : Continua no próximo slide
  14. 14. Criar a tela TelaResp.aspx (sem master page)
  15. 15. 1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a conexão criada com o MySQL:
  16. 16. 2º Passo: Configurar o comando SELECT do SQL para cadastrar os valores digitados nas caixas de texto:
  17. 17. Remover os colchetes no nome da tabela e depois clicar no botão QUERY BUILDER Estes é o PARAMETRO, que serão configurados para receber a caixa de texto da tela.
  18. 18. Preencher o campo Filter com o valor do parametro criado na tela anterior, seguindo o padrão @PARAMETRO
  19. 19. 3º Passo: Acione o evento LOAD e escreva o código abaixo:
  20. 20. Criar a tela TelaExibir2.aspx (sem master page)
  21. 21. 1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a conexão criada com o MySQL:
  22. 22. 2º Passo: Configurar o comando SELECT do SQL para selecionar os que estão na tabela:
  23. 23. Remover os colchetes no nome da tabela e depois clicar no botão QUERY BUILDER
  24. 24. 3º Passo: Configurar o DropDownList para receber as informações da tabela: Se as informações acima não aparecerem clique em REFRESH SCHEMA
  25. 25. 4º Passo: Clique 2x no botão OK e escrever o código abaixo:

×