帝国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>';