Je l'ai déjà fait. Je pense qu'il y a deux options pour cela. La première est le chargement étape par étape, qui devrait être possible, combiné avec ajax. La deuxième méthode est un chargement unique. Les étapes de cette méthode sont :
1. Interrogez toutes les catégories (la base de données des catégories doit être créée, la sous-catégorie doit avoir un champ parent_id et quel niveau de champ est nécessaire, appelons-le). niveau- -Profondeur)
2, trouvez la valeur maximale du niveau
3, à travers la boucle foreach à 3 couches, le nombre de boucles dans la couche la plus externe est la valeur maximale du niveau, les deux couches les plus internes sont le noyau et la La tâche de la boucle la plus interne consiste à La catégorie est affectée au tableau de la catégorie parent, par exemple :
array(
0=>array('Catégorie de premier niveau','Sous-catégorie de premier niveau')
1=&gt ;array('Catégorie de premier niveau 2','Sous-catégorie de premier niveau')
}
La sous-catégorie de premier niveau est la catégorie de deuxième niveau (cela peut être connu en profondeur). Après l'insertion dans un nouveau tableau, n'oubliez pas de le faire. nettoyer le tableau actuel dans le groupe d'éléments dans le temps.
Remarque : il y a deux couches à l'intérieur. La première couche consiste à parcourir tous les niveaux de catégories dans l'ordre, et la deuxième couche est chargée de placer les sous-catégories dans le tableau de catégories parent.

Le résultat du tableau final généré est :

Catégorie de premier niveau 1
-------Catégorie de deuxième niveau 1
-------Catégorie de deuxième niveau 2
-------------Catégorie de troisième niveau 1
-------------Catégorie de troisième niveau 2
Catégorie de premier niveau 2
-------Catégorie de deuxième niveau 1
Ensuite, dans la page d'accueil, boucle , également couche par couche, à ce stade, vous devez encore parcourir les trois niveaux de niveau et les catégories sortiront dans l'ordre ! ! !

json数据结构
{
    data:[{// 一级菜单
            id:1,
            level:1,
            pid:0 // 父级id，因为是一级菜单，所以为0
            menu:[{ // 二级菜单
                id:2,
                level:2,
                pid:1, // 父级id，因为是二级菜单，所以为上一层菜单的id    
                menu:[{ // 三级菜单
                    id:4,
                    level:3,
                    pid:2 // 父级id，因为是三级菜单，所以为上一层菜单的id    
                }
            },{
                id:3,
                level:2,
                pid:1 // 父级id，因为是二级菜单，所以为上一层菜单的id    
            },...{}]
        },...,{}]
}

前端使用递归来遍历这个json数据:

function handleData(data,arr){
    var newArr = arr || [];
    data.forEach(function(item,index){
        newArr.push(item);
        if(item.menu){
            handleData(item.menu,newArr);
        }
    });
    return newArr;
}