欢迎光临精准像素,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

phpcms模板

PHPCMS下拉加载插件
2021-01-19 精准像素

PHPCMS下拉加载插件

  • 模板编号:1723
  • 模板分类:phpcms模板
  • 点击次数:71
  • 模板终端:电脑端
  • 适用版本:phpcmsv9
  • 模板编码:GBK+UTF
  • 下载权限:普通 / VIP
  • 模板售价:免费下载
  • 下载次数:1
立即下载

PHPCMS实现下拉加载的方法,兼容手机端主要思路是php+AJAX+MySQL的运用

1 html代码部分

<!--列表--><div id="lists">
<!--本示例显示所有最新文章,根据实际情况自行调整-->
{pc:get sql="SELECT * FROM `v9_news` Order by updatetime DESC " num="10"}
{loop $data $n $r}
<a href="{$r[url]}">
<img src="{thumb($r[thumb],520,160)}">
<!--自动缩放裁剪图片大小520x160-->
<dl>
<dt>[{$CATEGORYS[$r[catid]][catname]}] {$r[title]} - {date('m/d',$r[inputtime])}</dt>
<!--$CATEGORYS 调用缓存栏目名称-->
<dd>{str_cut($r[description],200)}</dd>
<!--描述截取200个字符-->
</dl>
</a>
{/loop}  
{/pc}
</div><!--
示例:
{链接}
{图片}
[{栏目}]{标题} - {时间}
{描述}
--><!--加载提示--><div id="loading" style="display:none"></div>

2:JavaScript脚本部分

<script>$(function(){
var pager=1; /*定义开始页码*/
var controller=true; /*定义控制器,防止重复加载*/
$(window).scroll(function() {
/*监听滚动事件*/
/*当内容滚动到底部时加载新的内容(注:当距离最底部100个像素时开始加载)*/
if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) {
$("#loading").html("加载中,请稍后...").show(); /*打开加载提示*/
if(controller==true){/*如果控制器是开的*/
controller=false;/*关闭加载*/
pager=pager+1;/*当前要加载的页码*/  
$.getJSON("{APP_PATH}api.php?op=autoload&page="+pager, function(data){
var i=0;
$.each(data,function(r){
i++;
var html='<a href="'+data[r].url+'"><img src="'+data[r].thumb+'"><dl><dt>['+data[r].catname+'] '+data[r].title+' - '+data[r].updatetime+'</dt><dd>'+data[r].description+'</dd></dl></a>';
/*示例
var html='<a href="'+data[r].url+'">
<img src="'+data[r].thumb+'">
<dl>
<dt>['+data[r].catname+'] '+data[r].title+' - '+data[r].updatetime+'</dt>
<dd>'+data[r].description+'</dd>
</dl>
</a>';
*/
$("#lists").append(html);/*追加到列表中*/
});/*end each*/
controller=true;/*开启加载*/
$("#loading").hide(); /*关闭加载提示*/
if(i==0){
$("#loading").html("已经全部加载完").show();  
}
});/*end getJSON*/
}/*end if*/
}/*end if*/
});/*end scroll*/  });/*end function*/</script>

3:php代码

defined('IN_PHPCMS') or exit('No permission resources.');  $db = '';#加载内容模型$db = pc_base::load_model('content_model');#重定义加载的表名$db->table_name = 'v9_news';
#加载缓存中的栏目名称,注 category_content_站点ID$CATEGORYS = getcache('category_content_1','commons');
$page=isset($_GET['page'])?intval($_GET['page']):1;#判断传入的page是否存在
#查询表数据$data = $db->select(
'ORDER BY `id` DESC LIMIT '.($page-1)*10 .' , ' . 10 .' '#根据实际情况调整where语句
,'id,catid,title,style,thumb,description,url,updatetime,inputtime,username' #需要调取的字段,如需要全部字段则删除本段);
#定义数组容器$array=array();#遍历查询到的数组,注:如不需要对 图片、时间、栏目进行转换可跳过遍历直接将$data输出foreach ($data as $key => $value) {
$array[]=array(
"id"=>$value['id'],
"title"=>$value['title'],
"style"=>$value['style'],
"thumb"=>$value['thumb']?thumb($value['thumb'],520,160):"",
"description"=>str_cut($value['description'],200),
"url"=>$value['url'],
"updatetime"=>date('m/d',$value['updatetime']),
"inputtime"=>date('m/d',$value['inputtime']),
"username"=>$value['username'],
"catname"=>$CATEGORYS[$value['catid']]['catname']
);}

php获取到了数据之后,转为json输出(echo json_encode($array);),然后js遍历输出字符串

下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· 会员免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

相关推荐
  • 下拉加载
  • phpcms插件
  • dedecms ajax下拉搜索插件
    dedecms ajax下拉搜索插件

    织梦CMS下拉搜索插件效果图织梦CMS下拉搜索插件安装步骤1、打开你的网站首页模板,在</head>之前加入<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin...

    织梦cms插件 528 2年前
  • 帝国CMS二级联动插件(ajax下拉列表)
    帝国CMS二级联动插件(ajax下拉列表)

    帝国CMS二级联动插件(ajax下拉列表)效果: 使用方法: 将下拉外表关联字段的输入表单替换html代码和投稿表单替换为 <script src="/j...

    帝国cms插件 2131 7年前
  • 帝国CMS二次开发下拉加载更多教程

    首先调用20条默认的信息,代码如下<section class="FConBig"> <div class="divcon"> <div id="divcon1">[e:loop={"select * from www_11px_cn_ecms_news where classid in (2,3,4,5,6) order by newstime desc limit 20",6,24,0...

    帝国cms教程 1048 2年前
  • PHPCMS下拉加载插件
    PHPCMS下拉加载插件

    PHPCMS实现下拉加载的方法,兼容手机端主要思路是php+ajax+mysql的运用1 html代码部分<!--列表--><div id="lists"><!--本示例显示所有最新文章,根据实际情况自行调整-->{pc:get sql="SELECT * FR...

    phpcms模板 71 8个月前
  • PHPCMS V9下拉加载插件[兼容手机端]
    PHPCMS V9下拉加载插件[兼容手机端]

    PHPCMS V9 实现下拉加载的方法,兼容手机端HTML部分<!--列表--><div id="lists"><!--本示例显示所有最新文章,根据实际情况自行调整-->{pc:get sql="SELECT * FROM `v9_news` where status=99 Ord...

    phpcms模板 74 8个月前
  • phpcms v9管理员密码重置插件
    phpcms v9管理员密码重置插件

    phpcms v9恢复管理员密码插件 帮你找回忘记的后台密码。版本:1.0功能:找回忘记的管理员密码附件:下载的压缩包里包含gbk和utf两个版本,请选择对应的编码。phpcms密码插件截图使用方法请各位童鞋下载...

    phpcms模板 66 8个月前
  • PHPCMS V9下拉加载插件[兼容手机端]
    PHPCMS V9下拉加载插件[兼容手机端]

    PHPCMS V9 实现下拉加载的方法,兼容手机端HTML部分<!--列表--><div id="lists"><!--本示例显示所有最新文章,根据实际情况自行调整-->{pc:get sql="SELECT * FROM `v9_news` where status=99 Ord...

    phpcms模板 74 8个月前
  • PHPCMS下拉加载插件
    PHPCMS下拉加载插件

    PHPCMS实现下拉加载的方法,兼容手机端主要思路是php+ajax+mysql的运用1 html代码部分<!--列表--><div id="lists"><!--本示例显示所有最新文章,根据实际情况自行调整-->{pc:get sql="SELECT * FR...

    phpcms模板 71 8个月前