当前位置: 首页 > Web前端 > HTML

自定义PC页面头条类教程今天来了

时间:2023-03-28 00:39:09 HTML

1、添加sql语句合并数据表:eb_system_group(表前缀已更改,请手动更改)INSERTINTO`eb_system_group`(`id`,`cate_id`,`name`,`info`,`config_name`,`fields`)VALUES(NULL,0,'PCpagelink','PCpagelink','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',在登录组中定义需要Authorization的接口,如下:Route::get('get_top_category','pc.HomeController/getTopCategory')->name('getTopCategory');//获取top类别4.controller文件目录中:app/controller/api/pc/HomeController中定义的方法:getTopCategory,如下:publicfunctiongetTopCategory(){$list=sys_data('pc_link');returnapp('json')->successful($list);}sys_data方法详解:https://doc.crmeb.com/web/pro...这里定义数据和后端接口5.修改PC端代码,完整包中的代码路径:view/pc(1),文件components/headers。vue定义获取top分类方法:getTopCategory(){this.$axios.get("/pc/get_top_category").then((res)=>{this.headerList=res.data;});},在created()中调用;如图(2)修改数据中的headerList为空数组(3)修改遍历显示分类如图:注:1.PC端修改现通过本地测试,然后打包和放置在服务器public/home中。打包教程:https://doc.crmeb.com/web/pro...2、分类数据排序(降序)效果图如下:看完了,如果还有不明白的可以离??开下方留言或关注crmeb公众号提问,我们会帮忙解答大家最后,如果您觉得这篇文章对您有用,请给我们的开源项目点个star:http://github.crmeb.net/u/defu将不胜感激!免费源码地址:http://www.crmeb.comPHP学习手册:https://doc.crmeb.com技术交流论坛:https://q.crmeb.com