关于自定义:自定义PC页面顶部分类教程今天它来啦

1、减少 sql 语句，组合数据表：eb_system_group（表前缀有更改，请手动变更）

INSERT INTO `eb_system_group` (`id`, `cate_id`, `name`, `info`, `config_name`, `fields`) VALUES (NULL, 0, 'PC 页面链接', 'PC 页面链接', 'pc_link', '[{\"name\":\"\\u540d\\u79f0\",\"title\":\"name\",\"type\":\"input\",\"param\":\"\"},{\"name\":\"\\u5730\\u5740\",\"title\":\"link\",\"type\":\"input\",\"param\":\"\"}]');

2、在后盾设置 -> 系统维护 -> 开发配置 -> 组合数据
中找方才增加的 PC 页面链接，如图：

关上数据列表，自定义增加 PC 页面存在链接：

3、pc 端接口定义：在 route/api.php 文件
搜寻‘pc’, 定义接口在不须要受权登录分组中，如下：

Route::get('get_top_category', 'pc.HomeController/getTopCategory')->name('getTopCategory');// 获取顶部分类

4、在控制器文件目录：app/controller/api/pc/HomeController
中定义方法：getTopCategory，如下：

public function getTopCategory()
    {$list = sys_data('pc_link');
        return app('json')->successful($list);
}

sys_data 办法详解：https://doc.crmeb.com/web/pro…
到这里数据和后端接口就定义实现
5、批改 pc 端代码，完整包中代码门路：view/pc
(1)、文件 components/headers.vue
定义获取顶部分类办法：

getTopCategory() {this.$axios.get("/pc/get_top_category").then((res) => {this.headerList = res.data;});
      },

在 created()中调用；如图

（2）批改 data 中 headerList 为空数组
（3）批改遍历展现分类如图：

留神：
1、pc 批改当初本地测试通过，而后打包放入服务器 public/home 下，打包教程：https://doc.crmeb.com/web/pro…
2、分类数据排序（降序排序）

效果图如下：

看完如果还有不懂的敌人能够在下方留言或者关注 crmeb 公众号发问问题，咱们会帮大家解答

最初
如果你感觉这篇文章对你有点用的话，麻烦请给咱们的开源我的项目点点 star:http://github.crmeb.net/u/defu 不胜感激！

收费获取源码地址：http://www.crmeb.com

PHP 学习手册：https://doc.crmeb.com

技术交换论坛：https://q.crmeb.com