Laravel8.x无限级分类怎么适配后台select下拉框-php教程-PHP中文网

Laravel 8.x 中无限级分类下拉框需实现层级缩进、保留选中值及避免 N+1 查询：通过模型静态方法 getFlatTree 生成带前缀扁平数组，视图中用 old() 回填选项；大数据量时改用 Select2 + AJAX 懒加载；验证用 exists 规则即可。

laravel8.x无限级分类怎么适配后台select下拉框

在 Laravel 8.x 后台管理中，把无限级分类（基于 parent_id 的树形结构）适配到下拉框，核心目标是：**清晰展示层级关系、支持根/子级区分、验证失败后能保留选中值、避免 N+1 查询拖慢渲染**。不是简单列出所有分类，而是让树形结构“可读、可选、可回填”。

一、数据库与模型准备（确保基础正确）

确保 categories 表含 id、name、parent_id 字段，其中 parent_id 允许为 NULL（根节点），迁移中写法必须是：

$table->foreignId('parent_id')->nullable()->constrained()->nullOnDelete();
不要用 unsignedBigInteger 加非空约束，否则根节点无法插入

Category 模型中定义关系：

public function children() { return $this->hasMany(Category::class, 'parent_id'); }
public function parent() { return $this->belongsTo(Category::class, 'parent_id'); }

二、后台下拉框渲染：带缩进的扁平化列表

直接递归嵌套不现实（HTML 不支持动态多层分组），通用做法是将树转为带前缀的扁平数组，例如：

电子产品
　└ 手机
　　└ iPhone
　　└ Android
　└ 笔记本
图书

控制器中生成该数组（推荐用 Eloquent 集合 + 递归方法，不查 N+1）：

// 在 Category 模型里加一个静态方法
public static function getFlatTree($parentId = null, $level = 0)
{
    $items = self::where('parent_id', $parentId)->orderBy('name')->get();
    $result = [];
<pre class="brush:php;toolbar:false;">foreach ($items as $item) {
    $prefix = str_repeat('　', $level) . '└ ';
    $result[] = ['id' => $item->id, 'name' => $prefix . $item->name];

    // 递归追加子项
    $result = array_merge($result, self::getFlatTree($item->id, $level + 1));
}

return $result;

}

laravel-specialist

精通 Laravel 10+，遵循现代 PHP 实践的 Laravel 专家。擅长优雅语法、Eloquent ORM、队列系统及企业级特性...

下载

视图中渲染 select：

<select name="category_id" class="form-control"><option value="">-- 请选择分类 --</option>
  @foreach(App\Models\Category::getFlatTree() as $opt)
    <option value="{{ $opt['id'] }}" old :>
      {{ $opt['name'] }}
    </option>
  @endforeach
</select>

✅ 关键点：old('category_id') 必须写在每个内做条件判断，不能写在上。