Laravel：Session保存选中产品后前端未添加标识类的问题

嘿，这个问题我太熟了——Session里明明存了选中的产品，但前端没给对应的元素加上标识类，用户根本没法直观看到自己选了啥对吧？咱们来快速搞定它！

核心思路 #

在Blade模板的循环中，动态判断当前产品是否存在于Session的选中列表里，如果是，就给对应的DOM元素加上自定义的高亮类，再配合CSS样式让用户一眼就能识别。

具体实现步骤 #

1. 改造Blade循环代码

假设你之前的循环是这样的（简化版）：

@foreach($themes as $theme)
    <div class="col-md-4 mb-4">
        <div class="theme-card">
            <!-- 产品内容 -->
            <h3>{{ $theme->name }}</h3>
        </div>
    </div>
@endforeach

现在我们要在theme-card这个类后面，加上判断逻辑：

@foreach($themes as $theme)
    <div class="col-md-4 mb-4">
        <!-- 关键：用in_array判断当前theme的id是否在Session的选中数组里 -->
        <div class="theme-card {{ in_array($theme->id, session('selected_themes', [])) ? 'selected' : '' }}">
            <h3>{{ $theme->name }}</h3>
            <!-- 其他产品内容，比如图片、选择按钮等 -->
        </div>
    </div>
@endforeach

这里的session('selected_themes', [])是获取Session中存储的选中产品ID数组，如果Session里没有这个key，就返回空数组避免报错。

2. 确保Session的存储逻辑正确

假设你是在控制器里处理产品选择的，要保证把选中的产品ID正确存入Session数组（避免重复添加）：

public function addToSelection(Request $request, $themeId)
{
    // 先获取已选中的产品数组，默认空数组
    $selected = session('selected_themes', []);
    
    // 避免重复添加同一个产品
    if (!in_array($themeId, $selected)) {
        $selected[] = $themeId;
        // 更新Session
        session(['selected_themes' => $selected]);
    }

    return redirect()->route('next.page'); // 跳转到下一页
}

如果需要支持取消选择，也可以写个移除逻辑：

public function removeFromSelection(Request $request, $themeId)
{
    $selected = session('selected_themes', []);
    // 过滤掉要取消的ID
    $selected = array_filter($selected, fn($id) => $id != $themeId);
    session(['selected_themes' => $selected]);

    return redirect()->back();
}

3. 添加CSS高亮样式

最后给selected类加个显眼的样式，让用户一眼就能看到：

.theme-card.selected {
    border: 2px solid #2563eb; /* 蓝色边框高亮 */
    background-color: #eff6ff; /* 浅蓝背景区分 */
    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.15); /* 轻微阴影增强视觉 */
}

这样处理后，当用户从下一页返回时，Session里存储的选中产品就会自动带上selected类，用户能直观看到自己选了哪些产品啦！

内容的提问来源于stack exchange，提问作者user7301337