Canais iMasters

Dreamweaver + MySQL + PHP

Sistema de publicação de fotos com comentários (Exibindo fotos e os comentários referente a ela)

Olá a todos. Gostaria de iniciar este artigo pedindo desculpas a vocês pela demora na publicação. O tempo, nesses dias, infelizmente está bem curto e devido a isso não tive tempo para escrevê-lo mais cedo. Bom, vamos em frente!

No artigo anterior, Sistema de publicação de fotos com comentários (configurando os Recordsets para exibição das fotos), trabalhamos na criação dos Recordsets e, hoje, veremos como utilizá-los.

O objetivo de hoje é exibir a última foto postada com os comentários referente a ela, ou a foto selecionda pelo usuário na lista das últimas publicações. Então, fazeremos uso de três dos Recordsets, sendo eles: rsUltimaFoto com e sem filtro e rsComentarios.

Vamos iniciar exibindo a foto, seja a última postada ou a selecionada pelo usuário.

Veja como ficará a tela no Dreamweaver:

Nela percebemos que há: o título e a data da postam da foto, a foto propriamente dita e a legenda referente a ela. Então, vejamos como chegar até o estado exibido na imagem acima.

Para exibir o título e a data, basta arrastar do painel Bindings (Ctrl + F10) os campos foto_titulo e foto_data respectivamente. Já a foto, procederemos assim:

Clique na opção Images: Image da aba Commom (sexta opção da esquerda para a direita) e configure como mostrado na imagem abaixo:

Explicando:

Informamos que a imagem será oriunda de um Data souces e não de um File system, ou seja, que a sua referência (nome) está armazenada em um banco de dados e não em um diretório. Então, ao marcamos essa opção (Data sources) é exibido os Recordsets presentes na página, bastando apenas selecionar o campo que se refere a foto no Recordset apropriado. Em nosso caso, selecionaremos o campo foto_foto do Recordset rsUltimaFoto.

1º - Escolhemos a opção Data Souces;

2º - Informamos o campo que se referencia à foto;

3º - Acrescentamos o diretório em que as fotos estão armazendas.

Para exibir a legenda da foto, basta arrastar o campo foto_legenda do painel Bindings (Ctrl + F10), assim como feito para a exibição do título e da data.

Agora, vejamos como exibir os comentários.

Sabemos que todos os comentários estão sendo extraídos do banco de dados pelo Recordset rsComentários e que este possui um filtro para exibir somente os comentários da foto em questão. Então, basta arrastar os campos com_autor (responsável pelo comentário) com_data (data em que o comentário foi postado) e com_com (o comentário em sim). E aplicar o behavior Repeat Region para exibir todos os comentários. Veja um print da tela no Dreamweaver:

Para aplicar o behavior Repeat Region, faça o seguinte: selecione os dados oriundo do banco de dados (autor, data e comentário) e aplique o behavior. Ele está localizado na aba Application, sendo a terceira opção da esquerda para a direita, veja a imagem com sua localização:

Agora, veja o exemplo de sua configuração:

Explicando: em Recordset informamos qual o Recordset (rsComentários) e na opção Show, dizemos para exibir todos os dados (All Records).

Bom, se você testou a página no browser, estará vendo as datas no seguinte formato: 2006-03-10 10:49:01 e certamente não está satisfeito com elas. Então, vejamos como formatá-las:

$query_rsUltimaFoto = "SELECT *, date_format(foto_data, "%d/%m/%Y") AS foto_data FROM fotos ORDER BY foto_id DESC";

O que fiz foi alterar a instrução SQL do Recordset, assim apliquei uma formatação de data para o campo com_data, informando para exibir a data assim: 10/03/2006, ou seja, dia, mês e ano. Proceda dessa forma para os demais Recordsets.

