您现在的位置是：首页 > cms教程 > shopxo教程shopxo教程

shopxo怎么使用前端钩子

阿梅2025-07-25shopxo教程已有人查阅

导读比如我们这里使用plugins_view_home_floor_top钩子，在首页轮播下面加一些我们需要展示的内容。我们打开开发者模式后打开开发者模式，访问首页会看见很多的黑圆点

我们来使用一个页面钩子
比如我们这里使用plugins_view_home_floor_top钩子，在首页轮播下面加一些我们需要展示的内容。
我们打开开发者模式后打开开发者模式，访问首页会看见很多的黑圆点，鼠标放上去会显示黑圆点位置的钩子名称。
可以复制下来配置到插件config.json文件中定义后、在Hook.php文件中使用，我们继续往下看
钩子使用定义
config.json文件中定义需要使用的钩子，定义在hook里面

{
"base":{
"plugins":"test_xxx",
"name":"测试插件",
"logo":"\/static\/upload\/images\/plugins_test_xxx\/2025\/04\/21\/1745219584289850.jpg",
"author":"Devil",
"author_url":"https:\/\/shopxo.net\/",
"version":"1.0.0",
"desc":"测试插件的开发",
"apply_terminal":[
"pc",
"h5"
],
"apply_version":[
"6.5.0"
],
"is_home":false
},
"extend":"",
"hook":{
"plugins_view_home_floor_top":[
"app\\plugins\\test_xxx\\Hook"
]
}
}

钩子使用
Hook.php文件中handle方法里面使用钩子，根据业务处理需要返回显示的数据
hook_name参数是一定存在的，当前响应的钩子名称，可以根据钩子名称区分去处理不同钩子的业务

<?php
namespace app\plugins\test_xxx;
// 测试插件 - 钩子入口
class Hook
{
// 应用响应入口
public function handle($params = [])
{
// 钩子名称
if(!empty($params['hook_name']))
{
// 走钩子
$ret = '';
switch($params['hook_name'])
{
// 首页轮播下面页面钩子使用测试
case 'plugins_view_home_floor_top' :
$ret = $this->TestViewHandle($params);
break;
}
return $ret;
}
}
// 单独定义一个text处理方法
public function TestTextHandle($params = [])
{
// 直接返回内容会在页面上显示出来
// 或者通过view方法渲染后的内容
return '我是 plugins_view_home_floor_top 页面钩子测试返回的内容！';
}
}
?>

钩子返回数据效果展示
我们在Hook.php文件中返回的内容、就在钩子的位置显示出来了
我们来使用模板引擎渲染返回数据
使用MyView方法模板引擎渲染html并传递变量数据
html中使用模板引擎
Hook.php文件中传递过来的变量，可以直接在当前html文件中使用，这里面可以使用模板引擎语法

<div class="am-padding-xl">
<p class="am-color-red am-text-xl">变量：{{$test_txt}}</p>
<p class="am-text-lg">{{$name}}</p>
<p>我是 plugins_view_home_floor_top 页面钩子测试返回和view一起的内容！</p>
</div>

查看模板引擎渲染后的效果
这里就是我们刚才使用模板引擎处理返回数据，显示在使用的钩子位置了
PS：config.json文件增加或移除钩子后，需要在后台左侧应用->应用管理里面重启插件