Jfinal模板解析菜单树
Jfinal模板解析菜单树
我是程序yuan 发表于5个月前
Jfinal模板解析菜单树
  • 发表于 5个月前
  • 阅读 42
  • 收藏 2
  • 点赞 1
  • 评论 4

新睿云服务器60天免费使用,快来体验!>>>   

昨天用了一天时间写后台菜单树,今天就要想办法用jfinal的模板解析并显示,因为第一次使用jfinal的模板引擎,有点没有信心,但后来还是很容易的就是实现了。

1.回顾一下在这个过程中遇到的几个小问题

(1)我返回菜单树的结构如下所示:

{f9721e2f4a704969b6c3b1ae166f6333=
[{action_url:/perm,action_type:1,permission_name:权限管理,},
{action_url:/user,action_type:1,permission_name:用户管理},
{action_url:/role,action_type:1,permission_name:角色管理}]
}

这里只展示了一个一级菜单及其下面的菜单树,键为一级菜单的id,值为一级菜单下的子菜单。 (其实一开始我的键用的是一个permission对象,这样我需要的信息我都可以直接获取,但是后来看了下官方文档说键只能用String ,所以我就改为id,取出id再调用后台方法去获取菜单权限)

(2)map.key的时候这个key只能是常量,不能是变量,如果key是变量,只能用map[key]才行。

(3)遍历一个List<Object>,开始我用的是for(s:list),发现不行,后来用了 #for(i=0;i<s;i++)的形式就可以了。

2回顾一下代码解析过程如下所示:

#define traceShowMenu(menuTrees)
 #set(currentMenu = getCurrentUrl())
   #for(menuTree : menuTrees)
      #set(parentMenu=getParentMenu(menuTree))
       <li #if(parentMenu.ispen) class="layui-nav-item layui-nav-itemed" #else class="layui-nav-item"    #end" >
           <a class="javascript:;" href="javascript:;">#(parentMenu.permission_name)</a>
	        #set(subMenuList = menuTree[parentMenu.id])
	        <dl class="layui-nav-child">
	            #for(i=0;i<subMenuList.size();i++)
	            <dd #if(currentMenu==subMenuList[i].action_url) class="layui-this" #end >
			 <a href="#(subMenuList[i].action_url)">#(subMenuList[i].permission_name)                                                                  </a>
			</dd> 
	            #end
	        </dl>
	  </li>
   #end
#end

(1)首先定义一个函数,已供后面左侧导航调用并显示

(2) #set(currentMenu = getCurrentUrl())用于获取每次请求的路径,以便设置选中和展开状态

(3) #for(menuTree : menuTrees)循环整个属性菜单,获取每个一级菜单树(后台把每个一级菜单树都放在List下)

(4) #set(parentMenu=getParentMenu(menuTree))获取一级菜单树,如果有多级,则表示获取父菜单树

(5)( <li #if(parentMenu.ispen) class="layui-nav-item layui-nav-itemed" #else class="layui-nav-item" #end" >) <a class="javascript:;" href="javascript:;">#(parentMenu.permission_name)</a>显示一级菜单(或父菜单),如果有下级被选中,则展开,否则不展开。

(6) #set(subMenuList = menuTree[parentMenu.id])根据一级菜单(或父菜单)id获取所有子菜单

(7)循环所有子菜单并显示

          <dl class="layui-nav-child">
            #for(i=0;i<subMenuList.size();i++)
            <dd #if(currentMenu==subMenuList[i].action_url) class="layui-this" #end >
		 <a href="#(subMenuList[i].action_url)">#(subMenuList[i].permission_name)                                                                                     </a>
		</dd> 
            #end
        </dl>
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 41
博文 76
码字总数 45298
评论 (4)
JFinal
#for 指令遍历 List<Object> 是一定可以的,感谢你的分享 :thumbsup:
我是程序yuan

引用来自“JFinal”的评论

#for 指令遍历 List<Object> 是一定可以的,感谢你的分享 :thumbsup:

回复@JFinal : 昨天没仔细试,今天试了果然是可以的
JFinal

引用来自“我爱程序yuan”的评论

引用来自“JFinal”的评论

#for 指令遍历 List<Object> 是一定可以的,感谢你的分享 :thumbsup:

回复@JFinal : 昨天没仔细试,今天试了果然是可以的
#for 指令对 List 的迭代是最基本的、最重要的功能之一,必然要支持。 不仅支持 List, #for 指令还支持任意类型的数据迭代, 例如支持:null、Object、枚举等等

还支持 else 语句:
#for ( x : null )
...
#else
...
#end

上面的语句在循环次数为 0 时,执行 else 块, enjoy coding and enjoy life
我是程序yuan

引用来自“我爱程序yuan”的评论

引用来自“JFinal”的评论

#for 指令遍历 List<Object> 是一定可以的,感谢你的分享 :thumbsup:

回复@JFinal : 昨天没仔细试,今天试了果然是可以的

引用来自“JFinal”的评论

#for 指令对 List 的迭代是最基本的、最重要的功能之一,必然要支持。 不仅支持 List, #for 指令还支持任意类型的数据迭代, 例如支持:null、Object、枚举等等

还支持 else 语句:
#for ( x : null )
...
#else
...
#end

上面的语句在循环次数为 0 时,执行 else 块, enjoy coding and enjoy life
:+1:
×
我是程序yuan
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: