对于织梦CMS栏目页实现无限加载的教程感兴趣的读者,本文将提供您所需要的所有信息,我们将详细讲解织梦栏目页模板,并且为您提供关于Dedecms创建栏目详细讲解织梦CMS栏目怎么样创建教程、dedecm
对于织梦CMS栏目页实现无限加载的教程感兴趣的读者,本文将提供您所需要的所有信息,我们将详细讲解织梦栏目页模板,并且为您提供关于Dedecms创建栏目详细讲解 织梦CMS栏目怎么样创建教程、dedecms利用ajax实现瀑布流下拉无限加载的教程jquery、dedecms栏目页内容详细页栏目高亮和当前栏目调用二三级栏目、dedecms织梦模板栏目分页实现前十页后十页的教程的宝贵知识。
本文目录一览:- 织梦CMS栏目页实现无限加载的教程(织梦栏目页模板)
- Dedecms创建栏目详细讲解 织梦CMS栏目怎么样创建教程
- dedecms利用ajax实现瀑布流下拉无限加载的教程jquery
- dedecms栏目页内容详细页栏目高亮和当前栏目调用二三级栏目
- dedecms织梦模板栏目分页实现前十页后十页的教程
织梦CMS栏目页实现无限加载的教程(织梦栏目页模板)
很多朋友在建站过程中尤其是文章类以及图片类网站,需要用到列表无限加载,下面就告诉大家怎么实现这个功能,而且又不影响列表静态页的生成。
我们需要用到Jquery.load()办法来请求下一页达到栏目页无限加载的效果。下面是具体的代码:
栏目页简单的dom结构代码:
<div > <ul> <li><a href="">列表简单的dom结构</a></li> </ul> </div>
分页按钮样式:
<!-- data-catid的值为当前栏目id data-list是当前模版列表特殊样式 --> <div data-catid="{dede:field.id/}" data-list=""> <a href="javascript:;">下一页</a></div> <div ></div>
JS请求的代码如下:
<script type="text/javascript"> var catid = $(".list_next").data("catid"); //获取栏目id var cur_list = $(".list_next").data("list") == "列表样式2" ? "列表样式2" : ".list"; //列表样式 var next_no = 2; //分页数 var path_arr = window.location.pathname.split("/"); var file = path_arr[path_arr.length-1]; if(file != "index.html" && file != ""){ next_no = parseInt(file.split(".")[0].split("-")[1]) + 1; } $(".list_next a").click(function(){ var _this = $(this); _this.html("正在加载中..."); //给定按钮临时加载状态 $(".list_load").load("./"+catid+"-"+next_no+".html?now="+new Date().getTime()+" "+cur_list+" ul" , function(data , status){ if(status == "success"){ if($(".list_load").html().indexOf("li")<0){ _this.html("没有更多内容了"); _this.css("background-color" , "#888"); _this.unbind("click");} else { _this.html("下一页"); $(cur_list+" ul").append($(".list_load ul").html()); next_no++;} } else { _this.html("没有更多内容了"); _this.css("background-color" , "#888"); _this.unbind("click"); } }); }); </script>
代码就基本上完成了,这里需要注意一下,源码里面必须要引入jquery库文件,另外catid 和next_no不能为空。大家赶快自己试试吧!
Dedecms创建栏目详细讲解 织梦CMS栏目怎么样创建教程
在我们进入栏目管理之后我们会看到栏目管理菜单的顶部右上方会有如下图显示
点击【增加顶级栏目】后会看到如下图所示的一个表单,其他的三个按钮这里就不多做解释了,自己研究一下吧。
栏目内容,这是一个html网页内容编辑器,在里面可以写下对这个栏目的说明简介,可以像文档一样,支持HTML代码。如果是封面页比如说联系我们,公司简介,使用这样的就只有一个单页而不能发布文章的(也就是在这里增加内容)。
dedecms利用ajax实现瀑布流下拉无限加载的教程jquery
织梦dedecms用来做图片类的网站或者做淘客网站很多都需要用到无限加载这个功能,这个功能需要用到ajax,下面教大家如何实现无限加载的瀑布流功能。首先找到并打开/plus/list.PHP文件,在里面找到如下代码:
require_once(dirname(__FILE__)."/../include/common.inc.PHP");
在其下面添加如下代码:
if(isset($_GET['ajax'])){ $typeid = isset($_GET['typeid']) ? intval($_GET['typeid']): 0;//传递过来的分类ID $page = isset($_GET['page']) ? intval($_GET['page']): 0;//页码 $pagesize = isset($_GET['pagesize']) ? intval($_GET['pagesize']): 15;//每页多少条,也就是一次加载多少条数据 $start = $page>0 ? ($page-1)*$pagesize : 0;//数据获取的起始位置。即limit条件的第一个参数。 $typesql = $typeid ? " WHERE typeid=$typeid" : '';//这个是用于首页实现瀑布流加载,因为首页加载数据是无需分类的,所以要加以判断,如果无需 $total_sql = "SELECT COUNT(id) as num FROM `dede_archives` $typesql "; $temp = $dsql->Getone($total_sql); $total = 0;//数据总数 $load_num =0; if(is_array($temp)){ $load_num= round(($temp['num']-15)/$pagesize);//要加载的次数,因为默认已经加载了 $total = $temp['num']; } $sql = "SELECT a.*,t.typedir,t.typename,t.isdefault,t.defaultname,t.namerule,t.namerule2,t.ispart,t.moresite,t.siteurl,t.sitepath FROM `dede_archives` as a JOIN `dede_arctype` AS t ON a.typeid=t.id $typesql ORDER BY id DESC LIMIT $start,$pagesize"; $dsql->SetQuery($sql); $dsql->Execute('list'); $statu = 0;//是否有数据,默认没有数据 $data = array(); $index = 0; while($row = $dsql->GetArray("list")){ $row['info'] = $row['info'] = $row['infos'] = cn_substr($row['description'],160); $row['id'] = $row['id']; $row['filename'] = $row['arcurl'] = GetFileUrl($row['id'],$row['typeid'],$row['senddate'],$row['title'],$row['ismake'],$row['arcrank'],$row['namerule'],$row['typedir'],$row['money'],$row['filename'],$row['moresite'],$row['siteurl'],$row['sitepath']); $row['typeurl'] = GetTypeUrl($row['typeid'],$row['isdefault'],$row['defaultname'],$row['ispart'],$row['namerule2'],$row['sitepath']); if($row['litpic'] == '-' || $row['litpic'] == ''){ $row['litpic'] = $GLOBALS['cfg_cmspath'].'/images/defaultpic.gif'; } if(!preg_match("#^http:\/\/#i",$row['litpic']) &&$GLOBALS['cfg_multi_site'] == 'Y'){ $row['litpic'] = $GLOBALS['cfg_mainsite'].$row['litpic']; } $row['picname'] = $row['litpic'];//缩略图 //$row['stime'] = GetDateMK($row['pubdate']); $row['stime'] = date('Y-m-d H:i',$row['pubdate']); $row['click'] = $row['click']; $row['typelink'] = "".$row['typename']."";//分类链 $row['fulltitle'] = $row['title'];//完整的标题 $row['shorttitle'] = $row['shorttitle'];//副标题 $row['title'] = cn_substr($row['title'],80);//截取后的标题 $data[$index] = $row; $index++; } if(!empty($data)){ $statu = 1;//有数据 } $result =array('statu'=>$statu,'list'=>$data,'total'=>$total,'load_num'=>$load_num); echo json_encode($result);//返回数据 exit(); } |
在需要无限加载的模板里引用下面这个js代码,也可以把JS下载下来放你的网站加载,这里使用百度的外链,节省资源:
总结
以上是小编为你收集整理的dedecms利用ajax实现瀑布流下拉无限加载的教程jquery全部内容。
如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。
dedecms栏目页内容详细页栏目高亮和当前栏目调用二三级栏目
在处理公司站的时候,经常发现要调用二三级栏目栏目,且需要高亮显示,具体实现办法如下。
1、打开 \include\taglib\channelartlist.lib.php 找到
$tpsql = " reid='$typeid' AND ispart<>2 AND ishidden<>1 ";
改成
if($type=='son')
{
$typeid = ( !empty($refObj->TypeLink->TypeInfos['id']) ? GetTopid($refObj->TypeLink->TypeInfos['id']) : 0 );
$tpsql = " reid='$typeid' AND ishidden<>1 ";
}
else
{
$tpsql = " reid='$typeid' AND ispart<>2 AND ishidden<>1 ";
}
2、打开 \include\taglib\channel.lib.php 找到
if($type=='son' && $reid!=0 && $totalRow==0
改成
if($type=='son' && $reid!=0 && $totalRow==0 && $noself=='')
3、后台-系统-其它选项 源码引擎禁用标签 去掉php
调用代码如下:
<ul>
{dede:php}
$GLOBALS['thisid'] = intval($refObj->Fields['typeid']);
$GLOBALS['reid'] = intval($refObj->Fields['reid']);
$GLOBALS['topid'] = intval($refObj->Fields['topid']);
{/dede:php}
{dede:channelartlist type=son}
<li{dede:field.typeid runphp=yes}(@me==$GLOBALS['thisid']||@me==$GLOBALS['reid']||@me==$GLOBALS['topid'])? @me='':@me='';{/dede:field.typeid}><a href='{dede:field.typeurl/}' >{dede:field.typename/}</a></li>
<ul>
{dede:channel type=son noself=yes}
<li[field:id runphp=yes](@me==$GLOBALS['thisid'])? @me='':@me='';[/field:id]><a href='[field:typelink /]' title='[field:typename/]'>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
</ul>
至此,全部完成。
本文章网址:http://www.ppssdd.com/code/10606.html。转载请保留出处,谢谢合作!dedecms织梦模板栏目分页实现前十页后十页的教程
先看效果:大概思路如下:修改includearc.listview.class.PHP文件中的GetPagelistST和GetPagelistDM两个函数
本文说的是前10和后10页,你也可以根据自己页面的需要,修改为前5页,后5页等。
打开 includearc.listview.class.PHP 找到
$prepage.="
$prepage.="
$nextpage.="
$nextpage.="
$prepage.="
$prepage.="
$nextpage.="
$nextpage.="
总结
以上是小编为你收集整理的dedecms织梦模板栏目分页实现前十页后十页的教程全部内容。
如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。
关于织梦CMS栏目页实现无限加载的教程和织梦栏目页模板的介绍现已完结,谢谢您的耐心阅读,如果想了解更多关于Dedecms创建栏目详细讲解 织梦CMS栏目怎么样创建教程、dedecms利用ajax实现瀑布流下拉无限加载的教程jquery、dedecms栏目页内容详细页栏目高亮和当前栏目调用二三级栏目、dedecms织梦模板栏目分页实现前十页后十页的教程的相关知识,请在本站寻找。
本文标签: