华仔博客

  • 首页
  • seo
  • 网站建设
  • 工具资源
  • 生活
  • 程序开发
  • 网上那点事
  • 网络营销
华仔博客
一个经验分享的博客
  1. 首页
  2. 网站建设
  3. 正文

dedecms 点击加载更多功能的实现

2016年9月6日 614点热度 0人点赞 0条评论

因为效果需求,dedecms需要实现加载更多的功能,折腾半天终于get到了。

首先在/plus/文件加下面新建一个list_case.php文件,代码如下:

<?php
/**
*
* 栏目列表/频道动态页
*
* @version        $Id: list.php 1 15:38 2010年7月8日Z tianya $
* @package        DedeCMS.Site
* @copyright      Copyright (c) 2007 - 2010, DesDev, Inc.
* @license        http://help.dedecms.com/usersguide/license.html
* @link           http://www.dedecms.com
*/
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 `#@__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 `#@__archives` as a JOIN `#@__arctype` AS t ON a.typeid=t.id    $typesql ORDER BY id DESC LIMIT $start,$pagesize";
//echo "$sql";
$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['typedir'],
$row['isdefault'],$row['defaultname'],$row['ispart'],
$row['namerule2'],$row['moresite'],$row['siteurl'],$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['typelink'] = "<a href='".$row['typeurl']."'>".$row['typename']."</a>";//分类链
$row['fulltitle'] = $row['title'];//完整的标题
$row['shorttitle'] = $row['shorttitle'];//副标题
$row['title'] = cn_substr($row['title'], 60);//截取后的标题
$data[$index] = $row;
$index++;
}
if(!empty($data)){
$statu = 1;//有数据
}
$result =array($data);
echo json_encode($result);//返回数据
exit();
}
在你需要展示的页面贴上ajax代码
<div class="remodal" data-remodal-id="modal">
<ul id="caseLi">
{dede:arclist typeid='5' pagesize='10'}
<li><a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title/]" height="500" /></a></li>
{/dede:arclist}</ul>
<button id="loadMore" style="clear:both;width:80px; height:30px; border:none; background:#c2272b;line-height:30px; color:#fff; margin-top:20px;">加载更多</button>
</div>
<script type="text/javascript">
var clickNum = 1;
$("#loadMore").click(function(){
clickNum +=1;
$.ajax({
url:'/plus/list_case.php',
data:{typeid:5,page:clickNum,pagesize:10,ajax:'pullcase'},
dataType:'json',
success:function(data){
$.each(data[0],function(idx,item){
$("#caseLi").append('<li><a href="'+item.arcurl+'"><img src="'+item.picname+'" alt="'+item.title+'" height="500" /></a></li>');
});
}
});
});</script>经过博主测试可行,如果有不明白的博友可以在下面回复我会看到回答的

标签: 暂无
最后更新:2021年10月11日

admin

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复
广告
搜索
最新 热点 随机
最新 热点 随机
疾速追杀4阿里云盘 泰坦第四季第二部分4月13日上映阿里云盘 继承之战第四季阿里云盘3月26日更新 太阳召唤第二季阿里云盘 小美人鱼真人版阿里云盘待更新 魔术师的大象阿里网盘待更新 梅森探案集第二季阿里云盘 黑暗荣耀第二季阿里云盘 曼达洛人第三季中字4k阿里网盘 ChatGPT for Wechat-在微信上使用ChatGPT Netflix奈飞,HBO Max,Disney+账号会员合租共享 免费的ChatGPT API接口网站-The Free ChatGPT API 最后的生还者4k阿里云盘分享 Ahrefs账号-Ahrefs的终极使用教程 Moz Pro共享账号-Moz工具完整教程 Moz Pro团购账号 Ahrefs正版账号共享使用 Ahrefs共享团购账号 Wordpress文章列表没有缩略图就显示默认图片 SEMrush 团购账号-SEMrush 的优点 2023最新Semrush正版账号共享使用 Semrush团购账号 SEMrush是什么-semrush使用教程 谷歌SEO关键词调研工具SEMRUSH如何使用 wordpress 产品图片放大镜效果制作 phpmyadmin 修改表 Table 'wp_options' is read only GSA Search Engine Ranker 项目窗口详细介绍 iRedMail 支持的密码 Wild Rift 英雄联盟手游美服转日服(国际服之间的转换)教程 网站更换主题喽
免费的ChatGPT API接口网站-The Free ChatGPT APINetflix奈飞,HBO Max,Disney+账号会员合租共享ChatGPT for Wechat-在微信上使用ChatGPT曼达洛人第三季中字4k阿里网盘黑暗荣耀第二季阿里云盘梅森探案集第二季阿里云盘魔术师的大象阿里网盘待更新小美人鱼真人版阿里云盘待更新太阳召唤第二季阿里云盘继承之战第四季阿里云盘3月26日更新泰坦第四季第二部分4月13日上映阿里云盘疾速追杀4阿里云盘
GSA Search Engine Ranker 项目窗口详细介绍 网站首页内容页内链多少个合适 你真的会换链接吗 seo博客_原创文章的几个小技巧 北京seo_网站三大标签的优化 iredmail批量导入用户 A5交易启用www.admin5.net 独立域名 如何通过诱导点击策略做SEO排名? 北京seo介绍了最新的百度知道挂链接的技巧 太阳召唤第二季阿里云盘 济南seo教程:怎样让网站的百度排名再度提升 【3GS 6.1.2和4.1】有锁版激活,完美越狱 北京seo_网站内部优化实战篇 博客做推广失败的原因及改进注意点 seo博客_seoer能干什么,干什么才能赚到钱 ios开发_UIView的常见属性 生活小记_蛋疼的事情终于都过去了 北京seo_seo优化正式开篇 seo博客_如何做一个合格的网站编辑 兄弟贾磊谈域名注册要领 网络资源_Roundcube推荐插件整理 wordpress调用某分类文章代码分享 小美人鱼真人版阿里云盘待更新 网站建设_wdcp mysql5.5升级5.6成功版 百度搜索医疗行业网站新增加备案信息 seo博客_本地dedecms安装方法 2023最新Semrush正版账号共享使用 有时,人生就是这样的无奈,无法改变的现实 seo详解下如何制定SEO网站优化的计划 seo博客_网站js代码优化

© 2012-2023 sem-home.com.版权所有.友情链接:章丘新闻

主题KRATOS貌似作者网站打不开了,就没加,嗯就这样

京ICP备12020022号