O documento apresenta instruções para criação de um banco de dados MySQL e desenvolvimento de um site em ASP.NET com as funcionalidades de login, cadastro e pesquisa de notícias. Inclui etapas como criação de tabelas e campos no banco de dados, conexão do site ao banco de dados, configuração de SqlDataSources e códigos para realizar operações de login, cadastro e pesquisa.

1. PROGRAMAÇÃO
WEB I
 Banco de Dados
(MySQL)
Professora: Ana Paula Citro Fujarra Rodrigues

2. Copiar e colar o
Banco de Dados
no Mysql

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. Abrir o
WebSiteADM

5. 1º Passo: Abrir o Web Site

8. Criar uma
Conexão com o
MySQL

9. 1º Passo: Abrir a Aba do Server Explorer

10. 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

11. 3º Passo: Configurar o Sql Server
O Server Name é o nome do servidor aonde está instalado o MySQL. Como
estamos trabalhando localmente usaremos 127.0.0.1
O User Name: root
Password: ALUNOS
Agora escolhemos o Banco de
Dados que será utilizado

13. Abrir a Tela
Login.aspx

15. 1º Passo: Configurar o SqlDataSource (sqlLogin) para receber a
conexão criada com o MySQL:

18. 2º Passo: Configurar o comando SELECT do SQL para pesquisar os
valores digitados nas caixas de texto:

19. Remover os colchetes no nome da tabela e
depois clicar no botão QUERY BUILDER
Estes são os
PARAMETROS, que
serão configurados
para receber as
caixas de texto da
tela.

20. Preencher os campos Filter com os
valores dos parametros criados na
tela anterior, seguindo o padrão
@PARAMETRO

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

23. 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

24. Abrir a Tela
Default.aspx
(Cadastrar)

26. 1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:

29. 2º Passo: Configurar o comando INSERT do SQL para cadastrar os
valores digitados nas caixas de texto:

30. 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

31. 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

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

34. 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

35. Continua no próximo
slide

36. Comando que efetuará o cadastro na
tabela, sem ele o programa não
cadastra NADA na tabela.

37. Abrir a Tela
Pesq.aspx
(Cadastrar)

39. 1º Passo: Configurar o SqlDataSource (sqlNoticia) para receber a
conexão criada com o MySQL:

42. 2º Passo: Configurar o comando SELECT do SQL para cadastrar os
valores digitados nas caixas de texto:

43. 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.

44. Preencher o campo Filter com o
valor do parametro criado na tela
anterior,
seguindo
o
padrão
@PARAMETRO

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

47. 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.