![プログラミングを使って掲示板を作ろうPart1【JavaScript,PHP】](https://i.ytimg.com/vi/2Qjdsg9bnHw/hqdefault.jpg)
コンテンツ
ツリーメニューは、「親ノード」と呼ばれるいくつかの要素またはカテゴリを展開して「子ノード」と呼ばれる下位要素を表示できるように編成された、要素のリストの視覚的表現です。 MySQLデータベースから情報を取得し、PHPを使用してWebページ上にツリーメニューを作成することができます。 MySQLテーブルには、親ノードと子ノード、およびそれらの間の関係を識別する特定の形式が必要です。テーブル内の各レコードはノードになり、マルチレベル階層を作成できます。
説明書
-
MySQLデータベースにログインし、ノードID、説明、および親ノードIDの3つのフィールドを持つテーブルを作成します。表に情報を入力します。各ノードIDは一意である必要があります。最上位ノードは0の親ノードIDを持ち、子ノードは最上位ノードの番号を示します。
-
ツリーメニューを作成する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.
-
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.
-
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.
-
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']) . ' '; }
-
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'.
-
Digite o seguinte código:
echo menuarvore($menu);
最初の行は "menuarvore"関数を呼び出して情報をMySQLデータベースに渡すと、Webページにツリーが表示されます。 2行目はPHPコードブロックを閉じます。
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.
どうやって
- 必要に応じてMySQLテーブルにフィールドを追加してください。たとえば、各ノードのハイパーリンクを含む別のテキストフィールドを追加できます。