iMasters | Por uma internet mais criativa e dinâmica

Quinta-feira, 07/10/2004 - 15:27 - Por Marcelo Oliveira
Seções relacionadas:

• Dreamweaver
• MySQL
• PHP

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 15 comentários

Guestbook é um sistema de mensagens que pode ser adicionado ao site tendo como objetivo proporcionar uma maior interatividade de seus usuários, que se tornou muito comum em blogs. Vamos desenvolver nesse artigo um pequeno sistema de Guestbook utilizando PHP & MYSQL pelo Dreamweaver. Você pode usar esse sistema como exemplo em um portal de notícias ou um webblog. Esse artigo foi criado por Marcus Pereira, moderador do fórum no site que coordeno sobre Dreamweaver e adapatado por mim.

Nossa primeira ação é criar um banco de dados e uma tabela .Banco = db_tuto79 e tabela com a seguinte estrutura:

CREATE TABLE `tb_tuto79` ( `ID` TINYINT( 9 ) UNSIGNED NOT NULL AUTO_INCREMENT ,
`data` VARCHAR( 15 ) NOT NULL ,
`nome` VARCHAR( 50 ) NOT NULL ,
`email` VARCHAR( 50 ) NOT NULL ,
`mensagem` VARCHAR( 150 ) NOT NULL ,
PRIMARY KEY ( `ID` )
);

Tabela chamada tb_tuto79 com os seguintes campos: ID, data, nome, email e mensagem. Vamos agora estabelcer uma conexão entre o nosso Dreamweaver e o banco de dados:

Figura 01

Abra uma página em branco e salve-a com o nome de visita.php. Crie uma tabela 5 linhas e 1 coluna. Na primeira linha digite Livro de Visitas. Na segunda linha vamos colocar o formulário para inserção de dados.

Criando esse formulário:

Na Barra Insert selecione a "aba" Application e Insert Record > Record Insertion Form Wizard.

Figura 02

E configure-o da seguinte forma:

Figura 03

Note vários detalhes:

1. em "Afther inserting, go to:" estou determinando que após os dados serem enviados via formulário, retorme para a página visita.php;
2. para se editar cada coluna (Label, Display As, Submit As) selecione o campo (Column) e escolha uma opção em suas respectivas caixas de opção (setas)

Seu formulário deve estar assim:

Figura 04

Selecione o campo Text Field dataMenu Modify > Edit Tag ou Ctrl + F5. Configure igual a tela abaixo:

Figura 05

O que fizemos foi configurar como a data será mostrada pelo PHP em seu campo Data: Coloque no Value o código <? echo date("d-m-Y H:i:s"); ?> e coloque o campo somente para leitura Read Only.

Vamos configurar agora como serão mostradas as mensagens. Na terceira linha de nossa tabela em visita.php, digite Mensagens e na quarta linha ficarão as mensagens postadas. Vamos no Painel Server Behaviors e criamos um recordset.

Figura 06

Escolhi em "Sort" ID > Descending, para que sempre as últimas mensagens postadas, sejam expostas primeiro. Na quarta linha de nossa tabela, crie outra tabela com 1 linha e 1 coluna. Digite nessa célula: data, nome, email, mensagem.

Figura 07

...pelo Painel Bindings insira ao lado de data seu registro correspondente. Repita a operação para os campos restantes, exceto o id.

Figura 08

Que tal colocarmos um aviso que "Não existem mensagens postadas"? Gostou da idéia? Então vamos lá. Na terceira linha (Memsagens) escreva: Nenhuma Mensagem Postada. Selecione a frase e vá até o Painel Server Behaviors > Show Region >Show if Recordset Is Empty e...

Figura 09

...selecione o recordset rs_guestbook.

Figura 10

Testando no navegador (Firefox)...

Figura 11

Estamos quase lá. Já é possível inserir mensagens que serão armazenadas em nosso banco MySQL (textos dinâmicos). Só que um texto de cada vez. Usando o Server Behavior Repeat Region, iremos definir quantas mensagens irão aparecer de uma vez. Selecionamos a célula que contém os campos data, nome, email e mensagens (campos que serão repetidos), Painel Server Behaviors > Repeat Region....

Figura 12

....escolha o recordset rs_guestbook e "Show" 10 Records at a Time.

Figura 13

Novamente, vamos testar nosso Livro de Visitas. Insira alguns itens e F12...

Figura 15

Vamos agora inserir uma barra de navegação. Ela será necessária, porque certamente haverão mais registros a serem mostrados, do que a quantidade pré-definida (repeat region). Vamos em nossa quarta linha da tabela em visita.php, abaixo de Mensagem e pela Barra Application > Recordset Paging > Recordset Navigation Bar.

Figura 16

Você terá suas opções de barra de navegação, tipo texto e com imagens. Escolha imagens.

Figura 17

Veja como ficou a sua barra (Obs: a barra só ficará disponível pelo navegador F12, a medida que for excedido o número de exibições pelo Repeat Region).

Figura 18

Finalizando vamos apresentar a quantidade de postagens. Na quinta linha de nossa tabela em visita.php, digite: Total de Mensagens: Vá no Painel Server Behaviors > Display Record Count > Display Total Records.

Figura 19

No arquivo visita.php....

Figura 20

Depois de alguns ajustes com CSS, nosso Guestbook...

Figura 21

Um abraço.

Todos os artigos de Marcelo Oliveira

05/05/2005 - Editando a Propriedade Float pelo Dreamweaver 28/04/2005 - Dynamic Text 06/04/2005 - Comparando campos em um Formulário 30/03/2005 - Criando um Banner em Flash pelo Dreamweaver 14/03/2005 - Barra de Títulos 07/03/2005 - Server Behavior - Recordset Paging 28/02/2005 - Fundo com áreas arredondadas 22/02/2005 - Formatando datas inseridas pelo Dreamweaver 14/02/2005 - Editando o Server Behavior Repeat Region 12/01/2005 - Menu PullDown 22/12/2004 - Fazendo cálculos em Formulários 14/12/2004 - Sistema de busca interna 06/12/2004 - Fade Menu 23/11/2004 - Pasta Connections 11/11/2004 - Criando um menu com aba 29/10/2004 - Links dinâmicos 19/10/2004 - Sistema com MySQL e PHP, para inserção de RSS Feeds 07/10/2004 - Guestbooks pelo DW, com PHP e MySQL 27/09/2004 - Galeria de imagens 20/09/2004 - Inserindo e editando dados dinâmicos 13/09/2004 - Criando Snippets 09/09/2004 - Inserindo Sessões PHP pelo Dreamweaver 30/08/2004 - Server Behavior - Repeat Region 24/08/2004 - Inserindo dados no MySQL pelo Dreamweaver 17/08/2004 - Insira um Quiz pelo Dreamweaver 12/08/2004 - Criando Classes CSS pelo Dreamweaver 09/08/2004 - Sistema de banners em poucos cliques 02/08/2004 - Formulário de contato em DW e PHP 27/07/2004 - Recebendo um e-mail pré-configurado 19/07/2004 - Tags de Head 13/07/2004 - Painel Snippets 02/07/2004 - Fazendo um Cloaking 23/06/2004 - Álbum de fotos com vídeo aula 16/06/2004 - Extension Manager 07/06/2004 - Find and replace 31/05/2004 - Validação entre navegadores 24/05/2004 - Habilitando a Criação de Server Behaviors 18/05/2004 - Tamanho relativo x Tamanho absoluto 12/05/2004 - Inserindo um SlideShow pelo Dreamweaver 05/05/2004 - Áudio no Dreamweaver 28/04/2004 - Sistema de Autenticação de usuário em PHP pelo Dreamweaver 14/04/2004 - Criando e Validando um Arquivo XHTML pelo Dreamweaver 06/04/2004 - Manipulando imagens com o Dreamweaver MX 2004 29/03/2004 - Editando Formulários 22/03/2004 - Criando uma camada de carregamento (Loading) 17/03/2004 - Timeline no Dreamweaver MX 2004 08/03/2004 - Pop-up Transparente - Parte 02 01/03/2004 - Scroll 10/02/2004 - Templates/Modelos 02/02/2004 - Integração com Banco de Dados - Parte 02 26/01/2004 - Adicionando fontes ao DW (Vídeo aula) 19/01/2004 - Integração com Banco de Dados - Parte 01 13/01/2004 - iFrames 07/01/2004 - Configurando a impressão com CSS 05/01/2004 - Menu Rollover (Behavior + CSS) 17/12/2003 - Pop-up Transparente 09/12/2003 - Criando Listas 01/12/2003 - Layouts otimizados 25/11/2003 - Adicionando vídeo 17/11/2003 - Definindo um Site como tecnologia servidor. 10/11/2003 - Imagem de Rastreamento 03/11/2003 - Camadas (Layers)

15 comentários publicados

• 1. Só você mesmo, Marcelo !!!

  Quinta-feira, 07/10/2004, por Gerson Freire de Amorim Filho
  

  Muito bom o tutorial, consegui fazer sem problemas. Espero que você possa nos alegrar muito tempo com seus conhecimentos.
  
  Até a próxima !

  Responder comentário

• 2. abcd1234

  Terça-feira, 12/10/2004, por Fmedina
  

  Muito bom este teu artigo, mas tive um problema. Minhas mensagens postadas estão aparecendo lado a lado e não com quebra de linha. Apliquei a tag &lt;br&gt; após o comando Mensagem:&lt;?php echo $row_rs_book['mensagem']; ?&gt;&lt;br&gt;&lt;/p&gt;&lt;/td&gt; mas não resolveu. O que pode estar de errado? Obrigado!

  Responder comentário

• 3. Problema resolvido...

  Quarta-feira, 13/10/2004, por Fmedina
  

  Marcelo, já resolvi o problema refazendo os passos novamente. O que havia feito de errado foi o fato de selecionar a celula e não o texto todo na aplicação do Repeat Region. Ficou 10!!!

  Responder comentário

• 4. Ótima matéria

  Quinta-feira, 14/10/2004, por André Sereia
  

  Cara, que legal, tudo parece simples quando se sabe, parabéns pela matéria e pelo nível de explicação, não tem erro, tudo ficou como o indicado...
  ... estou esperando mais e mais.
  Valeu
  Forte Abraço

  Responder comentário

• 5. muito bom

  Quinta-feira, 21/10/2004, por Adriano
  

  não gosto de programar, adorei as dicas p criar conexões de BD's no dreamweaver. Só uma dúvida, tem como corrigir permanentemente aquele bug do dreamweaver que obriga a gente a copiar os arquivos de conecção da pasta de instalação do dreamw. para a pasta do site? valew

  Responder comentário

• 6. Guestbooks pelo DW, com PHP e MySQL

  Quinta-feira, 21/10/2004, por Wesley Willians Ramos da Silva
  

  Muito bom, foi muito simples acompanhar esta procedimento, ficou perfeito.

  Responder comentário

• 7. Ocultar coluna

  Domingo, 05/12/2004, por Andréa
  

  Muito bom isso, funciona perfeitamente, mas e se a pessoa não quiser digitar o e-mail dela? tem comu eu ocultar alguma coluna do BD?
  já tentei com "show if" mas só funciona com uma linha do linha e não com uma coluna.

  Responder comentário

• 8. Conexão DW com BD

  Sexta-feira, 28/01/2005, por ANDRÉ LUÍS
  

  Amigos... depois de muito custo montei o banco de dados. agora como faço pra configurar o DW para abrir esse BD, alguém por favor poderia me eninar??? Valeu!!!

  Responder comentário

• 9. guestbook

  Sábado, 26/02/2005, por Fernando Sampaio
  

  Meu querido, adorei essa metéria, aogra tenho duas dúvidas, por favor me responda por email:
  1 -eu gostaria de por um botão voltar á pagina anterior, e, se possível, entre eles opções de npúmeros de paginas
  2 qual a versão do dream weaver que vc usa?
  Grato.

  Responder comentário

• 10. Como?

  Terça-feira, 23/08/2005, por Nathália Mara de Olivieira
  

  Gostaria que vcs me dessem uma dica de como criar enquetes no DW, os scripts para download estão vindo com erro em outros sites, ou ainda, o script para que os dados do formulário sejam enviados para o meu e-mail, e tbm que o resultado de uma votação seja atualizado automaticamente após a inserção dos dados! Desde jah agradeço!

  Responder comentário

• 11. conexão DW com MySQL

  Terça-feira, 20/09/2005, por Romulo Oliveira Almeida
  

  Não estou conseguindo conectar o Dreamweaver MX 2004 com o MySQL 4.1.14. Pesquisei sobre o assunto e descobri que clientes MySQL anteriores a versão 4.1 terão problemas para efetuar login pois o sistema de senha do MySQL mudou. Segui a sugestão do Site do MySQL de usar o comando old_password, mas não funcionou e pra piorar não consegui mais me conectar ao MySQL pelo cliente de linha de comando. Quem conseguiu solucionar este problema por favor me ajude!

  Responder comentário

• 12. Excelente

  Terça-feira, 06/12/2005, por Valtemir Luiz dos Santos
  

  Parabens pelo tutorias são excelente sou autodidata e aqui acho tudo que preciso para estudar todos os dias entro no site.

  Responder comentário

• 13. Não funciona no servidor

  Quarta-feira, 06/12/2006, por Felipe Casaburi
  

  Olá Marcelo.
  Sua matéria foi excelente.
  Só estou enfrentando um problema e não sei mais como resolver.
  Na minha máquina (Windows XP, PHP 4.3.11, MySQL 3.23.49) está funcionando perfeito.
  Quando subo para o servidor de meu trabalho (Linux, PHP 4.x, MySQL 4) não roda. A tela simplesmente fica em branco.
  No sistema que fiz a partir do tutorial do Leando Vieira "Impedimento de Cadastro Repetidos" também acontece da tela ficar em branco, mas só quando posto o form.
  Obrigado desde já e parabéns novamente.

  Responder comentário

• 14. todos falam q funciona, será??

  Sábado, 10/02/2007, por lucas furlan
  

  aqui no meu pc nao funciona porcaria nenhuma... tenho o php 5, mysql etc... tudo funcionado perfeitamente tanto eh q outros tutoriais eu consegui faser e funcionau certinho agora esse fis e refeiz varias veses e nd!!!!
  nao entra o comentario num funciona uma tremenda bosta
  perdi meu tempo e minha paciencia jah com esse tutorial :@
  o drewn eh o mx? hahahah
  pq nao fais no 8?? achu q a maioria usa o 8

  Responder comentário

• 15. muito boa a materia mais ainda tenho uma duvida

  Sexta-feira, 06/02/2009, por Gustavo Paes
  

  Bom eu ja sabia inserir comentarios nas minhas noticias,
  mais minha duvida é, minhas noticias são filtradas por um comando "idid" que manda para a pag detalhe da noticia e é na pag detalhe_noticia que eu gostaria de inserir os comentarios, eu segui todos os passos mais ai o comentario que fiz em uma noticia tambem aparece nas outras, vc saberia como devo fazer para o comentario aparecer apenas na noticia postada?

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Marcelo Oliveira trabalha com Dreamweaver desde 1999, possui a formação Macromedia Dreamweaver Developer e coordena o DWMX.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

mercado twitter lançamento seguranca brasil windows web iphone crescimento yahoo firefox ti microsoft android internet celular linux php criação desenvolvimento mobile 3g google youtube apple tecnologia

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!