Laravel 中实现数据库数据在 标签的动态预选

<?php

namespace App\Http\Controllers;

use App\Models\News;
use App\Models\Tag; // 假设 Tag 模型存在
use Illuminate\Http\Request;

class NewsController extends Controller
{
    /**
     * 显示指定新闻的编辑表单。
     *
     * @param  int  $id
     * @return \Illuminate\View\View
     */
    public function edit($id)
    {
        // 1. 获取待编辑的 News 记录，并预加载其关联的 tags
        $news = News::with('tags')->findOrFail($id);

        // 2. 获取所有可用的 Tag 列表，用于填充 select 选项
        $allTags = Tag::all();

        // 3. 提取当前新闻已关联的 Tag ID 数组，方便在视图中判断
        // pluck('id') 将 Tag 集合转换为只包含 'id' 字段的集合
        // toArray() 将集合转换为 PHP 数组
        $selectedTagIds = $news->tags->pluck('id')->toArray();

        // 4. 将数据传递给视图
        return view('news.edit', compact('news', 'allTags', 'selectedTagIds'));
    }

    /**
     * 更新指定新闻的逻辑（仅作参考，与显示预选无关）
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\RedirectResponse
     */
    public function update(Request $request, $id)
    {
        $validated = $request->validate([
            'title' => 'required',
            'description' => 'required',
            'date_news' => 'required',
            'category' => 'required',
            'tag' => 'nullable|array', // 允许为空数组，或至少包含一个元素
            'tag.*' => 'exists:tags,id', // 验证数组中的每个tag ID都存在于tags表
        ], [
            'title.required' => '请填写新闻标题',
            'description.required' => '请填写新闻描述',
            'date_news.required' => '请选择新闻发布日期',
            'category.required' => '请选择新闻类别',
            'tag.array' => '标签格式不正确',
            'tag.*.exists' => '选择的标签无效',
        ]);

        $news = News::findOrFail($id);
        $news->title = $request->title;
        $news->description = $request->description;
        $news->date_news = $request->date_news;
        $news->id_category = $request->category;
        $news->save();

        // 更新多对多关系：使用 sync() 方法同步标签，它会添加、删除或更新关联
        // 如果 $request->tag 为空，则会移除所有关联标签
        $news->tags()->sync($request->input('tag', []));

        return redirect()->route('news.index')->with('success', '新闻更新成功！');
    }
}

<!-- resources/views/news/edit.blade.php -->

<form action="{{ route('news.update', $news->id) }}" method="POST">
    @csrf
    @method('PUT') <!-- 使用 PUT 方法进行更新 -->

    <div class="form-group">
        <label for="title">新闻标题</label>
        <input type="text" name="title" id="title" class="form-control" value="{{ old('title', $news->title) }}">
        @error('title') <span class="text-danger">{{ $message }}</span> @enderror
    </div>

    <div class="form-group">
        <label for="description">新闻描述</label>
        <textarea name="description" id="description" class="form-control">{{ old('description', $news->description) }}</textarea>
        @error('description') <span class="text-danger">{{ $message }}</span> @enderror
    </div>

    <!-- 其他表单字段... -->

    <div class="form-group">
        <label for="tags">选择标签</label>
        <!-- 注意：对于多选 select，name 属性应为数组形式，例如 'tag[]' -->
        <select name="tag[]" id="tags" class="form-control" multiple>
            @foreach ($allTags as $tag)
                <option value="{{ $tag->id }}"
                    @if (in_array($tag->id, $selectedTagIds))
                        selected
                    @endif
                >
                    {{ $tag->tag }}
                </option>
            @endforeach
        </select>
        @error('tag') <span class="text-danger">{{ $message }}</span> @enderror
        @error('tag.*') <span class="text-danger">{{ $message }}</span> @enderror
    </div>

    <button type="submit" class="btn btn-primary">更新新闻</button>
</form>