PROGRAMAÇÃO

WEB I

Professora: Ana Paula Citro Fujarra Rodrigues

Banco de Dados

(MySQL)

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,

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)

);

Abrir o

WebSiteADM

1º Passo: Abrir o Web Site

Criar uma

Conexão com o

MySQL

1º Passo: Abrir a Aba do Server Explorer

2º Passo: Criar uma nova conexão com o Banco de Dados

Clicar com o botão direito do mouse

Escolher esta opção toda vez que for necessário criar

uma nova conexão com o Banco de Dados

O Server Name é o nome do servidor aonde está instalado o MySQL. Como

estamos trabalhando localmente usaremos 127.0.0.1

3º Passo: Configurar o Sql Server

O User Name: root

Password: ALUNOS

Agora escolhemos o Banco de

Dados que será utilizado

Abrir a Tela

Login.aspx

1º Passo: Configurar o SqlDataSource (sqlLogin) para receber a

conexão criada com o MySQL:

2º Passo: Configurar o comando SELECT do SQL para pesquisar os

valores digitados nas caixas de texto:

Estes são os

PARAMETROS, que

serão configurados

para receber as

caixas de texto da

tela.

Remover os colchetes no nome da tabela e

depois clicar no botão QUERY BUILDER

Preencher os campos Filter com os

valores dos parametros criados na

tela anterior, seguindo o padrão

@PARAMETRO

3º Passo: Clique 2x no botão OK e escrever o código do próximo slide :

Quando não for encontrado

nenhuma informação na tabela

podemos pedir que o usuário tente

logar-se novamente (redicionando

para a tela LOGIN.ASPX) ou

informar na tela que o usuário não

está cadastrado (usando um

LABEL)

Quando encontrarmos o usuário

criamos uma variável na SESSION

para garantir que somente pessoas

logadas podem acessar o site

Abrir a Tela

Default.aspx

(Cadastrar)

1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a

conexão criada com o MySQL:

2º Passo: Configurar o comando INSERT do SQL para cadastrar os

valores digitados nas caixas de texto:

Os Parametros TITULO e

CONTEUDO serão do tipo

CONTROL e receberão a

caixa de texto txtTitulo e

txtConteudo

OBS.: O parametro VALOR fica sem configuração, pois temos que converter

ponto (.) para virgula (,) em linha de código.

O parametro DATA fica sem configuração, pois temos que converter a data no

formato yyyy/MM/dd.

Os parametros IMAGEM1 e IMAGEM2 ficam sem configuração, pois temos que

fazer o upload da imagem para o servidor

Marque todos os

campos, menos

a chave primaria,

isto é, o campo

em negrito

Preencher os campos New Value

com os valores dos parametros

criados na tela anterior, seguindo o

padrão @PARAMETRO

3º Passo: Clique 2x no botão CADASTRAR e escrever o código do

próximo slide :

Verificando o SESSION criado

no LOGIN, se existir, o tela será

exibida, caso não existir,

retornará para a tela Login

Continua no próximo

slide

Continua no próximo

slide

Comando que efetuará o cadastro na

tabela, sem ele o programa não

cadastra NADA na tabela.

Abrir a Tela

Pesq.aspx

(Cadastrar)

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:

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

Preencher o campo Filter com o

valor do parametro criado na tela

anterior, seguindo o padrão

@PARAMETRO

3º Passo: Clique 2x no botão PESQUISAR e escrever o código do

próximo slide :

Verificando o SESSION criado no LOGIN, se

existir, o tela será exibida, caso não existir,

retornará para a tela Login

Quando não for encontrado nenhuma

informação na tabela exibimos no LABEL

uma mensagem de erro e limpamos

todos os campos

Quando encontrarmos a notícia

pesquisada, exibimos os valores

na tela e limpamos o LABEL.