0

0

WooCommerce“我的账户”页面中实现订单关联的自定义菜单与动态内容路由

霞舞

霞舞

发布时间:2026-02-16 17:04:27

|

142人浏览过

|

来源于php中文网

原创

WooCommerce“我的账户”页面中实现订单关联的自定义菜单与动态内容路由

本文详解如何在 WooCommerce 的 My Account 页面正确注册带参数的自定义账户端点(如 /my-account/custom-menu/19651/),并通过查询变量精准捕获订单 ID,渲染对应订单状态的专属内容,避免默认主菜单内容误显。

本文详解如何在 woocommerce 的 my account 页面正确注册带参数的自定义账户端点(如 `/my-account/custom-menu/19651/`),并通过查询变量精准捕获订单 id,渲染对应订单状态的专属内容,避免默认主菜单内容误显。

在 WooCommerce 中扩展“我的账户”(My Account)页面功能时,常需为特定订单添加定制操作入口(如“查看详情”“申请售后”等),并跳转至携带订单 ID 的专属子页面(例如 /my-account/custom-menu/19651/)。但许多开发者会遇到一个典型问题:URL 虽然正确生成,页面却始终显示默认的主菜单内容(如“Main menu content”),而非按订单 ID 动态渲染的内容。根本原因在于——WooCommerce 的端点(endpoint)机制本身不自动解析路径中的数字参数;它仅将 custom-menu 识别为查询变量,而 /19651/ 这部分不会被自动映射为 $wp->query_vars['custom-menu'] 的值。

要解决该问题,必须结合 WordPress 的重写规则、查询变量注册与端点内容回调三者协同工作,并在回调函数中主动从全局 $wp 对象提取路径参数。以下是完整、可直接部署的专业级实现方案:

✅ 正确注册带参数支持的端点

首先,确保端点注册支持路径层级匹配(即允许 /custom-menu/12345/ 这类结构)。关键在于使用 EP_PAGES | EP_ROOT 并避免在 rewrite_endpoint() 中调用 flush_rewrite_rules()(该函数仅应在插件激活时执行一次,否则严重拖慢请求):

// ✅ 推荐:仅在插件激活时刷新重写规则
register_activation_hook( __FILE__, [ $this, 'flush_rewrite_on_activation' ] );
public function flush_rewrite_on_activation() {
    $this->rewrite_endpoint();
    flush_rewrite_rules();
}

public function rewrite_endpoint() {
    add_rewrite_endpoint( 'custom-menu', EP_PAGES | EP_ROOT );
}

⚠️ 注意:flush_rewrite_rules() 绝对不可放在 init 钩子中反复执行,否则每次页面加载都会触发重写规则重建,导致性能崩溃。

✅ 正确注册查询变量并解析路径参数

add_new_query_vars() 仅声明变量名,真正提取路径中数字的关键在于端点内容回调函数:

public function content_custom_menu() {
    global $wp;

    // ✅ 正确方式:从 $wp->request 或 $wp->query_vars 中提取路径参数
    $order_id = 0;

    // 方法一:优先尝试从 query_vars(需配合 add_rewrite_rule 才能精确映射)
    if ( isset( $wp->query_vars['custom-menu'] ) && is_numeric( $wp->query_vars['custom-menu'] ) ) {
        $order_id = absint( $wp->query_vars['custom-menu'] );
    } 
    // 方法二(更鲁棒):直接解析当前请求路径(推荐用于简单场景)
    elseif ( ! empty( $wp->request ) ) {
        $parts = explode( '/', trim( $wp->request, '/' ) );
        $last_part = end( $parts );
        if ( is_numeric( $last_part ) && $parts[0] === 'custom-menu' ) {
            $order_id = absint( $last_part );
        }
    }

    if ( $order_id > 0 ) {
        $order = wc_get_order( $order_id );
        if ( $order && $order->get_customer_id() === get_current_user_id() ) {
            // ✅ 渲染订单专属内容(按状态分支处理)
            switch ( $order->get_status() ) {
                case 'processing':
                    echo '<h3>订单处理中</h3><p>您的订单正在打包发货,请耐心等待物流更新。</p><div class="aritcle_card flexRow">
                                                        <div class="artcardd flexRow">
                                                                <a class="aritcle_card_img" href="/ai/1199" title="Eva Design System"><img
                                                                                src="https://img.php.cn/upload/ai_manual/000/000/000/175680111347139.jpg" alt="Eva Design System"  onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
                                                                <div class="aritcle_card_info flexColumn">
                                                                        <a href="/ai/1199" title="Eva Design System">Eva Design System</a>
                                                                        <p>基于深度学习的色彩生成器</p>
                                                                </div>
                                                                <a href="/ai/1199" title="Eva Design System" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
                                                        </div>
                                                </div>';
                    break;
                case 'completed':
                    echo '<h3>订单已完成</h3><p>感谢您的购买!您可在此下载电子发票或评价商品。</p>';
                    break;
                default:
                    echo '<h3>订单详情</h3>' . wc_get_formatted_order_details( $order );
            }
        } else {
            wc_print_notice( '无效的订单或无权访问此订单。', 'error' );
        }
    } else {
        // ✅ 显示自定义菜单主页面(无参数时)
        echo '<h3>我的定制服务</h3><p>此处展示所有可用的个性化操作入口。</p>';
        $customer_orders = wc_get_orders([
            'customer' => get_current_user_id(),
            'status'   => array_map( 'wc_get_order_status_name', wc_get_order_statuses() ),
            'limit'    => 5,
        ]);
        foreach ( $customer_orders as $order ) {
            $url = wc_get_account_endpoint_url( 'custom-menu' ) . $order->get_id() . '/';
            echo '<p><a href="' . esc_url( $url ) . '">→ 查看订单 #' . $order->get_id() . '</a></p>';
        }
    }
}

✅ 修正订单操作按钮的 URL 生成逻辑

原代码中 wc_get_account_endpoint_url( 'custom-menu' ) . $order->get_id() 生成的是 /my-account/custom-menu19651(缺少斜杠),会导致重写规则无法匹配。必须确保末尾有 /

public function order_custom_content_display_button( $actions, $order ) {
    // ✅ 关键修正:URL 必须以 '/' 结尾,才能匹配 EP_PAGES 规则
    $url = wc_get_account_endpoint_url( 'custom-menu' ) . $order->get_id() . '/';
    $actions['custom'] = [
        'url'  => esc_url_raw( $url ),
        'name' => __( '定制操作', 'your-text-domain' )
    ];
    return $actions;
}

✅ 最终注意事项与最佳实践

  • 权限校验不可省略:务必通过 get_current_user_id() 与 $order->get_customer_id() 校验当前用户是否拥有该订单访问权,防止越权访问。
  • 模板复用建议:复杂内容建议使用 wc_get_template() 加载独立模板文件(如 myaccount/custom-menu-order.php),提升可维护性。
  • 国际化支持:所有前端文本必须使用 __() 或 _e() 包裹,并在 load_plugin_textdomain() 中加载语言包。
  • 调试技巧:开发时可临时打印 var_dump( $wp->request, $wp->query_vars ); 确认路径解析是否符合预期。

通过以上结构化实现,你将获得一个健壮、安全且可扩展的订单关联自定义菜单系统——URL 形如 /my-account/custom-menu/19651/ 将准确触发对应订单的专属内容,彻底告别“总是显示主菜单”的困扰。

相关文章

路由优化大师
路由优化大师

路由优化大师是一款及简单的路由器设置管理软件,其主要功能是一键设置优化路由、屏广告、防蹭网、路由器全面检测及高级设置等,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

427

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

326

2024.04.15

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

309

2026.02.13

微博网页版主页入口与登录指南_官方网页端快速访问方法
微博网页版主页入口与登录指南_官方网页端快速访问方法

本专题系统整理微博网页版官方入口及网页端登录方式,涵盖首页直达地址、账号登录流程与常见访问问题说明,帮助用户快速找到微博官网主页,实现便捷、安全的网页端登录与内容浏览体验。

126

2026.02.13

Flutter跨平台开发与状态管理实战
Flutter跨平台开发与状态管理实战

本专题围绕Flutter框架展开,系统讲解跨平台UI构建原理与状态管理方案。内容涵盖Widget生命周期、路由管理、Provider与Bloc状态管理模式、网络请求封装及性能优化技巧。通过实战项目演示,帮助开发者构建流畅、可维护的跨平台移动应用。

43

2026.02.13

TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

19

2026.02.13

Redis高可用架构与分布式缓存实战
Redis高可用架构与分布式缓存实战

本专题围绕 Redis 在高并发系统中的应用展开,系统讲解主从复制、哨兵机制、Cluster 集群模式及数据分片原理。内容涵盖缓存穿透与雪崩解决方案、分布式锁实现、热点数据优化及持久化策略。通过真实业务场景演示,帮助开发者构建高可用、可扩展的分布式缓存系统。

23

2026.02.13

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

29

2026.02.12

雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法
雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法

本专题系统整理雨课堂网页版官方入口及在线登录方式,涵盖账号登录流程、官方直连入口及平台访问方法说明,帮助师生用户快速进入雨课堂在线教学平台,实现便捷、高效的课程学习与教学管理体验。

14

2026.02.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Git 教程
Git 教程

共21课时 | 3.7万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.6万人学习

Kotlin 教程
Kotlin 教程

共23课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号