[SOLUCIONADO] mostrar imágenes asociadas a un registro

aviweb2015 · #1 (**permalink**) 04/04/2017, 12:21

estoy tratando de mostrar una consulta y en la misma mostrar las imágenes asociadas a ese registro, pero solo consigo que me muestro solo una imagen cuando no debería ser ya que si un registro tiene asociado tres imágenes debería mostrarlas todas pero como dije solo consigo que me devuelva solo una imagen,

aquí mis tablas:

tabla: detalles_catagorias

id, fk_categorias, precio, descripcion, detalles

tabla: detalles_img

id, imagen

relación de ambas tablas: id de la tabla detalles_catagorias con id de la tabla detalles_img.

También estaba tratando de hacer la separación de las imágenes con explode pero si no logro mostrar las imágenes como debería ser como voy a a llegar a la parte de separar las imágenes o no se si haria falta esa separacion, gracias de ante mano

Consulta SQL:

Código MySQL:

Ver originalSELECT  detalles_categorias.id, detalles_categorias.fk_categorias, detalles_categorias.precio, detalles_categorias.descripcion,
       detalles_categorias.detalles, detalles_img.id, detalles_img.imagen, GROUP_CONCAT(detalles_img.imagen SEPARATOR '----')
FROM detalles_categorias
INNER JOIN detalles_img ON detalles_img.id=detalles_categorias.id GROUP BY fk_categorias

método de mi consulta

Código PHP:

Ver original<?php
$sql = "SELECT 
detalles_categorias.id,
detalles_categorias.fk_categorias,
detalles_categorias.precio,
detalles_categorias.descripcion,
detalles_categorias.detalles,
detalles_img.id,
detalles_img.imagen, GROUP_CONCAT(detalles_img.imagen SEPARATOR '----')
FROM detalles_categorias INNER JOIN detalles_img ON detalles_img.id=detalles_categorias.id GROUP BY fk_categorias";
$consulta = $DB_con->prepare($sql);
$consulta->execute(array(':id'=>$id));
if($consulta->rowCount() > 0){
$i=1;
 
echo "<table  class='bordered responsive-table'>
<thead>
<tr>
<th data-field='Nº'>Nº</th>
<th data-field='Código'>categorias</th>
<th data-field='Código'>precio</th>
<th data-field='Código'>descripcion</th>
<th data-field='Código'>detalles</th>
<th data-field='Código'>imagenes</th>
<th data-field='Operaciones'>Operaciones Administrador</th>
</tr>
</thead>";
while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
echo "<tr>
<td align=center>$i</td>
<td align=center>{$linea['fk_categorias']}</td>
<td align=center>{$linea['precio']}</td>
<td align=center>{$linea['descripcion']}</td>
<td align=center>{$linea['detalles']}</td>
<td align=center><img src='../galerias/$linea[imagen]' class=responsive-img circle center-align width=70px height=70px></td>
";
?>
<?php 
 $imagen = explode("/", $linea[imagen]);
//var_dump($imagen);
?>
 
<?php
echo "<td colspan='2'>
<form action='actualizar_seguros.php' method='GET'> 
<input type=hidden name=id value='$linea[id]'>
<button class='btn waves-effect blue-grey darken-4 left  
btn-small tooltipped' data-position='bottom'
data-tooltip='Actualizar' type='submit' name='actualizar'>
<i class='material-icons'>update</i>
</button></form>
 
 
 
 
<form action='consultar_seguros.php' method='POST'> 
<input type=hidden name=id value='$linea[id]'>
<button class='btn waves-effect blue-grey darken-4 left  
btn-small tooltipped' data-position='bottom'
data-tooltip='Eliminar' type='submit' name='eliminar'>
<i class='material-icons'>delete</i>
</button></form>
 
 
 
<a href='categorias.php' 
<button class='btn waves-effect blue-grey darken-4 left  
btn-small tooltipped' data-position='bottom'
data-tooltip='Volver' type='submit'>
<i class='material-icons'>reply_all</i>
</button></a>
 
 
 
 
</td>
</tr>";
$i++;
}
}else
echo "<div class='col s12 card-panel yellow darken-2 center'>
<h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>
¡ Advertencia: No se ha encontrado ningún registro ! <a href='categorias.php' class='teal-text darken-4'>volver</a>
</h5>
</div>";
 
echo "</table>";
 
 
?>

Triby2 · #2 (**permalink**) 04/04/2017, 13:26

La estructura de la tabla detalles_img es incorrecta:

Debería de ser:
id - que almacena la id de cada imagen
det_cat_id - que almacena el id de cada detalle_categorias
detalle_img - la imagen

Luego haces un:
SELECT * FROM detalle_img WHERE det_cat_id = ?

o tu query:

Código MySQL:

