ThinkPHP6+Layui实现搜索分页
效果:基于ThinkPHP6+Layui实现多条件搜索分页方法:步骤1、HTML代码:
搜索信息
账号
用户姓名
日期选择
搜索
步骤2、JavaScript代码:
layui.use(['form','table','laydate'],function(){
var$=layui.jquery,
form=layui.form,
table=layui.table
,laydate=layui.laydate;
//日期
laydate.render({
elem:'#date1'
});
//监听搜索操作
form.on('submit(data-search-btn)',function(data){
varresult=JSON.stringify(data.field);
//layer.alert(result,{
//title:'最终的搜索信息'
//});
//执行搜索重载
table.reload('currentTableId',{
page:{
curr:1
}
,where:{
searchParams:result
}
},'data');
returnfalse;
});
});
步骤3、后端代码:用户接收数据和处理