QQ访问访问

thinkphp 3.2.3点击加滚动加载更多

学习笔记 2017-10-23 14:09:25 1474 0

【摘要】thinkphp 3.2.3点击加滚动加载更多,复制代码改路径就能使用


点击加载更多首先引入JS和CSS文件,在layui官网下载

594d356c95b1e.png


html页:

<link href="__PUBLIC__/mobile/js/layui/css/layui.css" rel="stylesheet">

<script src="__PUBLIC__/mobile/js/layui/layui.js"></script>

QQ图片20170623233931.png

    <div class="all-content" >

        <ul class="platform-list">

            <li class="list-title">

                <span>用户名</span>

                <span>注册日期</span>

                <span>会员等级</span>

                <span>更多详情</span>

            </li>

        </ul>

        <div id="nodata"></div>

    </div>

QQ图片20170623235331.png

<script type="text/javascript">

  layui.use('flow', function(){

    var $ = layui.jquery; //不用额外加载jQuery,flow模块本身是有依赖jQuery的,直接用即可。

    var flow = layui.flow;

   

    flow.load({

      elem: '.platform-list' //指定列表容器

      ,done: function(page, next){ //到达临界点(默认滚动触发),触发下一页

        var lis = [];

        //以jQuery的Ajax请求为例,请求下一页数据(注意:page是从2开始返回)

        $.ajax({

          url:'{:U('Enrollment/getauto')}?page='+page,

          type: 'get',

          dataType: 'json',

          success:function(res){

             //假设你的列表返回在data集合中

          layui.each(res.data, function(index, item){


           lis.push('<li><span>'+ item.qq +'</span>'+'<span>'+ item.time +'</span>'+'<span>'+ item.hyname +'</span>'+'<span>'+ '<a onclick="aa('+item.id+')"> > </a>' +'</span>'+'</li>');


          }); 

          //执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页

          //pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多

          next(lis.join(''), page < res.pages);    


          },

        })

        

      }

    });

});

</script>

控制器代码:

QQ图片20170623235121.png

 public function index(){

        $this->status(); // 调用检测登陆

        //session输出登陆会员将登录信息,存放在session中

        $id = session('id');

        $user = M("user");

        $huiyuan = M("huiyuan");

        // print_r($id);exit;

        //session输出登陆会员

        $field="user.id,user.username,user.userpwd,user.qq,user.weixin,user.phone,user.time,user.logintime,user.show_q,huiyuan.hyname";           

        $this->info=$user->field($field)->join('left join huiyuan on user.hid=huiyuan.hyid')->order('id desc')-> limit(10)->select();

        $this->display();

    }

    public function getauto(){

        $user = M('User'); // 实例化User对象

        // 进行分页数据查询 注意page方法的参数的前面部分是当前的页数使用 $_GET[p]获取

        $field="user.id,user.username,user.userpwd,user.qq,user.weixin,user.phone,user.time,user.logintime,user.show_q,huiyuan.hyname";   

         $data = $user

                    ->field($field)

                    ->join('left join huiyuan on user.hid=huiyuan.hyid')

                    ->order('id desc')

                    ->page($_GET['page'].',8')

                    ->select(); 

          $count = $user

                    ->field($field)

                    ->join('left join huiyuan on user.hid=huiyuan.hyid')

                    ->count(); 

            foreach ($data as $key => $value) {

            $data[$key]['qq']=substr($value['qq'],0,3)."***";

            $data[$key]['time']=date("Y-m-d",strtotime($value['time']));

        }

        $res['data'] = $data;

        $res['pages'] =ceil($count/8);

        $this->ajaxReturn($res);

    }

复制以上代码,载入相应文件,修改相应路径和数据字段就能实现


版权归 姚钦鹏博客 所有

本文标题:《thinkphp 3.2.3点击加滚动加载更多》

本文链接地址:https://www.yaoqinpeng.com/wzxs/194.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

0

0

上一篇《 thinkphp3.2.3滚动加载更多 》 下一篇《 thinkphp接口 》
分享到:

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情