Outro detalhe, você deve estar se perguntando, mas como exibir a última foto ou a foto requisitada pelo usuário? Simples, ambos os Recordsets que exibe a última foto ou a foto requisada possui o mesmo nome; quando há uma variável de URL é utilizado o Recordset com o filtro e quando não (há variável de URL), utilizamos o Recordset sem o filtro. Simples.

Veja a págia completa: index.php

Um abraço a todos, uma ótima semana e até o próximo.


Comente também

42 Comentários

Marcus  Valerio Chaves Chaves
Marcus Valerio Chaves Chaves

Excelente conjunto de artigos abordando um sisteminha, parabens, e continue assim!!!!

Ve se faz um sisteminha mais avancado, ja comprei ate o seu CD-ROM Dreamweaver+PHP+MySQL, agora falta um sisteminha mais avancado!!!

Cade o demo on-line pra agente ver funcionando, e o codigo fonte pra baixar.

Valeu pela atenção!!!
Marcus

Cleimar Lemes
Cleimar Lemes

Gostaria de parabenizar, pela excelente matéria.
Gostaria de saber se vc vai ensinar a fazer um sistema de artigos estilo esse das colunas semanais. Valeu obrigado.

luiz lins monteiro junior
luiz lins monteiro junior

como que eu faço pra visualizar um dir... tipo arquivos em jpeg com colunas e linhas exibindo tambem paginações.. e ao clicar em um deles a foto abre na mesma janela...

Leandro Testes
Leandro Testes

Todas as páginas estão sendo disponibilizadas para download no final de cada artigo. No final disponibilizarei tudo novamente.

Leandro Testes
Leandro Testes

Nâo irei fazer um sistema como esse de fotos sobre artigos, fiz um que se encontra neste CD: http://loja.imasters.com.br/detalhe_produto.php?produto=130

Leandro Testes
Leandro Testes

Veja aqui no fórum http://forum.imasters.com.br/ que você encontrará alguns scripts sobre diretórios.

BRUNO TARTARO
BRUNO TARTARO

CARA SERÁ QUE TEM COMO VC EXPLICAR, NAUM SEI SE EH POSSIVEL, EXIBIR RESULTADOS DE UMA BUSCA EM DIVERSAS TABELAS DE UM BANCO DE DADOS USANDO ASP E ACCESS?
OBRIGADO E SEUS TUTOS SAUM DE MUITA AJUDA!!!

Leandro Testes
Leandro Testes

Cara, desculpe-me, mas não domino ASP nem Access

Bruno Siqueira
Bruno Siqueira

Meu caro amigo, não esta exibindo a foto, aparece somente as outras informações: comentario, titulo, data e hora o que pode ter acontecido???? e o seu link index.php estra quebrado portanto não deu para conferir o meu codigo fonte com o seu!!!!!

Bruno Siqueira
Bruno Siqueira

Obrigado mas já resolvi!

Cristhian Pablo Machado
Cristhian Pablo Machado

Bom galerinha o meu script ta funcionando legal... Se vcs não procurarem de alguma forma resolver o problema por vcs mesmos, não vão sair do lugar...
O link do codigo da última pag eh esse: http://www.imasters.com.br/conteudo2/lvieira/33/index.phps
Como eu sei?...bom quem procura acha, isso é lógica!!!.rs
Abraços

Mariana Fill Paris
Mariana Fill Paris

Tem jeito sim! É só saber um pouco de SQL e tirar duvidas com o colunista que posta artigos ASP. Beijinhos!

Leandro Testes
Leandro Testes

Eaí Vitor, blz cara? Cara, não vejo a hora do InterConn 2006, heheh. Nos encontraremos lá, um abraço.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

Marcos Rinaldi
Marcos Rinaldi

Comecei agora a fazer esse sistema e já estou com um problema. Qdo tento abrir a página insere_fotos dá a seguinte msg: Parse error: parse error, unexpected T_STRING, expecting ')' in C:\Xamp\xampp\htdocs\noatacado\insere_foto.php on line 5

