在 Laravel 中实现最近浏览商品功能及常见问题解决

在 Laravel 中实现最近浏览商品功能及常见问题解决

本文详细介绍了如何在 Laravel 7+ 中利用 Cookie 实现“最近浏览商品”功能。教程涵盖了从商品数据存储、Cookie 管理(包括 JSON 编码/解码、去重、数量限制)到前端 Blade 模板展示的完整流程。特别强调了在操作 Cookie 时保持键名一致性的重要性,以避免常见的逻辑错误,并提供了完整的示例代码和实现细节。

1. 最近浏览商品功能概述

“最近浏览商品”功能是电商网站中常见的用户体验优化手段,它能够记录用户访问过的商品,并在后续访问中展示给用户,方便用户回溯和决策。在 laravel 应用中,利用 cookie 是实现这一功能的轻量级且有效的方式,尤其适用于非登录用户。

2. 后端逻辑实现:存储与管理 Cookie

核心逻辑位于控制器中,负责获取当前商品信息,更新 Cookie 中存储的最近浏览列表,并确保列表的唯一性和数量限制。

2.1 获取当前商品信息并初始化数据

首先,我们需要获取当前正在查看的商品的相关信息,例如 ID、标题和 URL。这些信息将作为单个浏览记录存储在 Cookie 中。

// app/Http/Controllers/ProductController.phpuse IlluminateSupportFacadesCookie;use IlluminateHttpRequest;class ProductController extends Controller{    public function show(Request $request, ProductMaterial $product_material)    {        // ... 其他业务逻辑,例如获取商品详情 ...        $num_to_store = 5; // 设置Cookie中存储的最大商品数量        $minutes_to_store = 60 * 24; // 设置Cookie的过期时间,例如24小时        // 构建当前商品的详细信息        $current_page = [            'id'    => $product_material->id,            'title' => $product_material->category->title . ' ' . $product_material->title, // 假设有分类标题            'url'   => $request->url(),        ];        // ... 后续Cookie处理逻辑    }}

2.2 读取、更新与写入 Cookie

接下来是核心的 Cookie 处理逻辑。我们需要从 Cookie 中读取现有数据,解析 JSON,处理当前商品,然后重新编码并写入 Cookie。

// 承接上文 ProductController@show 方法        // 关键点:使用正确的Cookie键名 'recently_viewed_content' 获取数据        $recent = Cookie::get('recently_viewed_content');        $recent = $recent ? json_decode($recent, true) : []; // 如果Cookie不存在或为空,则初始化为空数组        // 遍历现有记录,如果当前商品已存在,则移除旧记录,确保唯一性        foreach ($recent as $key => $val) {            if ($val['url'] == $current_page['url']) {                unset($recent[$key]);            }        }        // 将当前商品添加到数组的末尾(最新浏览的商品)        // 使用时间戳作为键可以方便地进行排序和识别        $recent[time()] = $current_page;        // 限制存储的商品数量        // 如果数量超过预设值,则截取最新浏览的N个商品        if (count($recent) > $num_to_store) {            // array_slice 的第三个参数 true 保持数组的键名            $recent = array_slice($recent, count($recent) - $num_to_store, $num_to_store, true);        }        // 将更新后的数组编码为JSON字符串,并加入到Cookie队列中        Cookie::queue('recently_viewed_content', json_encode($recent), $minutes_to_store);        // 为了在当前请求中立即使用,可以再次从Cookie中获取并解码        // 确保获取的键名与设置的键名一致        $recently_viewed_content = json_decode(Cookie::get('recently_viewed_content'), true);        // ... 将 $recently_viewed_content 传递给视图        return view('products.show', compact('product_material', 'recently_viewed_content'));

关键注意事项:

