無限級分類,基本在全部的網站都有涉及,因此是必需要掌握的知識點,在網上看不少資料文檔,要麼不細緻,要麼根本不對,要麼達不到預想的目標,其實實現的思路和方法很是簡單,今天咱們一塊兒來實現一下。php
這裏直接使用artisan命令進行建立laravel
# -a 其實就是all,建立包含模型,控制器(資源),數據遷移文件(工廠模型、seed) php artisan make:model -a Category
運行這條命令,就能夠建立好資源控制器。web
首先修改數據遷移文件xxx_create_categories_table.app
打開文件,修改裏面的up方法,添加相應字段。less
Schema::create('categories', function (Blueprint $table) { $table->id(); $table->string('title', 100)->comment('分類名稱'); $table->string('name', 100)->comment('分類標識'); $table->string('description', 255)->nullable()->comment('分類描述'); $table->integer('pid')->default(0)->comment('分類id'); $table->integer('level')->default(1)->comment('分類層級'); $table->integer('sort')->default(0)->comment('排序'); $table->integer('status')->default(1)->comment('狀態:0-禁用,1-正常'); $table->timestamps(); });
php artisan migrate
//App\Models\Category.php public function categories() { return $this->hasMany(self::class, 'pid', 'id')->with('categories'); }
//app\Http\controllers\CategooryController.php # use模型 use App\Models\Category; public function index() { $categories = Category::with('categories')->where('pid', 0)->get(); return view('category.index', compact('categories')); }
在 routes/web.php,咱們添加如下內容:網站
Route::get('category', 'CategoryController@index');
這裏使用遞歸渲染。this
在 resources/views/categories.blade.php 文件:spa
<table class="table table-borderless table-data3"> <thead> <tr> <th>編號</th> <th>分類名稱</th> <th>分類標識</th> <th>分類描述</th> <th>建立時間</th> <th>狀態</th> <th>操做</th> </tr> </thead> <tbody> @foreach ($categories as $category) <tr class="tr-shadow"> <td>{{ $category->id }}</td> <td>{{ $category->title }}</td> <td> <span class="block-email">{{ $category->name }}</span> </td> <td class="desc">{{ $category->description }}</td> <td>{{ $category->created_at }}</td> <td> <span class="status--process">{{ $category->status }}</span> </td> <td></td> </tr> <tr class="spacer"></tr> @foreach ($category->categories as $childCategory) @include('category.child_category', ['child_category' => $childCategory]) @endforeach @endforeach </tbody> </table>
遞歸部分加載自身模版child_category.blade.php.net
<tr class="tr-shadow"> <td>{{ $child_category->id }}</td> <td>|{{ str_repeat('--',$child_category->level-1) }} {{ $child_category->title }}</td> <td> <span class="block-email">{{ $child_category->name }}</span> </td> <td class="desc">{{ $child_category->description }}</td> <td>{{ $child_category->created_at }}</td> <td> <span class="status--process">{{ $child_category->status }}</span> </td> <td></td> </tr> <tr class="spacer"></tr> @if ($child_category->categories) @foreach ($child_category->categories as $childCategory) @include('category.child_category', ['child_category' => $childCategory]) @endforeach @endif
最後看一下效果
3d