Fiz como está no tutorial.Esta é minha linha 5:
function GetSQLValueString ($theValue, $the Type, $theDefinedValue = "", $theNotDefinedValue = ""){
Já fiz de tudo mas não consigo ver o erro. Agradeço se alguém puder ajudar.

luiz lins monteiro junior
luiz lins monteiro junior

Bruno, tipo assim estou fazem um sistema de fotos, pois gostaria que alem da foto destaque na pagina principal, aparececi também outras duas galerias, usei quase toda a materia completa sobre a construção do flog e servil muito, pois a ideia que eu quero é a seguinte... tenho duas tabelas uma de nome cobertura e outra de nome foto, a tabela foto tem varias fotos dentro de uma cobertura, então como que eu faço pra aparecer pelo menos as 3 ultimas coberturas com as fotos conrespondente, mas sabendo que existem varias fotos pra uma unica cobertura... então sei que devo usar o rand() na chamado do banco... você poderia me ajudar nessa, poxa vida conto com você...

luiz lins monteiro junior
luiz lins monteiro junior

Bruno, tipo assim estou fazem um sistema de fotos, pois gostaria que alem da foto destaque na pagina principal, aparececi também outras duas galerias, usei quase toda a materia completa sobre a construção do flog e servil muito, pois a ideia que eu quero é a seguinte... tenho duas tabelas uma de nome cobertura e outra de nome foto, a tabela foto tem varias fotos dentro de uma cobertura, então como que eu faço pra aparecer pelo menos as 3 ultimas coberturas com as fotos conrespondente, mas sabendo que existem varias fotos pra uma unica cobertura... então sei que devo usar o rand() na chamado do banco... você poderia me ajudar nessa, poxa vida conto com você...

Guilherme S. Alencar
Guilherme S. Alencar

LEANDO ANDEI ACOMPANHANDO O PROJETO DESTE CÓDIGO DESDE O INÍCIO, E, AO QUE ME PARECE, O CÓDIGO ESTÁ CHEIO DE FALHAS, OQUE O DREAMWEAVER CRIA NÃO É CORRESPONDENDE,ÀS VEZES, AO QUE VOCÊ DESCREVE NOS TUTURIAIS, E OS ARQUIVOS DISPONIBILIZADOS NÃO ESTÃO ABRINDO. PEÇO-LHE QUE FAÇA UMA REVISÃO GERAL NO PROJETO E TENTE SEGUIR OS TUTORIAIS VOCÊ MESMO USANDO O DREAMWEAVER 8. TEM QUE CORRIGIR UMAS FALHAS CARA, MAS ESTÁ NO DEMAIS, ESTÁ MUITO BOM.

Marcelo Parada
Marcelo Parada

No documento de down tem esta instrução mas não vi daonde vem esse RS ou um rs com este nome se configuramos 4 rs dois com o mesmo nome e dois diferentes?
me ajudem.....

mysql_free_result($rsFotoRequisitada);

ALINE RAPOSO
ALINE RAPOSO

Olá, goataria de informar que o link para a página completa "index.php" está quebrado. por favor, poderiam informar link correto????

grata

ALINE RAPOSO
ALINE RAPOSO

Olá, goataria de informar que o link para a página completa "index.php" está quebrado. por favor, poderiam informar link correto????

grata

ALINE RAPOSO
ALINE RAPOSO

Olá, goataria de informar que o link para a página completa "index.php" está quebrado. por favor, poderiam informar link correto????

grata

ALINE RAPOSO
ALINE RAPOSO

Olá, goataria de informar que o link para a página completa "index.php" está quebrado. por favor, poderiam informar link correto????

grata

Augusto Pereira
Augusto Pereira

a imagem nao aparece so aparece os dados da imagem

Qual a sua opinião?

Comentários considerados ofensivos serão moderados.

Parceiros

IBM
PagSeguro
Internet Innovation
Dialhost
HostNet
Tecla
KingHost
DotStore
Dinamize