官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
调用多个圈子同时调用贴子
超级蜘蛛查
2024-02-28 16:30:59
10
![](https://box.kancloud.cn/896b44a3739d9d42169a0ec2cb01890f_614x347.jpg) 下面讲解,在首页,如何调用圈子的同时也调用他们相关的贴子. 单单调用圈子,就像调用文章一样,很多人都能轻松实现, 比如下面的代码 ~~~ {qb:tag name="xxx" type="qun" rows="4"} 圈子名称:{$rs.title} {/qb:tag} ~~~ 如果还要调用圈子的贴子或商品的话,很多人就会想到内循环,在过去,包括现在很多同行,也是这么做的,通过内循环去调用相关的数据, 但是我们非常反对这样做,因为这样效率非常低,容易把页面卡死,所以齐博标签不支持内循环. 要实现内部数据相关联,我们要借助JS实现异步加载, 这样就不会影响页面的打开,提高用户体验. 代码如下 ~~~ {qb:tag name="xxx" type="qun" rows="4"} 圈子名称:{$rs.title} {/qb:tag} {qb:tag name="bbs_tpl_001" type="bbs" rows="3" js="xx01" where="ext_id=$ext_id"} {$i}、{$rs.title} {/qb:tag} <script type="text/javascript"> $(".qun_bbs_title").each(function(){ var that = $(this); //下面进行DIV赋值贴子数据要用 var id = $(this).data('id'); //对应每个圈子的ID var page = 1; //只显示第一页的内容 var url = "{qb:url name='bbs_tpl_001'}" + page + "&ext_id=" + id; //这里的跟之前讲的标签获取更多数据一样的,重点就ext_id是贴子里的字段要跟圈子相关联 //下面这一段,都是通用代码,取得贴子数据后,就传给圈子 $.get(url,function(res){ if(res.code==0){ if(res.data!=''){ that.html(res.data); } } }); }); </script> ~~~ 上面的代码当中,由于标签不支持嵌套, 所以把 圈子的相关数据,即贴子的标签移了出来. 以下这部分就是圈子的贴子标签部分,其中标签里边的内容,才是有用的.标签外的就是把他隐藏起来,不要影响页面布局. ~~~ {qb:tag name="bbs_tpl_001" type="bbs" rows="3" js="xx01" where="ext_id=$ext_id"} {$i}、{$rs.title} {/qb:tag} ~~~ 另外在圈子部分中关联贴子的DIV代码也有两项关键参数 ~~~ ~~~ 其中`data-id="{$rs.id}"` 就是标志圈子的ID值 而`class="qun_bbs_title"` 就是标志给下面JS处理数据用的. ![](https://box.kancloud.cn/4bc8bec66f45f6c8f8d86d15b6182f0e_1202x796.jpg) 贴子标签中,有一项关键的参数 `where="ext_id=$ext_id"` 这个就是非常关键的地方, 之前跟大家讲解过where就是条件筛选用的.这里要用变量参数, 在这里,贴子里边的ext_id字段是跟圈子相关联的.所以这里就这么写,如果是用户相关联的话,就要换成`where="uid=$uid"` 下面这段JS代码,大家必须要熟练,因为到处都会用到 ~~~ <script type="text/javascript"> $(".qun_bbs_title").each(function(){ var that = $(this); var id = $(this).data('id'); //对应圈子的ID var page = 1; //只显示第一页的内容 var url = "{qb:url name='bbs_tpl_001'}" + page + "&ext_id=" + id; $.get(url,function(res){ if(res.code==0){ if(res.data!=''){ that.html(res.data); } } }); }); </script> ~~~ 其中下面这个就是JQ的知识,就是说寻找 qun_bbs_title这样的类的元素,对他进行相关处理, 我们上面标注了圈子里相关的贴子,要进行相关处理 ~~~ $(".qun_bbs_title").each(function(){ //执行相关操作 }); ~~~ 而其中这个 ~~~ var url = "{qb:url name='bbs_tpl_001'}" + page + "&ext_id=" + id; ~~~ 就跟之前跟大家讲解的标签获取分页数据,异步更新类似的. 用得非常多,所以大家必须要熟悉. 这里的标签名`bbs_tpl_001`跟上面的贴子标签名必须是一致的, 这里的页码,只取第一页, `"&ext_id=" + id` 这个就是关键之处了,圈子id就是通过JS得到的,然后传递给贴子数据表中的关联字段 ext_id ,这样就可以调取到对应的贴子了 * * * * * 上面讲解的是调用论坛的贴子, 换一下就能调用圈子的商品 或文章 . 另外,还可以同时调用的. 需要把JS复制多一份, 标签名与类名不要重复即可.
本文链接:https://x1.wanxiangsucai.com/read/92.html
没有了后一页
齐博x1云标签插件-一..
其中20代表取标题多少个字, 为了排版需要,你不想要标题的话,可以换成字符,比如
上一页
上一篇:
下一篇:齐博x1云标签插件-一件提取关键词无法使用的解决办法
相关文章推荐
1.
循环列出某个子分类同时调取对应分类下的内容
2.
如何进入某人的圈子
3.
圈子黄页风格制作说明
4.
圈子风格制作讲解
5.
圈子频道风格的目录讲解
6.
圈子完整一套风格目录
7.
圈子风格实现独立的头尾全局布局风格
8.
频道内容页圈子专属模板说明
9.
商家圈子小程序的配置
10.
新版圈子专题类的数据教程
齐博X1教程专栏最新文章
1.
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
2.
齐博x1云标签插件-一件提取关键词无法使用的解决办法..
3.
关于thinkphp5
4.
齐博X1更新记录
5.
解决Web部署 svg/woff/woff2字体 404错误
6.
云市场注意事项
7.
如何调取当前模块ID
8.
URL伪静态设置
9.
QQ登录接口配置
10.
邮箱接口设置之QQ企业邮箱
齐博X1教程专栏文章推荐
1.
007-用{block}标记来分割布局模板
2.
如何对接公众号
3.
内容重新渲染,使聊天内容更炫
4.
内容太多如何分屏显示
5.
标签制作教程
6.
两个网站共用一个认证服务号
7.
如何显示新消息数目
8.
新做风格路径注意事项
9.
改版后的QQ登录配置
10.
007-系统设置之联系方式
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