Jak stworzyć drzewo menu z PHP i MySQL

Autor: Carl Weaver
Data Utworzenia: 21 Luty 2021
Data Aktualizacji: 9 Grudzień 2024
Anonim
Create Dynamic TreeView Menu Using PHP & MySQL | JSTree PHP Tutorial | JSTree Using PHP and MySQL
Wideo: Create Dynamic TreeView Menu Using PHP & MySQL | JSTree PHP Tutorial | JSTree Using PHP and MySQL

Zawartość

Menu drzewa jest wizualną reprezentacją listy elementów, zorganizowaną w taki sposób, że niektóre elementy lub kategorie, zwane „węzłami nadrzędnymi”, mogą być rozszerzane i wyświetlać podelementy, zwane „węzłami podrzędnymi”. Możesz uzyskać informacje z bazy danych MySQL i zbudować drzewo menu na stronie internetowej przy użyciu PHP. Twoja tabela MySQL musi mieć określony format, który identyfikuje węzły nadrzędne i podrzędne oraz relacje między nimi. Każdy rekord w tabeli będzie węzłem i można utworzyć hierarchię wielopoziomową.


Instrukcje

Menu drzewa służy do porządkowania danych w hierarchii (Photos.com/Photos.com/Getty Images)
  1. Zaloguj się do bazy danych MySQL Utwórz tabelę z trzema polami: identyfikator węzła, opis i identyfikator węzła nadrzędnego. Wprowadź informacje w tabeli. Każdy identyfikator węzła musi być unikalny. Węzły najwyższego poziomu mają identyfikator węzła nadrzędnego równy 0, a węzeł podrzędny wskazuje numer węzła najwyższego poziomu.

  2. Otwórz plik HTML, w którym chcesz utworzyć menu drzewa. Wstaw kursor, w którym chcesz utworzyć drzewo, i wprowadź następujący kod:

    $db = mysql_connect ($nomehost, $usuario, $senha); mysql_select_db ($bancodados);

    Estas linhas apenas configuram a conexão ao seu banco de dados MySQL. Altere as variáveis PHP pelos valores apropriados para a sua base.

  3. Digite o seguinte código:


    $result = mysql_query('SELECT * FROM nome_tabela') or die(erro_mysql());

    Esta linha faz uma chamada ao banco de dados MySQL, obtém da tabela a informação da estrutura do menu em árvore e a salva em uma variável PHP.

  4. Digite o seguinte código:

    $menu = Array(); while ($m = mysql_fetch_array($result)) { $menu[] = Array('id'=>$m['id'], 'texto'=>$m['texto'], 'pai'=>$m['idpai']); }

    A primeira linha cria uma variável PHP e a inicializa como um array. O laço 'while' percorre os registros da variável $result e os formata para serem usados por uma função PHP.

  5. Digite o seguinte código:

    function menuarvore($linhas,$idpai=0) { $result = '

      '; foreach ($linhas as $linha) {

      A primeira linha cria uma nova função 'menuarvore' que você usará para montar a sua árvore, e usa um ou dois parâmetros. No primeiro lugar, ela toma a informação de um array PHP. O segundo parâmetro é um número inteiro que contém informação sobre os nodos pai na árvore. Se você não indicar um, a função criará a sua própria variável e inicializará o valor em zero.


    • Digite o seguinte código:

      if ($linha['idpai'] == $idpai) { $result.= '

    • {$linha[texto]}'; foreach ($linha as $r) { if ($r['idpai'] == $r['id']) $children = true; else $children = false; } if ($children = true) $result.= treemenu($linhas,$linha['id']) . '
    • '; }

      Estas linhas usam sentenças 'if' e laços para percorrer a informação da variável PHP que contém a estrutura do menu em árvore. Se a linha for um pai com um valor ID zero, a função criará um nodo pai. Se a linha for um filho, a função buscará o ID do nodo pai e criará um nodo filho conectado a ele. A função 'treemenu' é chamada recursivamente para verificar cada linha da variável de array PHP.

    • Digite o seguinte código:

      } $result .= '

    '; return $result; }

    Estas linhas fecham o laço 'for' que percorre todas as colunas dos resultados MySQL, adicionam código HTML e retornam a árvore da função. A última linha fecha o bloco de funções 'treemenu'.

  6. Digite o seguinte código:

    echo menuarvore($menu);

    Pierwsza linia wywołuje funkcję „menuarvore” i przekazuje informacje do bazy danych MySQL, a następnie wyświetla drzewo na stronie internetowej. Druga linia zamyka blok kodu PHP.

Jak

  • W razie potrzeby dodaj więcej pól do tabeli MySQL. Na przykład można dodać kolejne pole tekstowe zawierające hiperłącza dla każdego węzła.