Ver originalSELECT 
detalles_categorias.id,
detalles_categorias.fk_categorias,
detalles_categorias.precio,
detalles_categorias.descripcion,
detalles_categorias.detalles,
detalles_img.id,
detalles_img.imagen, GROUP_CONCAT(detalles_img.imagen SEPARATOR '----')
FROM detalles_categorias INNER JOIN detalles_img ON detalles_img.det_cat_id = detalles_categorias.id GROUP BY fk_categorias";

y el resultado te traería todas las imagenes relacionadas cada detalle_categora.

Piensa una cosa, cualquiera que intente bregar con esa base de datos no tiene forma humana de averiguar cuales imagenes pertenece a una categoria, con lo cual, cuando diseñes una tabla, tienes que hacerlo pensando en cómo identificarias lo que deseas de manera fácil.

De esa manera agilizas tu trabajo y la programación alrededor de la tabla.

aviweb2015 · #3 (**permalink**) 04/04/2017, 13:50

Cita:

Iniciado por Triby2

La estructura de la tabla detalles_img es incorrecta:

Debería de ser:
id - que almacena la id de cada imagen
det_cat_id - que almacena el id de cada detalle_categorias
detalle_img - la imagen

Luego haces un:
SELECT * FROM detalle_img WHERE det_cat_id = ?

o tu query:

Código MySQL:

Ver originalSELECT 
detalles_categorias.id,
detalles_categorias.fk_categorias,
detalles_categorias.precio,
detalles_categorias.descripcion,
detalles_categorias.detalles,
detalles_img.id,
detalles_img.imagen, GROUP_CONCAT(detalles_img.imagen SEPARATOR '----')
FROM detalles_categorias INNER JOIN detalles_img ON detalles_img.det_cat_id = detalles_categorias.id GROUP BY fk_categorias";

y el resultado te traería todas las imagenes relacionadas cada detalle_categora.

Piensa una cosa, cualquiera que intente bregar con esa base de datos no tiene forma humana de averiguar cuales imagenes pertenece a una categoria, con lo cual, cuando diseñes una tabla, tienes que hacerlo pensando en cómo identificarias lo que deseas de manera fácil.

De esa manera agilizas tu trabajo y la programación alrededor de la tabla.

correjido pero igual me sigue mostrando una imagen, recuerda que estoy consultando dos tablas a la vez

detalles_img

id fk_detalles_categorias imagen

asi quedo mi tabla ahora

Triby2 · #4 (**permalink**) 04/04/2017, 15:27

Cita:

Iniciado por aviweb2015

correjido pero igual me sigue mostrando una imagen, recuerda que estoy consultando dos tablas a la vez

detalles_img

id fk_detalles_categorias imagen

asi quedo mi tabla ahora

podrías probar que te devuelve si cambiar INNER JOIN por LEFT JOIN?
podrías probar que te devuelve si solo le quitas el GroupBy?

aviweb2015 · #5 (**permalink**) 04/04/2017, 15:33

Cita:

Iniciado por Triby2

podrías probar que te devuelve si cambiar INNER JOIN por LEFT JOIN?
podrías probar que te devuelve si solo le quitas el GroupBy?

podrías probar que te devuelve si cambiar INNER JOIN por LEFT JOIN?

igual

podrías probar que te devuelve si solo le quitas el GroupBy?

solo me muestra un registro y las fotos iguales solo la primera foto

Triby2 · #6 (**permalink**) 04/04/2017, 17:26

Cita:

Iniciado por aviweb2015

podrías probar que te devuelve si cambiar INNER JOIN por LEFT JOIN?

igual

podrías probar que te devuelve si solo le quitas el GroupBy?

solo me muestra un registro y las fotos iguales solo la primera foto

Pues entonces hazlo al revés!

SELECT
detalles_categorias.id,
detalles_categorias.fk_categorias,
detalles_categorias.precio,
detalles_categorias.descripcion,
detalles_categorias.detalles,
detalles_img.id,
detalles_img.imagen,
FROM detalles_img
INNER JOIN detalles_img ON detalles_img.det_cat_id = detalles_categorias.id;

Eso te devolverá todos los registros de las imagnes junto con los datos de la tabla categoria que le pertenece a cada imagen.

Después haces un query solo para las categorias donde solo obtengas la id de cada categoria. Recorres el array de las categorias con un foreach donde tendrás que ajuntar manualmente las imagenes de cada categoria y después ya podrás pegar el codigo html a la tabla, se te debería de ver bien así.

Triby · #7 (**permalink**) 04/04/2017, 18:35

Tu problema no es de PHP, sino de MySQL y, a simple vista, me parece que no estás usando el resultado que obtienes de GROUP_CONCAT(detalles_img.imagen SEPARATOR '----'), si agregas un alias podrías tratar de averiguar lo que hay ahí, ejemplo:

GROUP_CONCAT(detalles_img.imagen SEPARATOR '----') as concatenado

En fin, muevo tu tema a MySQL donde podrán orientarte mejor.

aviweb2015 · #8 (**permalink**) 04/04/2017, 19:19

Cita:

Iniciado por Triby

