东方星雨

简单网络

一个爱好网络的80后男站长。

关注我东方星雨个人微信号:476847113

您现在的位置是:首页 > 站长日志

帝国cms加载更多的使用说明教程

2018-06-24 站长 站长日志

 在制作移动端页面时会用到,把以下代码添加到服务器,按步骤操作即可实现点击加载更多。

1、将以下代码上传至服务器(e/action/)下,命名为getmore.php

<?php

    require('../class/connect.php');

    require('../class/db_sql.php');

    require('../data/dbcache/class.php');

    if($_POST[action] == 'getmorenews'){

    $table=htmlspecialchars($_POST[table]);

    if(empty($_POST[orderby])){$orderby='newstime';}else{ $orderby=htmlspecialchars($_POST[orderby]);}

    if(empty($_POST[myorder])){$myorder='desc';}else{ $myorder='asc';}

    if(empty($_POST[limit])){$limit=6;}else{ $limit=(int)$_POST[limit];}

    if(empty($_POST[classid])){$where=null;}else{ $where='where classid in('.$_POST[classid].')';}

    if(empty($_POST[length])){$length=50;}else{ $length=(int)$_POST[length];}

    if(empty($_POST[small_length])){$small_length=500;}else{ $small_length=(int)$_POST[small_length];}

    // next:第几页

    // table:调用数据表

    // limit:每次调用数量

    // small_length:简介截取字符数

    // length:标题截取字符数

    // classid:调用栏目,允许多个,如1,2,3,4  特别注意,必须是调用同一数据表的栏目

    // orderby:排序,默认是newstime,传什么就按什么来排序,如 id

    // myorder:正反序,默认是asc,传值怎为desc

    $link=db_connect();

    $empire=new mysqlquery();

    $num =(int)$_POST['next'] *$limit;

      if($table){

            $sql=$empire->query("SELECT * FROM `".$dbtbpre."ecms_".$table."` $where order by $orderby $myorder limit $num,$limit");

     

        while($r=$empire->fetch($sql)){

     

            if($r[mtitlepic]==''){

                $r[mtitlepic]=$public_r[news.url]."e/data/images/notimg.gif";

            }

        $oldtitle=stripSlashes($r[title]);

        $title=sub($oldtitle,'',$length);

        $smalltext=stripSlashes($r[smalltext]);

        $smalltext=sub($smalltext,'',$small_length);

        $classname=$class_r[$r[classid]][classname];

        $newsurl=$public_r[newsurl];

        $classurl=$newsurl.$class_r[$r[classid]][classpath];

        $urls = sys_ReturnBqTitleLink($r);

    ?>

    <!-- 以下代码是显示列表的标签模板 -->

    <li class='news-list'>

        <a href='<?=$urls?>' title='<?=$r[title]?>' class='date-link'>

            <img src='<?=$r[mtitlepic]?>' alt='<?=$r[title]?>'  class='date-img-url'/>

            <h4 class='date-title'><?=$r[title]?></h4><span class='act-datetime'><?=date("Y-m-d",$r[newstime])?></span>

        </a>

    </li>

    <?php

        }

       }

    }

    db_close();

    $empire=null;

?>


2、在帝国CMS模板后台,在对应的列表页面添加以下代码

 

页面模板内容(*)

<ul class="list-content  clear" id="showajaxnews">[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]</ul>   

<div class="more" id="loadmore">点击加载更多内容</div>

<!-- 需要引入JQ文件 -->

<script src="/skin/fz/js/jquery-1.8.2.min.js" type="text/javascript"></script>

<script>

$(function(){   

     var i = 1; //设置当前页数

    $('#loadmore').click(function(){

        $.ajax({

            url : 'http://localhost/cms/e/action/getmore.php', // 这是当前服务器的地址

            type:'POST',

            data:{"next":i,'table':'news','classid':'[!--self.classid--]','action':'getmorenews','limit':10,'small_length':120},

            dataType : 'html',

            beforeSend:function(){

                $("#loadmore").show().html('<img src="/images/loaduai.gif" width=23/>  正在努力加载中...');

                   $('#loadmore').attr('disabled','disabled');

            },

            success : function(data){

            if(data){

                $("#showajaxnews").append(data);

                $("#loadmore").removeAttr('disabled');

               $("#loadmore").html('点击加载更多');

                i++;

            }else{

                $("#loadmore").show().html("已全部加载完毕!");

                $('#loadmore').attr('disabled','disabled');

                return false;

            }     

            }

        });

    });

});

</script>

 

 

列表内容模板(list.var) (*)

<li class='news-list'>

    <a href='[!--news.url--]' title='[!--title--]' class='date-link'>

        <img src='[!--titlepic--]' alt='[!--title--]'  class='date-img-url'/>

        <h4 class='date-title'>[!--title--]</h4><span class='act-datetime'>[!--newstime--]</span>

    </a>

</li>

 

 帝国cms加载更多.zip

文件类型: .zip d5ca9e37153306c577e168598bc4a02d.zip (46.69 KB)

文章评论