De nombreux menus de navigation sont en forme d'arborescence, c'est-à-dire divisés niveau par niveau. Une telle structure doit certainement être traitée de manière récursive.
Pour Freemarker, une macro équivaut à une fonction, qui définit une signature et une liste de paramètres.
Donc sur la page freemarker ça devrait être écrit comme ceci :
<#macro menuTree menus>
<#if menus?? && menus?size gt 0>
<#list menus as menu>
<tr>
<td>
<input type="checkbox" name="ids" value="${menu.id}" />
</td>
<td>
<span title="${menu.name!}" style="margin-left: ${menu.leaf * 30}px;[#if menu.leaf == 0] color: #000000;[/#if]">
${menu.menuName!}
</span>
</td>
<td>
${menu.url!}
</td>
<td>
${menu.permissionText!}
</td>
<td>
${menu.sortNo!}
</td>
<td>
<a href="edit.jhtml?id=${menu.id}">[编辑]</a>
</td>
</tr>
<#if menu.menuBeans?? && menu.menuBeans?size gt 0>
<@menuTree menus = menu.menuBeans/>
</#if>
</#list>
</#if>
</#macro>
<!-- 调用宏 生成递归树 -->
<@menuTree menus = dto />Données back-end :
[
{
"id": 1,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "系统管理",
"menuType": 1,
"parentId": null,
"iconcls": null,
"url": null,
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 0,
"typeName": null,
"permissionText": null,
"menuBeans": [
{
"id": 7,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "模块管理",
"menuType": 1,
"parentId": 1,
"iconcls": null,
"url": "/module/list",
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
},
{
"id": 3,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "菜单管理",
"menuType": 1,
"parentId": 1,
"iconcls": null,
"url": "/menu/list",
"expand": null,
"sortNo": null,
"permission": "admin:add",
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
}
]
},
{
"id": 2,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "用户管理",
"menuType": 1,
"parentId": null,
"iconcls": null,
"url": null,
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 0,
"typeName": null,
"permissionText": null,
"menuBeans": [
{
"id": 9,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "供应商管理",
"menuType": 1,
"parentId": 2,
"iconcls": null,
"url": null,
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
},
{
"id": 8,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "部门管理",
"menuType": 1,
"parentId": 2,
"iconcls": null,
"url": null,
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
},
{
"id": 6,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "权限管理",
"menuType": 1,
"parentId": 2,
"iconcls": null,
"url": "/user/list-6",
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
},
{
"id": 5,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "角色管理",
"menuType": 1,
"parentId": 2,
"iconcls": null,
"url": "/user/list-5",
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
},
{
"id": 4,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "分销商管理",
"menuType": 1,
"parentId": 2,
"iconcls": null,
"url": "/user/add-4",
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
},
{
"id": 10,
"enable": true,
"remark": null,
"createBy": 1,
"createTime": 1503546411000,
"updateBy": 1,
"updateTime": 1503546415000,
"keyword": null,
"menuName": "员工管理",
"menuType": 1,
"parentId": 2,
"iconcls": null,
"url": null,
"expand": null,
"sortNo": null,
"permission": null,
"moduleId": 1,
"parentName": null,
"leaf": 1,
"typeName": null,
"permissionText": null,
"menuBeans": null
}
]
}
]Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Que dois-je faire si mon iPad ne peut pas être chargé ?
Comment s'inscrire à Alipay d'entreprise
Que dois-je faire si j'oublie mon mot de passe haut débit ?
Tutoriel pour les nouveaux arrivants à Ouyi
Comment utiliser la fonction max
RVB en RVB hexadécimal
Comment résoudre l'attente d'un appareil
Quelle est la différence entre xls et xlsx
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
