表单页面
<title>搜索</title>
<center>
</input><input type="text" style="height:30px;"></input><input type="button" value="搜索" style="height:30px;"></input>
<div>
<table class="table" border="1">
<tr id="theader">
<th>姓名</th>
<th>性别</th>
<th>联系方式</th>
<th>添加时间</th>
</tr>
@foreach($users as $k => $v)
<tr>
<td>{{$v -> u_user}}</td>
<td>{{$v -> u_sex}}</td>
<td>{{$v -> u_phone}}</td>
<td>{{$v -> u_time}}</td>
</tr>
@endforeach
</table>
{!! $users->links() !!}
</div>
</center>
<script src="style/js/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
$("input[type=button]").click(function(){
var txt=$("input[type=text]").val();
if($.trim(txt)!=""){
$("table tr:not('#theader')").hide().filter(":contains('"+txt+"')").show().css("background","red");
}else{
$("table tr:not('#theader')").css("background","#fff").show();
}
});
})
</script>
控制器
public function index(){
//查询数据
$users = DB::table('users_b')->paginate(5);
//展示数据
return view('index/index',['users' => $users]);
}
<title>搜索</title>
<center>
</input><input type="text" style="height:30px;"></input><input type="button" value="搜索" style="height:30px;"></input>
<div>
<table class="table" border="1">
<tr id="theader">
<th>姓名</th>
<th>性别</th>
<th>联系方式</th>
<th>添加时间</th>
</tr>
@foreach($users as $k => $v)
<tr>
<td>{{$v -> u_user}}</td>
<td>{{$v -> u_sex}}</td>
<td>{{$v -> u_phone}}</td>
<td>{{$v -> u_time}}</td>
</tr>
@endforeach
</table>
{!! $users->links() !!}
</div>
</center>
<script src="style/js/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
$("input[type=button]").click(function(){
var txt=$("input[type=text]").val();
if($.trim(txt)!=""){
$("table tr:not('#theader')").hide().filter(":contains('"+txt+"')").show().css("background","red");
}else{
$("table tr:not('#theader')").css("background","#fff").show();
}
});
})
</script>
控制器
public function index(){
//查询数据
$users = DB::table('users_b')->paginate(5);
//展示数据
return view('index/index',['users' => $users]);
}