Tu problema no es de PHP, sino de MySQL y, a simple vista, me parece que no estás usando el resultado que obtienes de GROUP_CONCAT(detalles_img.imagen SEPARATOR '----'), si agregas un alias podrías tratar de averiguar lo que hay ahí, ejemplo:

GROUP_CONCAT(detalles_img.imagen SEPARATOR '----') as concatenado

En fin, muevo tu tema a MySQL donde podrán orientarte mejor.

gracias amigo ya lo pude resulver la consulta quedando de esta forma que es lo que se quiere:

Código SQL:

Ver originalSELECT 
detalles_categorias.id,
detalles_categorias.fk_categorias,
detalles_categorias.precio,
detalles_categorias.descripcion,
detalles_categorias.detalles,
GROUP_CONCAT(detalles_img.imagen SEPARATOR '----')
FROM detalles_categorias INNER JOIN detalles_img ON detalles_img.fk_detalles_categorias = detalles_categorias.id 
WHERE detalles_img.fk_detalles_categorias = detalles_categorias.id
GROUP BY detalles_img.fk_detalles_categorias";

ahora para mostrar las imágenes lo estoy haciendo de la siguiente manera pero no se me muestran las imágenes

Código PHP:

Ver original<?php 
$arr = explode("----", $linea[imagen]);
foreach ($arr as $item) { echo '<td align=center><img src="http://www.forosdelweb.com/f86/galerias/'.$item.'" class=responsive-img circle center-align width=70px height=70px/></td>'; }
?>

anexo link para ver el sql puro

http://sqlfiddle.com/#!9/7f6034/7

aviweb2015 · #9 (**permalink**) 04/04/2017, 20:20

ya lo pude solucionar anexo código completo de como debería quedar doy por cerrado el hilo

Código PHP:

Ver original<?php
 
 
 
 
$sql = "
SELECT 
detalles_categorias.id,
detalles_categorias.fk_categorias,
detalles_categorias.precio,
detalles_categorias.descripcion,
detalles_categorias.detalles,
GROUP_CONCAT(detalles_img.imagen SEPARATOR '-') AS imagen
FROM detalles_categorias INNER JOIN detalles_img ON detalles_img.fk_detalles_categorias = detalles_categorias.id 
WHERE detalles_img.fk_detalles_categorias = detalles_categorias.id
GROUP BY detalles_img.fk_detalles_categorias";
$consulta = $DB_con->prepare($sql);
$consulta->execute();
if($consulta->rowCount() > 0){
$i=1;
 
echo "<table  class='bordered responsive-table'>
<thead>
<tr>
<th data-field='Nº'>Nº</th>
<th data-field='Código'>categorias</th>
<th data-field='Código'>precio</th>
<th data-field='Código'>descripcion</th>
<th data-field='Código'>detalles</th>
<th data-field='Código' colspan='2'>imagenes</th>
<th data-field='Operaciones'>Operaciones Administrador</th>
</tr>
</thead>";
while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
 
echo "
<tr>
<td align=center>$i</td>
<td align=center>{$linea['fk_categorias']}</td>
<td align=center>{$linea['precio']}</td>
<td align=center>{$linea['descripcion']}</td>
<td align=center>{$linea['detalles']}</td>
";
?>
 
 
<?php 
$detalles_img = explode("-", $linea['imagen']);
foreach ($detalles_img as $value) { 
echo ('<td colspan="2"><img src="http://www.forosdelweb.com/f86/galerias/'.$value.'" class=responsive-img circle center-align width=50px height=50px/></td>') ; 
}
?>
 
<?php
echo "<td colspan='2'>
<form action='actualizar_multiple.php' method='GET'> 
<input type=hidden name=id value='$linea[id]'>
<button class='btn waves-effect blue-grey darken-4 left  
btn-small tooltipped' data-position='bottom'
data-tooltip='Actualizar' type='submit' name='actualizar'>
<i class='material-icons'>update</i>
</button></form>
 
<form action='consultar_seguros.php' method='POST'> 
<input type=hidden name=id value='$linea[id]'>
<button class='btn waves-effect blue-grey darken-4 left  
btn-small tooltipped' data-position='bottom'
data-tooltip='Eliminar' type='submit' name='eliminar'>
<i class='material-icons'>delete</i>
</button></form>
 
<a href='multiple.php' 
<button class='btn waves-effect blue-grey darken-4 left  
btn-small tooltipped' data-position='bottom'
data-tooltip='Volver' type='submit'>
<i class='material-icons'>reply_all</i>
</button></a>
 
 
 
 
</td>
</tr>";
$i++;
}
}else
echo "<div class='col s12 card-panel yellow darken-2 center'>
<h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>
¡ Advertencia: No se ha encontrado ningún registro ! <a href='multiple.php' class='teal-text darken-4'>volver</a>
</h5>
</div>";
 
echo "</table>";
 
 
?>

gnzsoloyo · #10 (**permalink**) 05/04/2017, 11:14

Solución OFF TOPIC en MySQL.

Movido a PHP