下面讲解,在首页,如何调用圈子的同时也调用他们相关的贴子.
单单调用圈子,就像调用文章一样,很多人都能轻松实现,
比如下面的代码
{qb:tag name="xxx" type="qun" rows="4
圈子名称:{$rs.title}
下面讲解,在首页,如何调用圈子的同时也调用他们相关的贴子.
单单调用圈子,就像调用文章一样,很多人都能轻松实现,
比如下面的代码
{qb:tag name="xxx" type="qun" rows="4
圈子名称:{$rs.title}
如果还要调用圈子的贴子或商品的话,很多人就会想到内循环，在过去,包括现在很多同行,也是这么做的,通过内循环去调用相关的数据,
但是我们非常反对这样做,因为这样效率非常低,容易把页面卡死,所以齐博标签不支持内循环.
要实现内部数据相关联,我们要借助JS实现异步加载, 这样就不会影响页面的打开,提高用户体验.
代码如下
{qb:tag name="xxx" type="qun" rows="4
圈子名称:{$rs.title}
上面的代码当中,由于标签不支持嵌套, 所以把 圈子的相关数据,即贴子的标签移了出来.
以下这部分就是圈子的贴子标签部分,其中标签里边的内容,才是有用的.标签外的就是把他隐藏起来,不要影响页面布局.
{qb:tag name="bbs_tpl_001" type="bbs" rows="3" js="xx01" where="ext_id=$ext_id
另外在圈子部分中关联贴子的DIV代码也有两项关键参数
其中`data-id="{$rs.id}"` 就是标志圈子的ID值
而`class="qun_bbs_title"` 就是标志给下面JS处理数据用的.
贴子标签中,有一项关键的参数
`where="ext_id=$ext_id"` 这个就是非常关键的地方, 之前跟大家讲解过where就是条件筛选用的.这里要用变量参数,
在这里,贴子里边的ext_id字段是跟圈子相关联的.所以这里就这么写,如果是用户相关联的话,就要换成`where="uid=$uid"`
下面这段JS代码,大家必须要熟练,因为到处都会用到
其中下面这个就是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复制多一份, 标签名与类名不要重复即可.,
齐博CMS相关栏目本月热门文章
- 1【Linux驱动开发】设备树详解（二）设备树语法详解
- 2别跟客户扯细节
- 3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区
- 4【Java】对象处理流（ObjectOutputStream和ObjectInputStream）
- 5【分页】常见两种SpringBoot项目中分页技巧
- 6一文带你搞懂OAuth2.0
- 7我要写整个中文互联网界最牛逼的JVM系列教程 | 「JVM与Java体系架构」章节：虚拟机与Java虚拟机介绍
- 8【Spring Cloud】新闻头条微服务项目：FreeMarker模板引擎实现文章静态页面生成
- 9JavaSE - 封装、static成员和内部类
- 10树莓派mjpg-streamer实现监控及拍照功能调试
- 11用c++写一个蓝屏代码
- 12从JDK8源码中看ArrayList和LinkedList的区别
- 13idea 1、报错java: 找不到符号 符号: 变量 log 2、转换成Maven项目
- 14在openwrt使用C语言增加ubus接口（包含C uci操作）
- 15Spring 解决循环依赖
- 16SpringMVC——基于MVC架构的Spring框架
- 17Andy‘s First Dictionary C++ STL set应用
- 18动态内存管理
- 19我的创作纪念日
- 20Docker自定义镜像-Dockerfile
热门相关搜索路由器设置 木托盘 宝塔面板 儿童python教程 心情低落 朋友圈 vim 双一流学科 专升本 我的学校 日记学校 西点培训学校 汽修学校 情书 化妆学校 塔沟武校 异形模板 西南大学排名 最精辟人生短句 6步教你追回被骗的钱 南昌大学排名 清朝十二帝 北京印刷学院排名 北方工业大学排名 北京航空航天大学排名 首都经济贸易大学排名 中国传媒大学排名 首都师范大学排名 中国地质大学(北京)排名 北京信息科技大学排名 中央民族大学排名 北京舞蹈学院排名 北京电影学院排名 中国戏曲学院排名 河北政法职业学院排名 河北经贸大学排名 天津中德应用技术大学排名 天津医学高等专科学校排名 天津美术学院排名 天津音乐学院排名 天津工业大学排名 北京工业大学耿丹学院排名 北京警察学院排名 天津科技大学排名 北京邮电大学(宏福校区)排名 北京网络职业学院排名 北京大学医学部排名 河北科技大学排名 河北地质大学排名 河北体育学院排名名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
