零基础建站培训介绍

当前位置:

帝国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>'
    ;
上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

  • 对于很多使用帝国CMS建网站的站长,网站里有很多图片,这样会影响网站打开速度,为了拉升速度,可以使用二级域名解析图片路径,然后对二级域名进行CDN
  • 帝国cms建网站后,网站的文章底部会有相关文章调用,在帝国cms中可以设置按照关键字获取相关文章。设置方法:进入后台-系统设置-系统参数设置-信息设
  • 帝国cms网站有时为了一个功能需要进行判断,并且判断的依据在发布文章时,选择显示或者不显示。这里就可以使用帝国cms使用自定义字段判断。第一步:
  • 帝国CMS非常适合做门户信息类网站,功能比较强大。帝国CMS 在网站制作时也有很多的调用标签,下面学做网站论坛总结了帝国CMS 调用文章标题的几种标签
  • 帝国CMS列表页怎么调用内容参数就是在列表页调用文章内容里设置的参数,例如:文章标题、文章副标题、文章下载链接等。举例:如在后台管理信息页面的
  • 帝国CMS手机站多数情况下是使用无限点击加载,通过点击加载可以加载更多的内容。但有些情况下无限加载对于网站优化并不友好,更喜欢分页显示。如下图
  • 帝国CMS连接数据库<?phprequire('e/class/connect.php'); //引入数据库配置文件和公共函数文件require('e/class/db_sql.php')
  • 帝国CMS建网站时,如果不想在最新文章里调用某个ID栏目下的文章,可以在代码里将这个ID屏蔽掉,这样就不会调用这个栏目下的文章了。帝国CMS不调用指
  • xml网站地图是用于搜索引擎更好的爬行我们的网站作用,通过xml网站地图可以将网站所有想被抓取的URL全部自动的放在一个XML文件里。如下图:下面介绍
  • 帝国cms手机模板?修改可以在后台模板管理里直接修改1、后台>模板:左侧菜单最顶部有个“默认模板组”下拉框,可以选择要修改哪个模板组下的模板,然