进入菜单后之前的选项卡消失了(springboot thymeleaf)

本来是在使用layui 发现了这个问题 在寻找方法的过程中发现了xadmin 使用起来更加简便,但是整合完还是遇到这个问题了求大神.
问题如下,
使用的是springboot 不是推荐使用thymeleaf么,然后我就把index.html拆成了几份
index页面
<!-- 顶部开始 -->
<div class="container" th:include="header :: header"></div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav" th:include="left :: left"> </div>
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
<div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
<ul class="layui-tab-title">
<li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<!-- 这是layout内容 -->
<div class="x-body" layout:fragment="content"> </div>
</div>
</div>
</div>
</div>
<div class="page-content-bg"></div>
<!-- 右侧主体结束 -->

left 和 header还是例子里来的 只是用th:fragment包起来了,初次访问一切正常,然后自己做了一个 table的页面替换了原来折线图的路径 <li>
                        <a th:href="@{/orderInfo}">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>拆线图</cite>
                        </a>
                    </li >
然后发生问题,因为其他页面都是没有的 所以一个个点 选项卡都打开了 然后我一点击自己新写的这个页面直接就变成我的桌面选项卡 页面倒是新的页面 之前的 都没了
新的页面代码:
		  <title>测试</title>
<!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
</head>
<body>
<!-- 引用thymeleaf 模板 -->
<!--
<div class="x-body" >
-->
<div layout:fragment="content" >

<!-- 页面开始 -->
<div class="demoTable">
搜索商户:
<div class="layui-inline">
<input class="layui-input" name="keyword" id="demoReload" autocomplete="off">
</div>
<button class="layui-btn" data-type="reload">搜索</button>
</div>

<table class="layui-hide" id="LAY_table_user" lay-filter="useruv"></table>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>


<script>
layui.use('table', function(){
var table = layui.table;

//方法级渲染
table.render({
id: 'testReload',
page: true,
height: 450,
elem: '#LAY_table_user',
url: '/testData2',
cols: [[
{checkbox: true, fixed: true}
,{field:'BUSINESSNO', title: '商户号', width:160, sort: true, fixed: true}
,{field:'FULLNAME', title: '商户', width:180, sort: true}
,{field:'IDCARD', title: '身份证', width:200, sort: true,edit:true}
,{field:'CORPORATION', title: '日期', width:180}
,{field:'BANKNAME', title: '银行名称', width:180}
,{field:'right', title: '操作', width:170,toolbar:"#barDemo"}
]],
response: {
statusName: 'code' //数据状态的字段名称,默认:code
,statusCode: 0 //成功的状态码,默认:0
,msgName: 'msg' //状态信息的字段名称,默认:msg
,countName: 'count' //数据总数的字段名称,默认:count
,dataName: 'data' //数据列表的字段名称,默认:data
}

});

var $ = layui.$, active = {
reload: function(){
var demoReload = $('#demoReload');

table.reload('testReload', {
where: {
keyword: demoReload.val()
}
});
}
};

//监听表格复选框选择
table.on('checkbox(useruv)', function(obj){
console.log(obj)
});
//监听工具条
table.on('tool(useruv)', function(obj){
var data = obj.data;
if(obj.event === 'detail'){
layer.msg('ID:'+ data.id + ' 的查看操作');
} else if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
console.log(data);
$.ajax({
url: "UVServlet",
type: "POST",
data:{"uvid":data.id,"memthodname":"deleteuv","aid":data.aid},
dataType: "json",
success: function(data){

if(data.state==1){
obj.del();
layer.close(index);
layer.msg("删除成功", {icon: 6});
}else{
layer.msg("删除失败", {icon: 5});
}
}

});
});
} else if(obj.event === 'edit'){

layer.prompt({
formType: 2
,title: '修改 ID 为 ['+ data.id +'] 的访问量'
,value: data.uv
}, function(value, index){
EidtUv(data,value,index,obj);
});
}
});

$('.demoTable .layui-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});

function EidtUv(data,value,index,obj) {
$.ajax({
url: "UVServlet",
type: "POST",
data:{"uvid":data.id,"memthodname":"edituv","aid":data.aid,"uv":value},
dataType: "json",
success: function(data){

if(data.state==1){

layer.close(index);
//同步更新表格和缓存对应的值
obj.update({
uv: value
});
layer.msg("修改成功", {icon: 6});
}else{
layer.msg("修改失败", {icon: 5});
}
}

});
}


});
</script>

<!-- 页面结束 -->
</div>

</body>
</html>
后端处理代码
 @GetMapping("/testData2")
@ResponseBody
public String testData2(HttpServletRequest request,HttpServletResponse response) {
String str = request.getParameter("keyword");
String pindex = request.getParameter("page");
String limit = request.getParameter("limit");
int total = testService.testCount();
List<Map> list = testService.testGet();

/* 默认接受的数据格式
{
code: 0,
msg: "",
count: 1000,
data:
} */
JSONObject json = new JSONObject();
JSONArray array = JSONArray.fromObject(list);
json.put("code", "0");
json.put("msg", "");
json.put("count", total);
json.put("data", array);
System.out.println("return = ========= ===="+json.toString());
return json.toString();
}
总结问题就是一个个选项卡打开,然后点击自己新写的页面action 哦 action代码贴一下:
@RequestMapping("/orderInfo")
public String orderInfo() {
// return "/order/orderInfo2";
return "/order/orderInfo";
}

[b]然后之前打开的选项卡都会消失,当前选项卡又变成我的桌面,但是页面是新的页面
[/b]
已邀请:

johnson127 - 80后JAVA

赞同来自:

已解决 放弃thymeleaf一切好说,看JS里 选项卡需要iframe

要回复问题请先登录注册