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

40
PROGRAMAÇÃO WEB I Professora: Ana Paula Citro Fujarra Rodrigues Banco de Dados (MySQL) Lado Cliente

Upload: gabriel-bugano

Post on 26-May-2015

184 views

Category:

Documents


12 download

TRANSCRIPT

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

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)

Copiar e colar o

Banco de Dados

no Mysql

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

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)

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)

1º Passo: Abrir o Web Site

Page 6: Aula 06   banco de dados em asp.net (lado cliente)
Page 7: Aula 06   banco de dados em asp.net (lado cliente)
Page 8: Aula 06   banco de dados em asp.net (lado cliente)

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)

Criar a tela

index.aspx (sem master page)

Page 10: Aula 06   banco de dados em asp.net (lado cliente)
Page 11: Aula 06   banco de dados em asp.net (lado cliente)

Criar a tela

TelaExibir1.aspx (sem master page)

Page 12: Aula 06   banco de dados em asp.net (lado cliente)
Page 13: Aula 06   banco de dados em asp.net (lado cliente)

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)
Page 15: Aula 06   banco de dados em asp.net (lado cliente)
Page 16: Aula 06   banco de dados em asp.net (lado cliente)

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)

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)

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)
Page 20: Aula 06   banco de dados em asp.net (lado cliente)

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)
Page 22: Aula 06   banco de dados em asp.net (lado cliente)

Criar a tela

TelaResp.aspx (sem master page)

Page 23: Aula 06   banco de dados em asp.net (lado cliente)
Page 24: Aula 06   banco de dados em asp.net (lado cliente)

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)
Page 26: Aula 06   banco de dados em asp.net (lado cliente)
Page 27: Aula 06   banco de dados em asp.net (lado cliente)

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)

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)

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)
Page 31: Aula 06   banco de dados em asp.net (lado cliente)

3º Passo: Acione o evento LOAD e escreva o código abaixo:

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

Criar a tela

TelaExibir2.aspx (sem master page)

Page 33: Aula 06   banco de dados em asp.net (lado cliente)
Page 34: Aula 06   banco de dados em asp.net (lado cliente)

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)
Page 36: Aula 06   banco de dados em asp.net (lado cliente)
Page 37: Aula 06   banco de dados em asp.net (lado cliente)

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)

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)

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)

4º Passo: Clique 2x no botão OK e escrever o código abaixo: