帝国论坛帝国网站管理系统交流区帝国CMS 7.5专版[分享] cms7.5使用 点击加载更多系列(七) 点击加载更多消息(消息列表夹页面使用) 【本版专题贴子】  
主题:[分享] cms7.5使用 点击加载更多系列(七) 点击加载更多消息(消息列表夹页面使用) [加入收藏夹]   

flnsll
用户头衔:进士

精华贴   :0
发贴数   :385
经验值   :3137
注册时间:2008-11-23
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享] cms7.5使用 点击加载更多系列(七) 点击加载更多消息(消息列表夹页面使用)
1.页面需要引入jquery.js文件

2. 消息列表页合适位置添加以下代码(我是在<div>中添加的,关键是要添加代码: id="showajaxnews",这样点击 点击添加更多 按钮时,列表内容就被添加到了<div id="showajaxnews">下面)

    我的是这样的:<div id="showajaxnews">,大家对照自行修改。


3. 在消息列表页加上 点击加载更多 按钮。

   我的是这样的:<div class="nomore" target="_self" id="loadmores">点击加载更多</div>

4. 在会员列表页</body>前加上以下js代码。
   
   说明:
  (1). 代码中 'limit':10 , 10需修改为你想点击一次加载更多时加载的条数。通常要修改成和  /e/member/msg/index.php  文件中的 $line=10;  这个数一样
  (2). 代码中有 <img src="/skin/list/loaduai.gif" width=20/>&nbsp;页面加载中...,所以需要在 /skin/list/ 下添加这个表示正在加载的GIF动画图标  loaduai.gif 。你也可以把图标放在别的位置,但要修改相应的这个 /skin/list/loaduai.gif 代码。

<script>
$(function(){   
     var i = 1; //设置当前页数     
    $('#loadmores').click(function(){
        $.ajax({
          url : '/e/action/getmoremsg.php',
                type:'POST',
                 data:{"next":i,'action':'getmoremsg','limit':10,},
            dataType : 'html',
        beforeSend:function(){
                $("#loadmores").show().html('<img src="/skin/memberlist/loaduai.gif" width=20/>&nbsp;页面加载中...');
           $('#loadmores').attr('disabled','disabled');
        },
            success : function(data){
           if(data){
               $("#showajaxnews").append(data);
                          $("#loadmores").removeAttr('disabled');
              $("#loadmores").html('点击加载更多');
                 i++;
            }else{
                $("#loadmores").show().html("已全部加载完毕!");
                        $('#loadmores').attr('disabled','disabled');
                return false;
            }      
           }
        });
    });
});
</script>

5.  在/e/action/下添加文件 getmoremsg.php(修改 $limit=10; 中的10和 js中的数字一样)
    getmoremsg.php内容如下:


<?php
require('../class/connect.php');
require('../class/db_sql.php');
require('../data/dbcache/class.php');
require("../class/q_functions.php");
require("../member/class/user.php");
require("../data/dbcache/MemberLevel.php");

$actions = RepPostVar2($_POST[action]);
$limits = (int)$_POST[limit];

$table=enewsqmsg;
$link=db_connect();
$empire=new mysqlquery();
eCheckCloseMods('member');//关闭模块
$user=islogin();
if($actions == 'getmoremsg1'){
if(empty($limits)){$limit=10;}else{ $limit=$limits;}
$num =(int)$_POST['next']*$limit;
if($table){
$query="select mid,title,haveread,from_userid,from_username,isadmin,msgtime,issys from {$dbtbpre}enewsqmsg where to_username='$user[username]' order by msgtime desc limit $num,$limit";
$sql=$empire->query($query);
while($r=$empire->fetch($sql))
                        {
                                $img="haveread";
                                if(!$r[haveread])
                                {$s="/e/member/cp/duanxin.mp3"; $img="nohaveread"; }
                                //后台管理员
                                if($r['isadmin'])
                                {
                                        $from_username="<a title='后台管理员'><b>".$r[from_username]."</b></a>";
                                }
                                else
                                {
                                        $from_username="<a href='/e/space/UserInfo.php?userid=".$r[from_userid]."'>".$r[from_username]."</a>";
                    $from_username1="$r[from_username]";
                                }
                                //系统信息
                                if($r['issys'])
                                {
                                        $from_username="<b>系统消息</b>";
                                        $r[title]="<b>".$r[title]."</b>";
                                }
?>
<?php
$userr=$empire->fetch1("select userpic from phome_enewsmemberadd where userid='$r[from_userid]'");
?>
//以下修改成你消息列表的内容
<div class="line-wrapper">
  <div class="line-scroll-wrapper" >
    <div class="line-normal-wrapper" >
      <div class="line-normal-left-wrapper">
        <div class="line-normal-avatar-wrapper"><a href="<?=$public_r[newsurl]?>e/space/?userid=<?=$r['from_userid']?>" target="_blank"> <img class="img_width" src="<?=$userr[userpic]?$userr[userpic]:'/e/data/images/nouserpic.gif'?>" alt=""></a> </div>
        <div class="line-normal-info-wrapper">
          <div class="line-normal-user-name">
            <?=$from_username?>
          </div>
          <div class="line-normal-msg" > <a href="ViewMsg/?mid=<?=$r[mid]?>">
            <?=stripSlashes($r[title])?>
            </a> </div>
        </div>
      </div>
      <span class="line-normal-icon-wrapper"><img src="../../data/images/<?=$img?>.gif" border=0></span>
      <div class="line-normal-time">
        <?=substr($r[msgtime],2,8)?>
      </div>
    </div>
    <div class="line-btn-delete">
      <buton><a href="/e/member/msg/AddMsge/?username=<?=$from_username1?>"><img src="/skin/msg/addmsg.png"></a></buton>
      <buton><a href="/e/member/msg/AddMsgZf/?enews=AddMsg&mid=<?=$r[mid]?>"><img src="/skin/msg/zhuanfa.png"></a></buton>
      <buton><a href="../doaction.php?enews=DelMsg&mid=<?=$r[mid]?>" onClick="return confirm('&nbsp;&nbsp;确定要删除这条消息?');"><img src="/skin/msg/delete.png"></a> </buton>
    </div>
  </div>
</div>
//以上修改成你消息列表的内容
<?php
}
}
}
?>
<?php
db_close();
$empire=null;
?>

[该贴被修改 3 次,最后修改时间 2023-07-01 22:16:45 ]



2023-07-01 22:10:44 已设置保密 顶部 回复 引用 报告 编辑 删除

luoto
用户头衔:探花

精华贴   :0
发贴数   :5799
经验值   :17477
注册时间:2008-11-08
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

支持




2023-07-02 07:01:01 已设置保密 顶部 回复 引用 报告 编辑 删除

cnnb
用户头衔:探花

精华贴   :0
发贴数   :5714
经验值   :16329
注册时间:2008-10-14
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

支持下




2023-07-03 06:57:52 已设置保密 顶部 回复 引用 报告 编辑 删除

zhxin
用户头衔:探花

精华贴   :0
发贴数   :3773
经验值   :10388
注册时间:2013-01-09
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

支持




2023-07-04 06:59:02 已设置保密 顶部 回复 引用 报告 编辑 删除

csdn2
用户头衔:探花

精华贴   :0
发贴数   :4550
经验值   :13317
注册时间:2013-11-21
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

支持




2023-07-05 07:08:27 已设置保密 顶部 回复 引用 报告 编辑 删除

csdn2
用户头衔:探花

精华贴   :0
发贴数   :4550
经验值   :13317
注册时间:2013-11-21
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

支持




2023-07-05 07:09:36 已设置保密 顶部 回复 引用 报告 编辑 删除

pingpong
用户头衔:探花

精华贴   :0
发贴数   :9328
经验值   :24281
注册时间:2008-11-02
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

支持一下




2023-07-06 06:35:04 已设置保密 顶部 回复 引用 报告 编辑 删除

ggqm520
用户头衔:进士

精华贴   :0
发贴数   :1120
经验值   :4891
注册时间:2010-08-15
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

都js了。干嘛不用api输出json呢。这个都是多年前的写法了。现在不推荐。如果是json输出,一个加载更多接口地址可以电脑端,手机网站端,小程序端,app端都可以同时使用这个接口地址,更为方便

[该贴被修改 1 次,最后修改时间 2023-08-21 11:51:34 ]


meiweny.com https://www.meiweny.cn美文苑文学网 danmeiwx.cn goodwenxue.com 签名广告位出售中!!!!!
2023-08-21 11:47:33 已设置保密 顶部 回复 引用 报告 编辑 删除

csdn2
用户头衔:探花

精华贴   :0
发贴数   :4550
经验值   :13317
注册时间:2013-11-21
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

json还要写接收




2023-08-24 07:06:04 已设置保密 顶部 回复 引用 报告 编辑 删除

bn899
用户头衔:进士

精华贴   :0
发贴数   :1477
经验值   :4063
注册时间:2015-11-30
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

支持




2023-08-25 06:46:15 已设置保密 顶部 回复 引用 报告 编辑 删除

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1