递归查询树形结构 Java如何递归实现vue菜单树所需要的数据?
Java如何递归实现vue菜单树所需要的数据?
大致思路:树形视图使用vue的官方案例代码,java负责封装数据,可以按照vue官方案例的数据结构进行封装。有两点需要注意:1。官方案例的数据结构是一个对象包含一个集合,而不是一个集合对象;2.递归算法。
关于代码:
前端:html js
lthtmlgt
ltheadgt
ltmeta charsetUTF-8gt
lttitlegtlt/titlegt
lt script @ 2 . 6 . 9/dist/vue . jsgt lt/script gt
lt!-风格介绍- gt
ltlink relstylesheet
lt!-介绍组件库- gt
ltscript
ltscript
lt script src $ { CTX }/core-plugins/ew/depend/jquery/jquery . min . js typetext/JavaScript gtlt/script gt
ltstyl:门洛,康萨拉,等宽
color: # 444
}
。项目{
cursor:指针
}
。粗体{
font-w:大胆
}
ul {
padding-l: 1: 1.5毫米
list-styl:圆点
}
lt/stylegt
lt script typ:class{bold:是文件夹} @ click toggle @ dblclickmak: } }]lt/spangt
lt/divgt
ltul v-showisOpen v-ifisFoldergt
lttree-项目
classitem
v-for(child,ind:k:itemchild
@make-folder$emit(make-folder,$event)
@add-item$emit(add-item,$event)
gtlt/树项目gt
ltli class add @ click $ emit(add-item,item)gt lt/ligt
lt/ulgt
lt/ligt
lt/scriptgt
lt/headgt
ltbodygt
ltdiv iddemogt
ltul gt
lt tree-item class it: item treedata @ make-foldermakeFolder @ add-item additem gt lt/tree-item gt
lt/ulgt
lt/divgt
lt/bodygt
lt/htmlgt
ltscriptgt
(树项目,{
t: #项目-模板,
props: {
it:物体
},
data:函数(){
返回{
isOp:假
}
},
comput: {
isFold:函数(){
返回放大器
}
},
m: {
toggl:函数(){
if () {
!
}
},
mak:函数(){
如果(!) {
这个。$: #演示,
data: {
tr: { }
},
m: {
mak:函数(项目){
(项目,ch孩子,[])
(项目)
},
addIt:函数(项目){
({
nam:新东西
})
},
search data : function(){
调试器
(menuRoleLimitBLH_)
。然后(响应gt(
))
。catch(error gt console.log(错误))
}
},
已创建(){
()
},
})
lt/scriptgt
背景:java mysql,共有三种方法,分别是:1。获取请求2获取所有菜单的父子关系3递归菜单。
/**
* Purpos:菜单列表页面。
* @作者JaxWan
* @param请求
* @return IZrarResponse
*/
公共IZrarResponse搜索菜单(IZrarRequest req){
IZrarResponse RES new ZrarResponse()
字符串页面类型(页面类型)
if((页面类型)){
ListltEwTreeVOgt EwTreeVOs(selectAllMenuTree)
ListltMapltString,Objectgtgt菜单(EwTreeVOs)
MapltString,Objectgt映射新的HashMapltString,Objectgt()
地图.上传(id
时序数据库常用的算法?
基础:线性表、链表、栈和队列排序:快速排序、堆排序、归并排序、Hill排序、插入排序、选择性排序二叉树:前序、中间排序、后序遍历、层次遍历,包括递归算法和非递归算法、霍夫曼编码二叉树与树和森林的转换、穿树图算法:深度优先遍历算法、广度优先遍历算法。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。