Drzewo PHP + MYSQL + JS Opcje

[gucio1]

Witam,
napisałem mini portal do którego można zarejestrować się podając maila osoby która nas poleciła podczas rejestracji.
Skrypt automatycznie przypisuje naszemu rekordowi w bazie maila tej osoby dzięki której założyliśmy konto.

Nasz rekord w bazie wygląda mniej więcej tak:

Imię Nazwisko Email hasło osobap(emal osoby polecajacej)
Jan Kowalski jak.kowalski@wp.pl jojpoejpfw rysiek.nowak@wp.pl

I teraz tworze drzewo poleceń.
Pobieram maila zalogowanego użytkownika (rysiek.nowak@wp.pl) i wyświetlam pod nim wszystkie maile jeden pod drugim które mają w bazie jako "osobap" email rysiek.nowak@wp.pll i są to osoby które założyły konto dzięki Ryśkowi.

Ale zanim pobiorę wszystkie tę maile po wczytaniu pierwszego rekordu z bazy dajmy na to "Jana" daje następną pętle która sprawdza czy "syn" Ryśka Jan też ma osoby pod sobą i dla nich też wyświetla jego "synów" i tak do 4 poziomów.

Napisałem strasznie słaby skrypt metodą kombinowania żeby tylko działał. Użyłem spacji żeby tworzyła się struktura drzewiasta .

Wynik skryptu wygląda tak:

Rysiek twoje drzewo:

jan.kowalski@wp.pl
---------marlena@er.pl
---------jacek.dobry@ert.pl
milena@tralala.pl
andrzej@te.pl
---------michal@rerer.pl
---------grazyna@wewewe.pl
------------------bronislaw@perrt.pl
------------------czarek@resergr.pl
mietek@wp.pl

itd...

Jeszcze jest dodana zmiana koloru wyświetlenia zależnie od tego czy użytkownik jest aktywny czy nie ale to nie jest ważne.

I z góry uprzedzam pytania, tak wiem że to wszystko mogło by być w jednej pętli.

I tak: chciałbym żeby wyświetlenie było bardziej profesjonalne i ruchome. Czyli wyświetlają się tylko użytkownicy pod zalogowanym użytkownikiem i żeby wyświetlić synów tych użytkowników trzeba kliknąć plusik i następny plusik żeby wyświetlić następne poziomy. Wszystko połączone kreskami i ustawione poziomami. Jak np. tutaj: http://domanart.pl/dema/drzewo-plikow/index.php

Wiem że drzew jest pełno w sieci ale działają na zasadzie mam już pewną liczbę użytkowników wyświetlę ich JS'em i albo Ajax'em i jest ładne ruchome drzewo. Ale jeśli nie ma się ustalonej liczby użytkowników i ta liczba ciągle się zmienia to już dla mnie zaczynają się schodki.

Próbowałem przerabiać coś takiego ale nie wiem jak przekazać dane wyciągnięte z bazy do JS'a za pomocą phpa.
Czy w ogóle można łączyć phpa i JS'a?

Poniżej wklejam kod mojego skryptu.
Proszę o podpowiedzi jak z tego wybrnąć.

[PHP] pobierz, plaintext 
<?php
 
 
 
                       //1 obrot
                        $wynik = $polaczenie->query("SELECT * FROM uzytkownicy WHERE osobap='$email'");
    			if ($wynik ->num_rows == 0) {
                            echo "<p><b>".'<div class="error">'."Nikt jesszcze nie założył konta z twojego polecenia".'</div>';  
                        }
                        else{
                            echo "Witaj ".$email.", poniżej widzisz osoby które założyły konto z twojego polecenia.<br><br>";
                            echo "Użytkownik: ".'<span style="color:green;">aktywny</span>/<span style="color:red;">nieaktywny</span><br><br>';
                        }
 
                        $wynik = $polaczenie->query("SELECT * FROM uzytkownicy WHERE osobap='$email'");
    			if ($wynik ->num_rows > 0) 
                        {
 
    				for($a = 1; $a <= $wynik ->num_rows; $a++) {
 
 
 
    					$row = $wynik ->fetch_assoc();
                                        if($row["aktywny"]>0){
                                        echo '<div class="zielony"><i class="fa fa-chevron-right" aria-hidden="true"></i> '.$row["email"].' <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 10pkt </div>';
                                        }
                                        else{
                                            echo '<div class="error"><i class="fa fa-chevron-right" aria-hidden="true"></i> '.$row["email"].'</div>';
                                        }
                                        //2obrot
 
                                        $zmienna_email = $row["email"];
 
                                        $wynik_drugi = $polaczenie->query("SELECT * FROM uzytkownicy WHERE osobap='$zmienna_email'");
                                         if ($wynik_drugi ->num_rows > 0)
                                         {
                                             for($i = 1; $i <= $wynik_drugi ->num_rows; $i++) {
 
                                                 $row = $wynik_drugi ->fetch_assoc();
                                            if($row["aktywny"]>0){
                                        echo '<div class="zielony">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;<i class="fa fa-level-down" aria-hidden="true"></i> '.$row["email"].' <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 10pkt </div>';
                                        }
                                        else{
                                            echo '<div class="error">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;<i class="fa fa-level-down" aria-hidden="true"></i> '.$row["email"].'</div>';
                                        }                                                  
 
                                                  //3obrot
                                                  $zmienna_email3 = $row["email"];
 
                                        $wynik_trzeci = $polaczenie->query("SELECT * FROM uzytkownicy WHERE osobap='$zmienna_email3'");
                                         if ($wynik_trzeci ->num_rows > 0)
                                         {
                                             for($i = 1; $i <= $wynik_trzeci ->num_rows; $i++) {
 
                                                 $row = $wynik_trzeci ->fetch_assoc();
 
                                                  if($row["aktywny"]>0){
                                        echo '<div class="zielony">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;<i class="fa fa-level-down" aria-hidden="true"></i> '.$row["email"].' <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 8pkt</div>';
                                        }
                                        else{
                                            echo '<div class="error">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;<i class="fa fa-level-down" aria-hidden="true"></i> '.$row["email"].'</div>';
                                        }   
                                                //4obrot
                                        $zmienna_email4 = $row["email"];
 
                                        $wynik_czwarty = $polaczenie->query("SELECT * FROM uzytkownicy WHERE osobap='$zmienna_email4'");
                                         if ($wynik_czwarty ->num_rows > 0)
                                         {
                                             for($i = 1; $i <= $wynik_czwarty ->num_rows; $i++) {
 
                                                 $row = $wynik_czwarty ->fetch_assoc();
 
                                                  if($row["aktywny"]>0){
                                        echo '<div class="zielony">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp&thinsp;&thinsp;&thinsp;&thinsp;<i class="fa fa-level-down" aria-hidden="true"></i> '.$row["email"].' <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 8pkt </div>';
                                        }
                                        else{
                                            echo '<div class="error">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;<i class="fa fa-level-down" aria-hidden="true"></i> '.$row["email"].'</div>';
                                        }   
                                             }
                                         }
                                             }
                                         }
 
                                             }
 
 
                                         }  
 
 
 
    				}	
    			}
 
        ?>                    
[PHP] pobierz, plaintext 

Kurcze, nikt nie jest w stanie pomóc?

[nospor]

Próbowałem przerabiać coś takiego ale nie wiem jak przekazać dane wyciągnięte z bazy do JS'a za pomocą phpa.

[PHP] pobierz, plaintext 
<?php
$danaZBazy = 'CosZBazy';
?>
<script>
alert("<?= $danaZBazy ?>");
</script>
[PHP] pobierz, plaintext 

Tada

[gucio1]

Ok już wiem jak wyświetlić daną z php w JS.

Teraz jak powiedzmy wyjmę z bazy, do pewnej zmiennej liczbę osób w z pierwszego poziomu metoda num_rows i jeden cały poziom do tablicy asocjacyjnej stworzę pętle w JS żeby wyświetlić kolejne osoby z poziomu.

