我如何使用laravel在数据表中显示数据库中的记录

时间:2019-04-16 18:18:49

标签: jquery laravel datatables

我正在使用laravel 5.8,我需要进行2天的搜索以及如何在数据表中检索和显示数据但没有结果

//这是我的控制器文件的一部分的代码

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Hash;
use Datatables;


use Auth;
use App\User;

class UserController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */

public function __construct()
{
    $this->middleware('auth');
}

    public function index()
    {

         $user =Datatables::of(User::query())->make(true);

        return view('manage_users.index', ['users' => $user]);
    }

    /**

以及html页面和脚本的代码

<script src="//code.jquery.com/jquery-1.12.3.js"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script
    src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet"
    href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet"
    href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">

<link href="styles/vendor/AdminLTE/css/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
<link href="bower_components/datatables-responsive/css/dataTables.responsive.css" rel="stylesheet" type="text/css" />

<table id="table" class="table table-bordered table-striped dataTable">
  <thead>
      <tr>
        <th class="th-sm">ID</th>
        <th class="th-sm">Name</th>
        <th class="th-sm">Email</th>
        <th class="th-sm">Type user</th>

      </tr>
    </thead>
    <tbody>



  </tbody>
  <tfoot>
    <tr>
      <th>Id
      </th>
      <th>Name
      </th>
      <th>Email
      </th>
      <th>Type user
      </th>

    </tr>
  </tfoot>
</table>

<script>
         $(document).ready(function() {
    $('#table').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "../server_side/scripts/server_processing.php"
    } );
} );
         </script>

我得到空表,而ajax错误是这样的: DataTables警告:表格ID =表格-Ajax错误。有关此错误的更多信息,请参见http://datatables.net/tn/7

1 个答案:

答案 0 :(得分:1)

您做错了几件事。

  1. 您没有返回数据表
  2. 您尚未在jquery数据表上设置列

关注此。

在您的控制器上

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Hash;
use Datatables;
use Auth;
use App\User;

class UserController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */

public function __construct()
{
    $this->middleware('auth');
}

    public function index()
    {

         $user =User::get();

        return view('manage_users.index', compact('user'));
    }


    public function returnAjaxData()
    {
         $users =User::get();
         return Datatables::of($users)->make(true);
     }
    /**
  • 一旦返回数据表,请在路由上设置ajax路由
  • 使用get方法添加一条导致returnAjaxData()函数的路由
  • 之后,只需使用该路由即可在您的Jquery中获取数据 在下面
  • 然后还提到数据表jquery上的列,如下所示

    <script>
    $(document).ready(function() {
    $('#table').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "url/route/to/returnAjaxData",
         "columns":[
    
        { "data": "id" },
        { "data": "name" },
        { "data": "email" },
        { "data": "type_user" },
    } );
    } );
    </script>
    
  • 请记住,列数据是来自数据库的字段。

  • 还请记住在“ url / route / to / returnAjaxData”上方更改Ajax URL

按照前面的示例创建路由,如下所示:

Route::get('user', array('as' => 'get.user', 'uses' => 'UserController@returnAjaxData'));

将ajax网址替换为“ ajax”:“ / user”,