Cookie 键名一致性: 在 Cookie::get() 和 Cookie::queue() 中,务必使用完全相同的键名(例如 recently_viewed_content)。这是导致原始问题中只保存一个商品的核心原因。如果获取时使用了错误的键名,将始终获取到空值,导致每次都从头开始添加商品。JSON 编码/解码: Cookie 只能存储字符串。因此,复杂的数据结构(如数组)需要通过 json_encode() 转换为字符串进行存储,并通过 json_decode() 解析回数组进行操作。去重逻辑: 在添加新商品前,遍历现有列表并移除重复项,确保每个商品只出现一次,并将其移动到最新浏览的位置。数量限制: 使用 array_slice() 配合 count() 可以有效地限制 Cookie 中存储的商品数量,避免 Cookie 过大。

3. 前端展示:Blade 模板

在 Blade 模板中,我们可以轻松地获取并展示最近浏览的商品列表。

{{-- resources/views/products/show.blade.php --}}@if(isset($recently_viewed_content) && !empty($recently_viewed_content))    

最近浏览

    @php // 对数组进行逆向排序,使最新浏览的商品显示在最前面 // krsort() 保持键名,按键名(此处为时间戳)降序排序 krsort($recently_viewed_content); @endphp @foreach($recently_viewed_content as $rvc)
  • {{ $rvc['title'] }}
  • @endforeach
@endif

注意事项:

存在性检查: 在使用 $recently_viewed_content 之前,务必进行 isset() 和 !empty() 检查,以防止在 Cookie 不存在或为空时出现错误。排序: 使用 krsort() 可以根据存储时使用的时间戳键进行降序排序,从而使最近浏览的商品显示在列表顶部。

4. 总结

通过上述步骤,我们可以在 Laravel 应用中高效地实现“最近浏览商品”功能。核心在于后端控制器中对 Cookie 的正确管理,包括 JSON 数据的编码与解码、去重逻辑、数量限制,以及最重要的——在获取和设置 Cookie 时使用一致的键名。前端 Blade 模板则负责以用户友好的方式展示这些数据。对于需要更复杂功能(如跨设备同步、长期存储)的场景,可以考虑使用会话(Session)或数据库来替代 Cookie。

以上就是在 Laravel 中实现最近浏览商品功能及常见问题解决的详细内容,更多请关注php中文网其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1294410.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
PHP:高效提取复合字符串中特定数值的教程
上一篇 2025年12月11日 10:12:38
Laravel 数据库队列:取消延迟任务与管理策略
下一篇 2025年12月11日 10:12:50