To jak teraz zrobić żeby wyświetlić pierwszą osobę z tablicy w drzewie javascriptem potem znowu wczytać kolejną i znowu wyświetlić w drzewie?

Czy javascript nie potrzebuje już całej struktury pobranej z bazy np. do tablicy żeby wyświetlić drzewo z tego co ma?

Czy mogę pobierać kolejno osoby jak w moim skrypcie i dodawać do wyświetlenia?

[nospor]

Uzyj AJAX i wczytuj po jednym poziomie struktury. W ajax bedziesz przekazywal ID/email rekokordu dla ktorego chcesz pobrac dzieci

[gucio1]

Właśnie wczoraj wyczytałem że przez Ajax mogę łączyć się z baza.

Będę szukał jakiegoś wzoru i próbował przerabiać. Może ma ktoś coś sprawdzonego w formie drzewa?

[com]

Pierwsze co bym zmienił to te bazę danych zmienił, wtedy nie potrzebujesz wgl pętli a odpowiedni warunek przy pobieraniu rekordów.

czyli masz te tabele z
ID Imię Nazwisko Email hasło

i drugą

ID id_user id_osobap

Ten post edytował com 13.01.2017, 01:19:20

[gucio1]

Co da rozbicie na dwie tabele? Wyjaśnij jak masz chwile.

[daniel1302]

Rozbicie na dwie tabele, da to, że w jednej będziesz trzymał fizyczne osoby a w drugiej strukturę Twojego drzewka

Jeśli masz do kilku tysięcy rekordów to mozesz pobierać całość danych, generować strukturę drzewiastą i zapisywać do cache

I tak np dla takiej struktury:

[PHP] pobierz, plaintext 
email1
    --email1.1
    --email1.2
    --email1.3
        --email1.3.1
        --email1.3.2
email2
email3
    --email3.1
[PHP] pobierz, plaintext 

generujesz sobie taką tablicę:

[PHP] pobierz, plaintext 
[
    'email11' => [ 
        'email1.1' => [], 
        'email1.2' => [], 
        'email1.3' => [
            'email1.3.1' => [],
            'email1.3.2' => []
        ]
    ],
    'email2' => []
    'email3' => [
        'email3.1' => []
    ]
 
]
[PHP] pobierz, plaintext 

Jeszcze ładniej byś to zrobił sobie obiektami, że każdy element jest obiektem, które posiada strukturę z dziecmi, i jest np traversable.


Strukturę generujesz rekurencyjnie, przykładowa funkcja:

[PHP] pobierz, plaintext 
public static function parseTree($tree, $root = null) 
    {
        $return = array();
        foreach($tree as $key => $record) {            
            if($record['parent'] == $root) {
                unset($tree[$key]);
                $return[] = array(
                    'id'            => $record['id'],
                    'name'          => $record['name'],
                    'alias'         => ((isset($record['alias'])) ? $record['alias'] : ''),
                    'children'      => self::parseTree($tree, $record['id']),
                    'description'   => ((isset($record['description'])) ? $record['description'] : ''),
                    'weight'        => (isset($record['weight'])) ? $record['weight'] : 0
                );
            }
        }
 
        return empty($return) ? null : $return;    
    }
[PHP] pobierz, plaintext 

Ten post edytował daniel1302 13.01.2017, 08:50:19

[gucio1]

daniel1302, dzięki za podpowiedzi ale nie rozumiem trochę kodu od Ciebie. Mógł byś mi odrobinę wyjaśnić jak to będzie działać? Rozumiem że tworze sobie tablice i jeśli rodzic ma potomka to tworzę "podtablicę" itd. Chętnie to wykorzystam tylko nie bardzo potrafię. Bo jeśli się nie mylę to takie gotowe pobrane drzewo w tablicy mogę później wykorzystać w js? A gotowych wyświetleń w js jest masę które pobierają dane z (chyba)takiego drzewa.

[miedzna]

Np możesz zrobić tak: http://phpflow.com/php/dynamic-tree-with-j...-php-and-mysql/