![Page 1: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/1.jpg)
PROGRAMAÇÃO
WEB I
Professora: Ana Paula Citro Fujarra Rodrigues
Banco de Dados
(MySQL) – Lado Cliente
![Page 2: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/2.jpg)
Copiar e colar o
Banco de Dados
no Mysql
![Page 3: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/3.jpg)
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)
);
![Page 4: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/4.jpg)
Abrir o
WebSiteADM (com o login, cadastro e
pesquisa, alterar e excluir
funcionando)
![Page 5: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/5.jpg)
1º Passo: Abrir o Web Site
![Page 6: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/6.jpg)
![Page 7: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/7.jpg)
![Page 8: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/8.jpg)
Como estamos usando um
projeto já funcionando
não precisamos criar uma
CONEXÃO com o
MYSQL, pois já existe
uma no projeto
![Page 9: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/9.jpg)
Criar a tela
index.aspx (sem master page)
![Page 10: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/10.jpg)
![Page 11: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/11.jpg)
Criar a tela
TelaExibir1.aspx (sem master page)
![Page 12: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/12.jpg)
![Page 13: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/13.jpg)
1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:
![Page 14: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/14.jpg)
![Page 15: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/15.jpg)
![Page 16: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/16.jpg)
2º Passo: Configurar o comando SELECT do SQL para selecionar os
que estão na tabela:
![Page 17: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/17.jpg)
Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER
![Page 18: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/18.jpg)
3º Passo: Acione o evento LOAD e escreva o código abaixo:
Continua no próximo
slide
![Page 19: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/19.jpg)
![Page 20: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/20.jpg)
4º Passo: Clique 2x em cada ImageButton e LinkButton e escreva o
código abaixo :
Continua no próximo
slide
![Page 21: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/21.jpg)
![Page 22: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/22.jpg)
Criar a tela
TelaResp.aspx (sem master page)
![Page 23: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/23.jpg)
![Page 24: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/24.jpg)
1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:
![Page 25: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/25.jpg)
![Page 26: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/26.jpg)
![Page 27: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/27.jpg)
2º Passo: Configurar o comando SELECT do SQL para cadastrar os
valores digitados nas caixas de texto:
![Page 28: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/28.jpg)
Estes é o
PARAMETRO, que
serão configurados
para receber a caixa
de texto da tela.
Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER
![Page 29: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/29.jpg)
Preencher o campo Filter com o
valor do parametro criado na tela
anterior, seguindo o padrão
@PARAMETRO
![Page 30: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/30.jpg)
![Page 31: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/31.jpg)
3º Passo: Acione o evento LOAD e escreva o código abaixo:
![Page 32: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/32.jpg)
Criar a tela
TelaExibir2.aspx (sem master page)
![Page 33: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/33.jpg)
![Page 34: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/34.jpg)
1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:
![Page 35: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/35.jpg)
![Page 36: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/36.jpg)
![Page 37: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/37.jpg)
2º Passo: Configurar o comando SELECT do SQL para selecionar os
que estão na tabela:
![Page 38: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/38.jpg)
Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER
![Page 39: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/39.jpg)
Se as informações acima não
aparecerem clique em
REFRESH SCHEMA
3º Passo: Configurar o DropDownList para receber as informações da
tabela:
![Page 40: Aula 06 banco de dados em asp.net (lado cliente)](https://reader034.vdocuments.pub/reader034/viewer/2022042700/556380a3d8b42a3b708b558f/html5/thumbnails/40.jpg)
4º Passo: Clique 2x no botão OK e escrever o código abaixo: