将一个jQuery表从简单的.php添加到.blade.php - Add a jQuery table from a simple .php to .blade.php Laravel5

Add a jQuery table from a simple .php to .blade.php Laravel5

本文关键字：php 简单添加 blade jQuery 一个 | 更新日期: 2023-09-27

我有一个网站与导航栏(这是在main.blade.php)。我已经创建了一个jQuery表，但不是在刀片视图，而是作为一个简单的。php。我如何将内容部分设置为它并将其添加到刀片?谢谢!

路线:

web.php

old(一个简单的页从刀片):

Route::get('/manageclasses', ['as' => 'manageclasses', 'uses' => 'UserView'AdminController@manageclasses']);

新页面(带表的简单页面):

Route::get('/manageclasses',['as' => 'manageclasses',function(){
  $manageclasa = App'Elevi::all();
  return View::make('table')->with('manageclasa', $manageclasa);
}]);

我的刀片布局，我想添加表

@extends('layouts.master')
@extends('layouts.navbar')
@extends('layouts.sidebar')

@section('content')
<h3 class="white-text">Manage Page</h3>
@endsection

我的新布局与表

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Manage Clasa</title>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <script src="//ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
      <link rel="stylesheet" type="text/css" href="//ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
   </head>

   <body>
      <h1>Elevi clasa</h1>
      <table>
      <thead>
         <tr>
            <th>Nume</th>
            <th>Prenume</th>
         </tr>
      </thead>
      <tbody>
         <?php foreach ($manageclasa as $elev): ?>
         <tr>
            <td><?php echo $elev['nume'] ?></td>
            <td><?php echo $elev['prenume'] ?></td>
         </tr>
         <?php endforeach; ?>
      </tbody>
      </table>
      <script>
         $(function(){
            $("table").dataTable();
         });
      </script>
   </body>
</html>

你正在返回一个Eloquent对象。试试这个:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Manage Clasa</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="//ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
</head>

<body>
<h1>Elevi clasa</h1>
<table id="elevi-clasa">
<thead>
<tr>
  <th>Nume</th>
  <th>Prenume</th>
</tr>
</thead>
<tbody>
@foreach($manageclasa as $elev)
<tr>
  <td>{{ $elev->nume }}</td>
  <td>{{ $elev->prenume }}</td>
</tr>
@endforeach
</tbody>
</table>
<script>
$(function(){
$("#elevi-clasa").dataTable();
});
</script>
</body>
</html>