零基础建站培训介绍

当前位置:

帝国CMS手机站点击加载更多的实现方法

手机站制作时,它的分页功能往往与PC网站不一样,手机站采用点击加载更多的方式来显示更多内容。如果在制作手机网站时,实现点击加载更多的功能呢?

手机站点击加载更多

下面学做网站论坛以帝国CMS手机站为例,介绍一下帝国CMS手机站点击加载更多的实现方法。(如果是Wordpress程序,可以参考:如何制作手机网站下拉加载翻页

方法/步骤

  1. 新建一个空白的HTML网页,然后将以下代码粘贴到网页中,并保存为getmore.php;
    <?php
    $ye=$_GET["next"];
    $clasid=$_GET["classid"];
    require("e/class/connect.php");
    require("e/class/db_sql.php");//连接数据库(注意修改路径)
    $link=db_connect();
    $empire=new mysqlquery();

    ?>

    <?php
    $yeshu = $ye*15;
    $sql=$empire->query("select * from {$dbtbpre}ecms_news where classid in ('$clasid') order by newstime limit $yeshu,15"); //第次加载15条记录
    while($rs=$empire->fetch($sql)) //循环获取查询记录
    {
    $src = $rs[id];

    $xwtitle=$rs['title'];
    $xwtitleurl=$rs['titleurl'];
    $xwtitlepic=$rs['titlepic'];
    $smalltext=$rs['smalltext'];
    $newstime=$rs['newstime'];
    $onclick=$rs['onclick'];
    $tuurl=$public_r[add_www_moban5_cn_urli];
    ?>
    <li> <a href="<?=$xwtitleurl?>" title="<?=$xwtitle?>" class="p_img"><img src="<?=$tuurl?><?=$xwtitlepic?>" alt="<?=$xwtitle?>"></a>
    <p> <a href="<?=$xwtitleurl?>" title="<?=$xwtitle?>" class="p_title"><?=$xwtitle?></a> <span class="s_info"><?=$smalltext?></span> <span class="s_time"><?=date('Y-m-d',$newstime)?></span> </p>
    </li>

    <?php }
    db_close(); //关闭MYSQL链接
    $empire=null; //注消操作类变量

    ?>
  2. 将getmore.php文件上传到e/action文件夹下;
  3. 在帝国CMS列表模板里,放上以下的代码用于循环显示列表文章;
    <div class="list_img">
    <ul>
    [!--empirenews.listtemp--]
    <!--list.var1-->
    [!--empirenews.listtemp--]
    </ul>
    </div>
    <div class="more_wrap"><a id="cly_load" href="javascript:void(0);">点击查看更多 &gt;</a></div>
  4. 在帝国CMS列表模板特别底部,放上以下的JS代码,实现点击加载数据;
    <?php
    $tsql2=$empire->query("select * from {$dbtbpre}enewsclass where bclassid='$GLOBALS[navclassid]'");
    $i=0;
    $aex= array();
    while($tr=$empire->fetch($tsql2)){
    $aaa2=$tr['classid'];
    $aex[$i]=$aaa2;
    $i++;
    }
    $chare = implode(",", $aex);

    if(1==$GLOBALS[navclassid] || 2==$GLOBALS[navclassid] || 3==$GLOBALS[navclassid]){$ccid=$chare;}else{$ccid=$GLOBALS[navclassid];}

    $num=$empire->gettotal("select count(*) as total from www_moban5_cn_ecms_news where classid in ('$ccid')");
    $zongshu= $num - 15;
    $page = ceil($zongshu/15);
    ?>

    <script language="javascript" type="text/javascript">
    var is_have_con = "Y";
    $(function(){
    var pagenum = 1; //设置当前页数
    var page = <?=$page?>;//总页数
    var currentclass = <?=$GLOBALS[navclassid]?>;
    $('.more_wrap').on('click',function(){
    if(is_have_con=="Y"){
    $.ajax({
    url : '/api/getajax_news.php',
    type:'get',
    data:{"next":pagenum,'classid':currentclass},
    dataType : 'html',
    beforeSend:function(){
    var str = '<a id="cly_load" href="javascript:void(0);">玩命加载中...</a>';
    $(".more_wrap").html(str);
    },
    success : function(data){
    if(page>=pagenum){
    $(".list_img ul").append(data);
    $(".more_wrap").html('<a id="cly_load" href="javascript:void(0);">点击加载更多 &gt;</a>');
    pagenum++;
    }else{
    $(".more_wrap").html('<a id="cly_load" href="javascript:void(0);">已全部加载完毕!</a>');
    is_have_con = "N";
    return false;
    }
    }
    });
    }
    });
    });
    </script>
  5. 列表内容模板(list.var)代码:
    $url=$public_r['add_www_moban5_cn_urli'];
    $listtemp='<li> <a href="[!--titleurl--]" title="[!--ftitle--]" class="p_img"><img src="'.$url.'[!--titlepic--]" alt="[!--ftitle--]" /></a>
    <p> <a href="[!--titleurl--]" title="[!--ftitle--]" class="p_title">[!--ftitle--]</a> <span class="s_info">[!--smalltext--]</span> <span class="s_time">[!--newstime--]</span> </p>
    </li>'
    ;
上一课: 下一课:
在线
客服
手机二维码 手机二维码
返回顶部 返回顶部

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服李欣蓉QQ:2289556365

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服孙丽QQ:2399118408

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服刘淼淼QQ:1135082670

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师张启亚QQ:2357852508

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师方重华QQ:1730401718

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师唐超QQ:909722045

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师赵鹏QQ:614862774

或者使用微信扫码咨询

x

微信咨询

可使用微信扫下方二维码加好友咨询。

x