相关推荐

  • b站app怎么访问外置存储卡

    在使用b站app的过程中,有时我们希望将视频等内容保存到外置存储卡中,以便更高效地管理文件并释放手机内存空间。以下是详细的操作步骤。 首先,请确认你的手机支持外置存储卡扩展,并已正确插入可用的存储卡。 由于不同品牌和型号的手机在系统设置上可能存在差异,建议先进入设备的“设置”界面。在设置菜单中查找“…

    2026年8月27日
    100
  • 百词斩忘记密码怎么办_百词斩找回密码操作步骤

    百词斩忘记密码可通过官方渠道自助找回,支持手机号或邮箱重置。使用手机号可输入号码获取验证码设置新密码;用邮箱注册的用户会收到重置链接,点击后按提示操作即可完成。 百词斩忘记密码可以直接通过官方渠道找回,整个过程简单快捷,不需要联系客服。重点是确保你记得注册时用的手机号或邮箱。 通过手机号找回密码 这…

    2026年8月27日
    000
  • Laravel API中的错误处理和返回格式规范

    在 laravel 中实现错误处理和规范 api 返回格式的步骤包括:1) 使用 laravel 内置的异常处理机制捕获和处理异常;2) 定义统一的返回格式结构,包含 success、data 和 message 字段;3) 在关键业务逻辑中使用 try-catch 块处理特定异常;4) 利用 ap…

    2026年8月27日
    000
  • 告别传统API的烦恼:如何使用IbexaGraphQL打造高效灵活的数据接口

    可以通过一下地址学习composer:学习地址 传统API的困境与现代需求 作为一名开发者,你一定遇到过这样的场景:前端需要展示用户列表和每个用户的最新三篇文章,但后端提供的restful api却只有 /users 和 /posts 两个独立接口。于是,你不得不先请求 /users 获取用户id,…

    用户投稿 2026年8月27日
    000
  • NekoAnime动漫资源在线平台 NekoAnime全系列观看网站地址

    NekoAnime动漫资源在线平台网址为http://nekodm.com/,该平台汇聚日漫、国漫及海外动画,分类清晰且支持多条件筛选,同步更新当季新番,提供高清播放、离线缓存、智能推荐和观看记录同步功能,界面简洁,操作便捷,满足用户一站式追番需求。 NekoAnime动漫资源在线平台 NekoAn…

    2026年8月27日
    000
  • 告别PHP阻塞等待:GuzzlePromises助你实现高效异步编程,优化复杂任务处理

    可以通过一下地址学习composer:学习地址 传统PHP的“等待之痛”:当你的应用被外部服务拖慢 想象一下,你正在构建一个php后台应用,其中一个核心功能是为用户生成一个聚合报告。这个报告的数据来源非常分散: 用户画像数据:来自内部的用户服务API。订单历史记录:来自另一个内部的订单服务API。实…

    用户投稿 2026年8月27日
    000
  • 百度小说怎么设置自动阅读翻页_百度小说自动翻页功能开启

    首先在百度小说阅读页面点击屏幕调出功能栏,找到“自动翻页”按钮并设置翻页间隔时间;随后可开启“亮度跟随”功能并调节翻页速度以优化阅读体验;最后建议启用定时关闭和双击暂停功能,提升操作便捷性与续航表现。 如果您在使用百度小说阅读时,希望解放双手并提升连续阅读体验,可以通过设置自动翻页功能来实现文本的定…

    2026年8月27日
    000
  • Laravel与Livewire实现实时前端

    使用laravel和livewire实现实时前端可以通过以下步骤实现:1. 安装和配置livewire,使用composer安装并在视图中添加必要的样式和脚本;2. 创建livewire组件,使用命令行工具生成组件文件,并在其中定义属性和方法;3. 在laravel视图中使用livewire组件,实…

    2026年8月27日
    000
  • Laravel Telescope调试工具安装和使用

    laravel telescope的安装与使用步骤如下:1. 运行composer require laravel/telescope,2. 执行php artisan telescope:install,3. 发布配置文件php artisan vendor:publish –prov…

    2026年8月27日
    100
  • 如何优雅地管理PHP异步操作:使用Composer引入GuzzleHttp/Promises

    Composer在线学习地址:学习地址 告别“回调地狱”:PHP异步操作的痛点 你是否曾遇到这样的场景:你的php应用需要从多个外部服务获取数据,或者执行一些耗时的后台任务。如果这些操作都是同步进行的,那么用户就得眼睁睁地看着页面转圈,直到所有操作完成。这不仅严重影响了用户体验,也浪费了服务器资源。…

    用户投稿 2026年8月27日
    000
  • 支付宝如何取消授权登录_支付宝授权登录解绑的步骤方法

    可通过支付宝客户端或官网管理授权,进入【隐私】-【授权管理】解除第三方权限,或修改密码强制终止访问。 如果您在使用第三方网站或应用时通过支付宝进行了授权登录,但后续不再希望其访问您的个人信息,则可以进入支付宝管理已授权的账号权限。通过关闭这些授权,您可以有效保护个人隐私和账户安全。 本文运行环境:小…

    2026年8月27日
    100
  • 使用Yii作为微服务架构的后端

    使用yii框架可以有效地构建微服务架构的后端。1) yii的restful api支持强大,适合定义和管理api端点。2) 依赖注入容器便于管理服务间依赖。3) 模块化设计有助于功能拆分和重组。4) 性能优化和最佳实践,如缓存和日志系统,提升服务性能和可靠性。 你想知道如何使用Yii框架来构建微服务…

    2026年8月27日
    000
  • PHP异步编程的痛点如何解决?使用Composer与GuzzlePromise实现高效非阻塞操作

    可以通过一下地址学习composer:学习地址 当PHP遇到“等待”:传统I/O的性能瓶颈 想象一下这样的场景:你正在开发一个聚合信息服务,需要同时从三个不同的第三方api获取数据——比如天气预报、股票行情和新闻摘要。在传统的php开发模式下,你的代码可能会是这样的: // 伪代码示例$weathe…

    用户投稿 2026年8月27日
    000
  • php-gd怎么安装扩展_php-gd扩展安装配置方法

    答案:安装并启用PHP的GD扩展需根据系统选择对应方法,Linux下通过yum或apt安装php-gd并重启服务,Windows下在php.ini中取消extension=gd注释后重启服务,最后通过phpinfo()或命令行验证是否成功。 安装和配置 PHP 的 GD 扩展(php-gd)是处理图…

    2026年8月27日
    000
  • 如何优雅地生成Thumbor图片处理URL?99designs/phumbor助你轻松搞定!

    可以通过一下地址学习composer:学习地址 你是否也曾遇到这样的场景:为了适配不同设备、不同区域的显示需求,你的网站需要展示同一张图片的不同尺寸、不同裁剪方式,甚至加上各种滤镜?如果每次都手动上传、手动处理这些图片,那简直是噩梦!为了解决这个问题,很多团队会选择使用像 thumbor 这样的图片…

    用户投稿 2026年8月27日
    000
  • Laravel中的多因素认证(MFA)如何实现?

    在laravel中实现多因素认证(mfa)可以通过结合现有认证系统和第三方库(如google authenticator)来完成。具体步骤包括:1.生成并保存密钥到用户数据库;2.生成qr码让用户扫描;3.用户输入一次性密码进行验证。实现mfa需要在安全性和用户体验之间找到平衡,并考虑备份恢复、安全…

    2026年8月27日
    000
  • win11应用商店下载的应用找不到安装位置怎么办_win11应用安装路径问题修复方法

    通过PowerShell命令可准确查询Windows 11中Microsoft Store应用的安装路径;2. 若应用无法找到,可通过“设置”中的“修复”或“重置”功能恢复快捷方式和文件关联;3. 运行wsreset.exe可清除Microsoft Store缓存,解决安装信息异常问题;4. 最终可…

    2026年8月27日
    000
  • PHP异步操作的救星:如何优雅地处理并发任务和回调地狱,使用GuzzlePromises可以!

    可以通过一下地址学习composer:学习地址 告别阻塞:PHP异步编程的痛点与挑战 在传统的php应用中,我们习惯于按部就班地执行代码。当一个函数需要等待外部资源(比如网络请求、数据库查询、文件读写)响应时,整个脚本就会停下来,直到这个操作完成才能继续。这种“阻塞式”的i/o模式在处理少量请求时问…

    用户投稿 2026年8月27日
    000
  • Laravel API资源(API Resources)是什么?

    laravel api资源是用于简化api响应数据结构化的工具。它们允许开发者通过定义资源类转换eloquent模型或集合数据,生成符合api设计需求的响应格式。使用api资源可以统一输出格式,提高代码的可读性和可维护性。 Laravel API资源(API Resources)是什么?它们是Lar…

    2026年8月27日
    000
  • 方正证券新股申购怎么操作_方正证券新股申购详细步骤

    申购新股需满足T-2日前20个交易日日均持股市值沪市1万或深市5000元以上,开通对应板块权限,使用方正证券APP在交易时间提交顶格申购,T+2日16:00前确保中签资金足额扣款。 想用方正证券申购新股,其实流程和其他券商大体一致,关键是要满足条件、抓住时间点。下面把具体操作一步步说清楚,照着做就行…

    2026年8月27日
    000

发表回复

登录后才能评论
关注微信