PHPとMySQLでツリーメニューを作成する方法

著者: Eric Farmer
作成日: 8 行進 2021
更新日: 23 六月 2024
Anonim
プログラミングを使って掲示板を作ろうPart1【JavaScript,PHP】
ビデオ: プログラミングを使って掲示板を作ろうPart1【JavaScript,PHP】

コンテンツ

ツリーメニューは、「親ノード」と呼ばれるいくつかの要素またはカテゴリを展開して「子ノード」と呼ばれる下位要素を表示できるように編成された、要素のリストの視覚的表現です。 MySQLデータベースから情報を取得し、PHPを使用してWebページ上にツリーメニューを作成することができます。 MySQLテーブルには、親ノードと子ノード、およびそれらの間の関係を識別する特定の形式が必要です。テーブル内の各レコードはノードになり、マルチレベル階層を作成できます。


説明書

ツリーメニューはデータを階層的に整理するのに役立ちます (Photos.com/Photos.com/Getty Images)
  1. MySQLデータベースにログインし、ノードID、説明、および親ノードIDの3つのフィールドを持つテーブルを作成します。表に情報を入力します。各ノードIDは一意である必要があります。最上位ノードは0の親ノードIDを持ち、子ノードは最上位ノードの番号を示します。

  2. ツリーメニューを作成するHTMLファイルを開きます。ツリーを作成する場所にカーソルを置き、次のコードを入力します。

    $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);

    最初の行は "menuarvore"関数を呼び出して情報をMySQLデータベースに渡すと、Webページにツリーが表示されます。 2行目はPHPコードブロックを閉じます。

どうやって

  • 必要に応じてMySQLテーブルにフィールドを追加してください。たとえば、各ノードのハイパーリンクを含む別のテキストフィールドを追加できます。