当前位置: 开发笔记 > 前端 > 正文

Freemarker如何生成树形导航菜单（递归）

作者：男人好好疼h爱你的女人吧 | 来源：互联网 | 2022-02-04 05:29

这篇文章主要为大家详细介绍了Freemarker采用的的方法生成树形导航菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

很多导航菜单是树形的，即一级一级往下分，这样的结构固然需要用递归来处理。

对于Freemarker 来说，宏就相当于函数，其定义了签名及参数列表。

所以在freemarker页面应这样写：

<#macro menuTree menus> 
  <#if menus&＃63;&＃63; && menus&＃63;size gt 0> 
   <#list menus as menu> 
     
      
       
      
      
    
   ${menu.menuName!} 
    
      
      
     ${menu.url!} 
      
      
     ${menu.permissionText!} 
      
      
     ${menu.sortNo!} 
      
      
      [编辑] 
      
     
   <#if menu.menuBeans&＃63;&＃63; && menu.menuBeans&＃63;size gt 0> 
    <@menuTree menus = menu.menuBeans/> 
    
    
   
  
  
<@menuTree menus = dto />

后台数据：

[ 
 { 
  "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 
   } 
  ] 
 } 
]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

html

推荐阅读

css
Python 中 UnboundLocalError: local variable 'COUNT' referenced before assignment 的解决方案

在使用 Python 编程时，如果在一个函数中引用了未声明为全局变量的外部变量，可能会遇到 UnboundLocalError。本文将通过一个具体的例子来解释如何解决这个问题。 ... [详细]

蜡笔小新 2024-11-18 19:10:38
css
进程、线程与协程的区别与联系

本文详细介绍了进程、线程和协程的概念及其之间的区别与联系。进程是在内存中运行的独立实体，具有独立的地址空间和资源；线程是操作系统调度的基本单位，属于进程内部；协程则是用户态下的轻量级调度单元，性能更高。 ... [详细]

蜡笔小新 2024-11-18 19:06:09
css
使用参数化查询防止SQL注入

本文介绍如何通过参数化查询来防止SQL注入攻击，确保数据库的安全性。示例代码展示了在C#中使用参数化查询添加学生信息的方法。 ... [详细]

蜡笔小新 2024-11-18 15:53:22
html
Struts2 中 ActionContext 与 ServletActionContext 的应用

本文将探讨如何在 Struts2 中使用 ActionContext 和 ServletActionContext 来获取请求参数和会话信息，同时解释它们的内部机制和最佳实践。 ... [详细]

蜡笔小新 2024-11-18 15:28:59
html
RTThread线程间通信

线程中通信在裸机编程中，经常会使用全局变量进行功能间的通信，如某些功能可能由于一些操作而改变全局变量的值，另一个功能对此全局变量进行读取& ... [详细]

蜡笔小新 2024-11-18 14:56:11
html
php三角形面积,335宝石大全

php三角形面积,335宝石大全 ... [详细]

蜡笔小新 2024-11-18 14:51:57
css
树莓派4B：安装基础操作系统指南

本文将详细介绍如何为树莓派4B安装基础操作系统，包括所需材料、镜像下载、镜像烧录以及更换国内源等步骤。 ... [详细]

蜡笔小新 2024-11-18 14:41:20
html
网络安全实验：Telnet与SSH服务对比及抓包分析

本实验旨在对比Telnet和SSH两种安全通信协议的服务差异，并通过搭建服务器和使用Wireshark抓包工具进行详细分析。 ... [详细]

蜡笔小新 2024-11-18 14:10:59
html
中国省市地图概览

本文提供中国各省市的详细分布图，帮助读者全面了解中国的地理布局。通过这些地图，您可以轻松找到各个省份和直辖市的位置。 ... [详细]

蜡笔小新 2024-11-18 14:06:10
html
Python中的pexpect模块与Linux中的expect命令

本文介绍了Linux系统中的expect命令及其在自动化任务中的应用，同时探讨了Python中的pexpect模块如何实现类似功能。 ... [详细]

蜡笔小新 2024-11-18 13:38:40
css
AngularJS 控制器详解

本文通过一个示例详细介绍了 AngularJS 控制器的使用方法，并探讨了控制器之间数据共享的问题。 ... [详细]

蜡笔小新 2024-11-18 12:10:41
html
C# 中使用 this 关键字优化构造函数

在 C# 编程中，使用 this 关键字可以简化构造函数的调用和初始化过程。本文将介绍如何通过 this 关键字优化构造函数的实现。 ... [详细]

蜡笔小新 2024-11-18 10:15:50
css
c# 项目文件，C#viual studio使用方法

一、项目文件1）Properties节点下主要存放的是当前程序集相关的信息，如版本号、标题等。双击”Properties“，打开如下项目属 ... [详细]

蜡笔小新 2024-11-18 09:51:05
layout
重复报警示例解析

本文详细介绍了如何在Android应用中实现重复报警功能。示例代码可在以下路径找到：https://developer.android.com/samples/RepeatingAlarm/index.html。首先，我们将从Manifest文件开始分析。 ... [详细]

蜡笔小新 2024-11-18 09:45:34
html
第17周个人阅读与项目总结

本文总结了软件工程课程M1和M2阶段的个人收获，包括项目开发中的技术学习、团队协作及管理经验。同时，对《构建之法》一书中的相关问题进行了理解和分析。 ... [详细]

蜡笔小新 2024-11-18 09:29:52

男人好好疼h爱你的女人吧

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章