استدعاء عدة حقول من عدة جداول مرتبطة عن طريق حلقات التكرار وبشروط

حسن فاطمي · 30 أكتوبر 2020

السلام عليكم ..

عندي في قاعدة البيانات عدة جداول (فكرة بناء شجرة عائلة) .. مثال : g1, g2, g3, g4, g5

لنعتبرها للأجيال المتتالية يعني جدول g1 يحوي اسم (الجد الرئيسي) والجدول g2 يحتوي أسماء ابنائه والجدول g3 , g4 .... إلخ

السؤال حول استخدام حلقات التكرار while داخل بعضها لعرض الحقول المرتبطة في الجداول

مثال عن الكود :

<?php 

 include("global.php");

$res02 = mysqli_query($con,"SELECT * FROM g2 ORDER BY id DESC");
while( $g02 = mysqli_fetch_array($res02)){
    echo "<li><a ='#'>".$g02['fname']."</a>";

    echo "<ul>"; 

    $res03 = mysqli_query($con,"SELECT * FROM g3 where Mname='$g02[fname]' and cat='$g02[cat]' ORDER BY id DESC");	
    while($g03 = mysqli_fetch_array($res03)){ 
        echo "<li><a href='#'>".$g03['fname']."</a>";	

        $res04 = mysqli_query($con,"SELECT * FROM g4 where Mname='$g03[fname]' and cat='$g03[cat]' ORDER BY id DESC");
        while($g04 = mysqli_fetch_array($res04)){ 
            echo "<li><a href='#'>".$g04['fname']."</a></li>";

            echo "</ul>";	 
        }


    }

}


?>

تم التعديل في 30 أكتوبر 2020 بواسطة حسن فاطمي
اضافة مثال عن الكود

ayoubridouani · 30 أكتوبر 2020

لست بحاجة لأكثر من جدول واحد هذا وفقط إن كانت الأجداد والأباء والأبناء لهم نفس الحقول والخصائص, أما بالنسبة للوصول لهم فقط ما عليك هو أن تضيف خانة واحدة جديدة في الجدول تحمل إسم parent_id وبعدها بإستخدام while ستجلب البيانات من الجد الأول حتى أخر إبن الذي لن يمون بعده أي إبن أخر يحمل ال id الخاص بأبيه
مثال على الخوارزمية

function getRootIdFromDB(){
	// get id from your specified root from DB
	return id;
}

function getQuery($parent_id){
	// build your custom query
	return "select id,name,parent_id from table_name where parent_id=$parent_id";
}

$id_of_root = getRootIdFromDB();

while(True){
	$query = getQuery($id_of_root)
	$id_of_childs = getChildIdsFromParent($query)

	// break the infinite loop if the child doesn't have any child
	if(count($id_of_childs) == 0) break;

	// get the childs from returned child from his grand parent (root) 
	for($i=0;$i<count($id_of_childs);$i++){
		$id_of_root = $id_of_childs[$i];
		//...
    }                                 
}

حسن فاطمي · 31 أكتوبر 2020

بالفعل لقد نجح الأمر ..

لقد واجهتني مشكلة تشوهه في ترتيب الشجرة عند تطبيق style css عند استدعاء البيانات ولم تحل معي ..

ارجو الإطلاع والإفادة ..


<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>شجرة عائلة</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<style>

* {margin: 0; padding: 0;}

.tree ul {
	padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}


</style>

</head>

<body>


<div class="tree">

			
<?php

include("global.php");

$fa6emy4ever = $db->query('SELECT * FROM g4 ORDER BY id');
$rows = $fa6emy4ever->fetchAll(PDO::FETCH_ASSOC);
echo generateTree($rows);


function generateTree($data, $parent = 0, $depth=0)
{
    $fa6emy = "<ul>";
    for ($i=0, $ni=count($data); $i < $ni; $i++) {
        if ($data[$i]['parent_id'] == $parent) {    
            
            $fa6emy .= "<li><a href='#'>";
            $fa6emy .= $data[$i]['Fname'];
            $fa6emy .= generateTree($data, $data[$i]['id'], $depth+1);
            $fa6emy .= "</a></li>";
        }
		
		
    }
    $fa6emy .= "</ul>";
    return $fa6emy;
}

?>

</div>


</body>
</html>

Wael Aljamal · 31 أكتوبر 2020

بتاريخ منذ ساعة مضت قال حسن فاطمي:

لقد واجهتني مشكلة تشوهه في ترتيب الشجرة عند تطبيق style css عند استدعاء البيانات ولم تحل معي ..

ارجو الإطلاع والإفادة ..

مرحبا,

أقترح نشر سؤال جديد ليتسنا للمدربين المختصين بالتصميم بمساعدتك في حل المشكلة مع تضمين صور و شرح مفصل أكثر للمشكلة

لأنه بدون بيانات لا يمكن تصور طريقة عرضهم و كيفية التفكير لحل مشكلة التنسيق

شكرا لك

استدعاء عدة حقول من عدة جداول مرتبطة عن طريق حلقات التكرار وبشروط

السؤال

حسن فاطمي

رابط هذا التعليق

شارك على الشبكات الإجتماعية

3 أجوبة على هذا السؤال

Recommended Posts

ayoubridouani

رابط هذا التعليق

شارك على الشبكات الإجتماعية

حسن فاطمي

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Wael Aljamal

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية