Freemarker 树形导航菜单（递归）

最新推荐文章于 2023-02-03 11:12:19 发布
原创 最新推荐文章于 2023-02-03 11:12:19 发布 · 1.4w 阅读 · 16 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#freemarker #递归 #树 #导航 #宏

本文介绍了如何使用Freemarker的宏来处理递归，从而生成树形导航菜单。关键在于理解Freemarker的宏定义以及如何在Service层和Controller层处理递归数据结构，将数据库查询结果转化为适合渲染的JSONArray。最终展示了一个通过Freemarker实现的树形导航菜单效果。

很多导航菜单是树形的，即一级一级往下细分，这样的结构固然需要用递归来处理。
对于Freemarker 来说，宏就相当于函数，其定义了签名及参数列表。
所以在页面应这样写：

    <ul>
      <!-- 递归  宏定义 -->
      <#macro bpTree children>
        <#if children?? && children?size gt 0>
       <#list children as child>
        <#if child.children?? && child.children?size gt 0>
        <li class="treeview">
          <a href="javascript:void(0)">
            <i class="${(child.mIcon=='')?string('fa fa-share',child.mIcon) }" aria-hidden="true"></i> <span>${child.mCname}</span>
            <i class="fa fa-angle-left pull-right" aria-hidden="true"></i>
          </a>
          <ul class="treeview-menu">
            <@bpTree children=child.children />
          </ul>
        </li>
        <#else>
            <li><a href="javascript:void(0)" onclick="loadContent('${child.mUrl}')"><i class="${ (child.mIcon=='')?string('fa fa-circle-o',child.mIcon) }" aria-hidden="true"></i> ${child.mCname}</a></li>   
        </#if>
       </#list>
    </#if>
    </#macro>
       <!-- 调用宏 生成递归树 -->
       <@bpTree children=treeMenu />
  </ul>

treeMenu是Controller返回的JSON中的根元素，其值是JSONArray，所以最关键的核心问题是如何生成递归地数据结构。叶子节点的children为空数组。
Fremarker 宏 请参考博文：Freemarker定义宏的用法

后台Service查询数据库处理数据生成JSONArray的数据结构格式：

[
    {
        "mCname": "框架应用管理",
        "mIcon": "fa fa-square-o",
        "mAppid": 1,
        "mIsclose": 0,
        "mIssys": 1,
        "mUrl": "",
        "children": [
            {
                "mCname": "模块管理",
                "mIcon": "fa fa-cube",
                "mAppid": 1,
                "mIsclose": 0,
                "mIssys": 1,
                "mUrl": "AppMgr/ModuleManager/default.aspx",
                "children": [],
                "mOrderlevel": "0001",
                "mParentName": "框架应用管理",
                "mParentid": 1,
                "moduleid": 2,
                "mModulecode": "S00M00",
                "aAppName": "框架应用管理"
            },
            {
                "mCname": "配置管理",
                "mIcon": "fa fa-cog",
                "mAppid": 1,
                "mIsclose": 0,
                "mIssys": 1,
                "mUrl": "AppMgr/ConfigManager/default.aspx",
                "children": [],
                "mOrderlevel": "0002",
                "mParentName": "框架应用管理",
                "mParentid": 1,
                "moduleid": 3,
                "mModulecode": "S00M01",
                "aAppName": "框架应用管理"
            },
            {
                "mCname": "应用字段设置",
                "mIcon": "fa fa-key",
                "mAppid": 1,
                "mIsclose": 0,
                "mIssys": 1,
                "mUrl": "AppMgr/FieldManager/default.aspx",
                "children": [],
                "mOrderlevel": "0003",
                "mParentName": "框架应用管理",
                "mParentid": 1,
                "moduleid": 4,
                "mModulecode": "S00M02",
                "aAppName": "框架应用管理"
            },
            {
                "mCname": "系统异常日志",
                "mIcon": "fa fa-file-pdf-o",
                "mAppid": 1,
                "mIsclose": 0,
                "mIssys": 1,
                "mUrl": "AppMgr/SystemErrorLog/default.aspx",
                "children": [],
                "mOrderlevel": "0004",
                "mParentName": "框架应用管理",
                "mParentid": 1,
                "moduleid": 5,
                "mModulecode": "S00M03",
                "aAppName": "框架应用管理"
            },
            {
                "mCname": "事件日志",
                "mIcon": "fa fa-file-zip-o",
                "mAppid": 1,
                "mIsclose": 0,
                "mIssys": 1,
                "mUrl": "AppMgr/EventLog/default.aspx",
                "children": [],
                "mOrderlevel": "0005",
                "mParentName": "框架应用管理",
                "mParentid": 1,
                "moduleid": 6,
                "mModulecode": "S00M04",
                "aAppName": "框架应用管理"
            }
        ],
        "mOrderlevel": "0000",
        "mParentid": 0,
        "moduleid": 1,
        "mModulecode": "S00",
        "aAppName": "框架应用管理"
    },
    {
        "mCname": "系统管理",
        "mIcon": "fa fa-cogs",
        "mAppid": 2,
        "mIsclose": 0,
        "mIssys": 0,
        "mUrl": "",
        "children": [
            {
                "mCname": "行政区管理",
                "mIcon": "fa fa-circle",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "SysMgr/AreaManager/default.aspx",
                "children": [],
                "mOrderlevel": "0001",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 8,
                "mModulecode": "S10M01",
                "aAppName": "应用系统管理"
            },
            {
                "mCname": "组织机构管理",
                "mIcon": "fa fa-tree",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "SysMgr/CompanyManager/default.aspx",
                "children": [],
                "mOrderlevel": "0002",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 9,
                "mModulecode": "S10M02",
                "aAppName": "应用系统管理"
            },
            {
                "mCname": "角色权限管理",
                "mIcon": "fa fa-user-secret",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "SysMgr/RoleManager/default.aspx",
                "children": [],
                "mOrderlevel": "0003",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 10,
                "mModulecode": "S10M03",
                "aAppName": "应用系统管理"
            },
            {
                "mCname": "用户管理",
                "mIcon": "fa fa-users",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "SysMgr/UserManager/default.aspx",
                "children": [],
                "mOrderlevel": "0004",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 11,
                "mModulecode": "S10M04",
                "aAppName": "应用系统管理"
            },
            {
                "mCname": "数据字典",
                "mIcon": "fa fa-leaf",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "SysMgr/FieldValueManager/default.aspx",
                "children": [],
                "mOrderlevel": "0005",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 12,
                "mModulecode": "S10M05",
                "aAppName": "应用系统管理"
            },
            {
                "mCname": "在线用户列表",
                "mIcon": "fa fa-user",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "SysMgr/OnlineUser/default.aspx",
                "children": [],
                "mOrderlevel": "0009",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 16,
                "mModulecode": "S10M09",
                "aAppName": "应用系统管理"
            },
            {
                "mCname": "系统设置",
                "mIcon": "fa fa-cog",
                "mAppid": 2,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "",
                "children": [
                    {
                        "mCname": "事件日志查询",
                        "mIcon": "fa fa-search-minus",
                        "mAppid": 2,
                        "mIsclose": 0,
                        "mIssys": 0,
                        "mUrl": "SysMgr/EventManager/default.aspx",
                        "children": [],
                        "mOrderlevel": "0006",
                        "mParentName": "系统设置",
                        "mParentid": 43,
                        "moduleid": 13,
                        "mModulecode": "S10M06",
                        "aAppName": "应用系统管理"
                    },
                    {
                        "mCname": "系统参数管理",
                        "mIcon": "fa fa-square",
                        "mAppid": 2,
                        "mIsclose": 0,
                        "mIssys": 0,
                        "mUrl": "SysMgr/SystemParam/default.aspx",
                        "children": [],
                        "mOrderlevel": "0007",
                        "mParentName": "系统设置",
                        "mParentid": 43,
                        "moduleid": 14,
                        "mModulecode": "S10M07",
                        "aAppName": "应用系统管理"
                    },
                    {
                        "mCname": "系统维护",
                        "mIcon": "fa fa-shield",
                        "mAppid": 2,
                        "mIsclose": 0,
                        "mIssys": 0,
                        "mUrl": "SysMgr/SystemState/default.aspx",
                        "children": [],
                        "mOrderlevel": "0008",
                        "mParentName": "系统设置",
                        "mParentid": 43,
                        "moduleid": 15,
                        "mModulecode": "S10M08",
                        "aAppName": "应用系统管理"
                    }
                ],
                "mOrderlevel": "0010",
                "mParentName": "系统管理",
                "mParentid": 7,
                "moduleid": 43,
                "mModulecode": "S10M10",
                "aAppName": "应用系统管理"
            }
        ],
        "mOrderlevel": "0000",
        "mParentid": 0,
        "moduleid": 7,
        "mModulecode": "S10",
        "aAppName": "应用系统管理"
    },
    {
        "mCname": "查询&报表统计",
        "mIcon": "",
        "mAppid": 3,
        "mIsclose": 0,
        "mIssys": 0,
        "mUrl": "",
        "children": [
            {
                "mCname": "快递单查询",
                "mIcon": "",
                "mAppid": 3,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "ExpressMgr/ExpDocQuery/default.aspx",
                "children": [],
                "mOrderlevel": "0501",
                "mParentName": "查询&报表统计",
                "mParentid": 22,
                "moduleid": 35,
                "mModulecode": "S36M01",
                "aAppName": "物流快递管理系统"
            },
            {
                "mCname": "快递营收统计",
                "mIcon": "",
                "mAppid": 3,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "ExpressMgr/ExpIncomeStat/default.aspx",
                "children": [],
                "mOrderlevel": "0502",
                "mParentName": "查询&报表统计",
                "mParentid": 22,
                "moduleid": 36,
                "mModulecode": "S36M02",
                "aAppName": "物流快递管理系统"
            },
            {
                "mCname": "快递业务流量分析",
                "mIcon": "",
                "mAppid": 3,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "ExpressMgr/ExpDataAnalysis/default.aspx",
                "children": [],
                "mOrderlevel": "0503",
                "mParentName": "查询&报表统计",
                "mParentid": 22,
                "moduleid": 37,
                "mModulecode": "S36M03",
                "aAppName": "物流快递管理系统"
            },
            {
                "mCname": "快递业务报表",
                "mIcon": "",
                "mAppid": 3,
                "mIsclose": 0,
                "mIssys": 0,
                "mUrl": "ExpressMgr/ExpCustomRpt/default.aspx",
                "children": [],
                "mOrderlevel": "0504",
                "mParentName": "查询&报表统计",
                "mParentid": 22,
                "moduleid": 38,
                "mModulecode": "S36M04",
                "aAppName": "物流快递管理系统"
            }
        ],
        "mOrderlevel": "0500",
        "mParentid": 0,
        "moduleid": 22,
        "mModulecode": "S36",
        "aAppName": "物流快递管理系统"
    }
]

要生成如上所示的JSONArray，其Service层也需要用递归来处理数据，Service层的写法，

// 返回json格式的树形导航菜单
    public JSONArray getTreeMenu() {
        return treeMenuList(getModules(), 0);
    }

    // 菜单树形结构
    public JSONArray treeMenuList(List<FrmModule> menuList, int parentId) {
        JSONArray childMenu = new JSONArray();
        for (FrmModule menu : menuList) {
            if (parentId == menu.getmParentid()) {
                JSONObject jo = (JSONObject) JSONObject.toJSON(menu);
                JSONArray c_node = treeMenuList(menuList, menu.getModuleid());
                jo.put("children", c_node);
                childMenu.add(jo);
            }
        }
        return childMenu;
    }

然后在Controller层调用Service层生成的JSONArray，封装返回的JSON数据：

    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String home(Model model) {
        JSONArray ja = moduleService.getTreeMenu();
        System.out.println(ja.toJSONString());
        model.addAttribute("treeMenu",ja );
        return "index";
    }

最后生成的树形菜单如下所示：

树形菜单导航

Freemaker 操作后端hashmap+json array嵌套
易山川的博客
06-17 1174
Freemaker 操作后端hashmap+json array嵌套 这个问题，是因为多层嵌套，导致直接用hashmap[key]获取json array值，不能直接用于list遍历。 解决方案如下： 后端 List<JSONObject> allArticlesInDomains = new ArrayList<>(); int pageNum = 1, pageSize = 10; for(JSONObject jb:domains){
动态生成菜单树
11-07
在后台，我们需要执行SQL查询，从`menus`表中获取所有菜单数据，并根据`parent_id`组织成树形结构。可以使用递归方法或者DFS（深度优先搜索）/BFS（广度优先搜索）算法来构建树。 3. 数据传递： 将构建好的树形...
使用freemarker实现递归
编程资料大全
07-17 561
背景 ： 需要展现评论及其多级子评论，假设后台已获取了一个树形结构，那么使用freemarker该如何展现？ 产生一个文件children.ftl，核心代码如下： &lt;#list list as comment&gt; &lt;#if level==1&gt; &lt;div &lt;#if comment_index%2==1&gt; style="background-color:#F5F...
Freemarker如何生成树形导航菜单（递归）
08-29
主要为大家详细介绍了Freemarker采用的的方法生成树形导航菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Freemarker 生成树形导航菜单（递归）
afterwards520的专栏
09-20 2063
很多导航菜单是树形的，即一级一级往下分，这样的结构固然需要用递归来处理。  对于Freemarker 来说，宏就相当于函数，其定义了签名及参数列表。  所以在freemarker页面应这样写：
freemarker利用宏进行递归
Java小白的学习日常
04-24 1227
<#if resultMap??> { "code":"200", "success":"true", "message":"请求成功", <#--定义宏，名字：tree，传入参数：datas--> <#macro tree datas> <#--获取datas集合中的元素data，data是map--&gt...
Freemarker实现树形导航菜单递归教程
总结起来，使用Freemarker生成树形导航菜单的关键在于定义递归宏，通过遍历和嵌套调用来处理多级菜单，并结合后台传递的数据结构，实现了动态生成具有层次结构的导航菜单。这对于构建用户友好的网站架构至关重要，...
基于JSP实现的WEB树形菜单设计与应用
随着Spring MVC、Spring Boot等框架的发展，传统的JSP逐渐被Thymeleaf、FreeMarker等模板引擎替代，但树形菜单的基本逻辑——数据建模、递归处理、前端渲染与交互控制——依然适用，并可在Vue.js、React等前端框架中...
struts+hibernate树形菜单
01-22
树形菜单是一种常见的用户界面元素，它以层级结构展示数据，例如网站导航、文件系统或者组织架构。在Web应用中，用户可以通过点击展开或折叠节点来浏览层次化的信息。 实现“Struts+Hibernate树形菜单”的主要步骤...
freemarker递归生成树
Lzfnemo2009的博客
07-01 760
freemarker递归树
freemarker 渲染递归数据(nest)
小白一枚~~
02-03 467
freemarker 渲染递归数据(nest)
FreeMarker实现递归的方法
liubaoshan
12-09 1783
一、在页面编写要显示的FreeMarker标签 例如：我要显示类似于树型的结构如： 1.root 2.child 3.child 4.root 5.child 6.child 结合hibrenate的方法,就是假如有一个分类表，一个分类下又有子分类，注意分类是可以无限的扩展的，在数据库表的设计中我们把分类表的关联设计为自关联...
java 树形菜单遍历_java freemarker遍历树形菜单(导航栏菜单)
weixin_39787826的博客
02-12 311
最近在写框架，到了模板对树形的处理，从后台到前端有必要把整个过程记录下来freemarker是一套模板引擎，主要用于数据的展示，你能看到这篇文章相信你对freemarker有所了解。首先看我们的菜单(树形)数据结构代码生成：import java.io.Serializable;import java.util.ArrayList;import java.util.List;public clas...
Freemarker生成菜单树
CJCC白朴的博客
04-20 634
FreeMarker 中文官方参考手册 参考：http://zhaojun.im/permission-tree/ 数据库表设计： @GetMapping(URL+"/index.html") @ResponseBody public ModelAndView index() { log.info("登录进入主页：/index.html"); ...
Freemarker渲染后台json菜单数据
loveLifeLoveCoding的博客
03-20 1964
    &lt;!-- 递归  宏定义 --&gt;        &lt;ul&gt;                &lt;#macro bpTree children&gt;                       &lt;#if children?? &amp;&amp; children?size gt 0&gt;                              &lt;#...
freemarker递归显示树形列表
a1314loveyou的专栏
09-11 846
之前在网上参考了几个,都不对,想了下,ok,结果如下: [code="java"] &nbsp;&nbsp;&nbsp;&nbsp;${(child.model.typeName)?if_exists} ...
原创 用FreeMarker宏 和 Jquery 做树（Hbiernate和JDBC版）
babyck的博客
01-14 260
记得蛮早前用dtree做过树，挺不错的，一条SQL，满足大部分应用。 后来用String拼接过树，不过后台代码太稀烂了，不好维护，目前做的项目应用中很多适合freemarker来实现 这次系统的学习了下，顺便做了个树，其实也和String拼接一样，不过显示的好看而已，很好维护，换样式。   有2种查找树方式，找一个节点下面的所有节点，另一种是找出所有节点并树形显示。   创建数据库名：...
Spring Boot(八)——Shiro+FreeMarker
林元煌
03-29 9672
Shiro简介 　　Apache Shiro是一个功能强大、灵活的，开源的安全框架。它可以干净利落地处理身份验证、授权、企业会话管理和加密。 Shiro能做什么呢 用户访问权限控制，比如：判断用户是否分配了一定的安全角色，判断用户是否被授予完成某个操作的权限； 在非 web 或 EJB 容器的环境下可以任意使用Session API； 可以响应认证、访问控制，或者 Session 生命...
Word OpenXML常用标签openxml标签
qq_35499112的博客
08-31 1924
这个是openxml相关知识。 <w:p> <!--表示一个段落--> <w:val > <!--表示一个值--> <w:r> <!--表示一个样式串，指明它包括的文本的显示样式，表示一个特定的文本格式--> <w:t> <!--表示真正的文本内容--> <w:rPr> <!--是&...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值