Laravel开发：如何在编辑界面正确预选数据库中的多选标签

<?php

namespace App\Http\Controllers;

use App\Models\News; // 假设你的新闻模型是 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)
    {
        // 使用 with('tags') 预加载新闻的关联标签，避免 N+1 查询问题
        $news = News::with('tags')->findOrFail($id); 

        // 获取所有可用的标签，以便在视图中遍历显示
        $allTags = Tag::all(); 

        // 将新闻对象和所有标签传递到编辑视图
        return view('news.edit', compact('news', 'allTags'));
    }

    /**
     * 更新指定新闻在数据库中的记录。
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\RedirectResponse
     */
    public function update(Request $request, $id)
    {
        // 1. 数据验证
        $validated = $request->validate([
            'title' => 'required',
            'description' => 'required',
            'date_news' => 'required',
            'category' => 'required',
            'tag' => 'required|array', // 确保 tag 是一个数组
            'tag.*' => 'exists:tags,id', // 验证每个标签ID是否存在于 tags 表
        ], [
            'title.required' => 'الرجاء تحديد عنوان الخبر',
            'description.required' => 'الرجاء إدخال وصف الخبر',
            'date_news.required' => 'الرجاء تحديد تاريخ نشر الخبر',
            'category.required' => 'الرجاء إختيار صنف الإعلان',
            'tag.required' => 'الرجاء اختيار التاغ',
            'tag.array' => '标签格式不正确',
            'tag.*.exists' => '选择的标签不存在',
        ]);

        // 2. 查找新闻记录并更新基本字段
        $news = News::find($id);
        $news->title = $request->title;
        $news->description = $request->description;
        $news->date_news = $request->date_news;
        $news->id_category = $request->category;
        $news->save();

        // 3. 更新多对多关系：使用 sync() 方法
        // sync() 方法会接收一个 ID 数组，并确保关联关系只包含这些 ID。
        // 它会自动添加新的关联，删除不再存在的关联，并保持现有关联不变。
        // 这比 attach() 更适合更新操作，因为 attach() 会重复添加。
        $news->tags()->sync($request->tag); 

        return redirect()->route('news');
    }
}

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

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

    <!-- 其他表单字段，如 title, description, date_news, category -->

    <div class="seletag">   
        <h2 class="tagnews"> : حدد التاغات </h2>
    </div>
    <div class="seletagnews">
        {{-- 
            注意：
            1. name 属性应为数组形式 (tag[])，以便控制器接收多个值。
            2. class="widthse" multiple 确保它是多选框。
        --}}
        <select class="widthse" multiple name="tag[]"> 
            {{-- 遍历所有可用的标签 ($allTags 来自控制器) --}}
            @foreach ($allTags as $tag) 
                <option value="{{ $tag->id }}" 
                        {{-- 
                            条件判断：
                            使用 $news->tags->contains($tag->id) 来检查当前标签ID是否存在于
                            新闻已关联的标签集合中。如果存在，则添加 'selected' 属性。
                        --}}
                        @if ($news->tags->contains($tag->id)) selected @endif> 
                    {{ $tag->tag }}   
                </option>
            @endforeach
        </select>
        {{-- 错误信息显示 --}}
        <span class="valitag"> @error('tag') {{ $message }} @enderror </span>
    </div>

    <button type="submit">更新新闻</button>
</form>