tp3.2中jquery查询订单信息

第一步:控制器里:

       public function lookorder(){
            $date=I('post.date');
            $da=explode(' - ',$date);
$startdate=$da['0']."00:00:00";
            $enddate=$da['1']."23:59:59";
            $sdate=strtotime($startdate);
            $edate=strtotime($enddate);
            $usermobile=$_SESSION['usermobile'];//当前登录者用户手机号
            $user=M('user');
            $userdata=$user->where(array('tellphone'=>$usermobile))->find();
$role=$userdata['role'];
            $arrrole=explode(",",$role);
            if(in_array("2", $arrrole) or in_array("4", $arrrole) or in_array("5", $arrrole)){//查看当前登录者角色是否具有商家属性
                $sid=$userdata['sid'];//在商家表里的ID
                $seller=M('seller')->where(array("id"=>$sid))->find();
                $id=$seller['id'];
                $where['seller_id']= array('eq',$id);
                $where['status']=array('egt',1);
                $where['ctime'] = array('between',array($sdate,$edate));
$data=array();
                $order_data= M("orders")
                             ->alias('o')
                             ->field('o.*')
                            ->order('o.id desc')
                            ->where($where)
                            ->select();
                $data['order']=$order_data;
                foreach ($order_data as $key => $value) {
                $order_goods_data=M('order_goods')->alias('g')->field('g.*,d.*')->join('left join zbt_goods AS d ON g.goodsid=d.id')->where(array("g.orderid"=>$value['id'],"g.storeid"=>$id))->select();
                            $data['order'][$key]['goods']=$order_goods_data;
                
                 }
                $countmoney="";
                $countmoney=array_sum(array_map(create_function('$val', 'return $val["money"];'), $data['order']));  
                $order_goods_count=M("orders")->where($where)->count();
$this->assign('order_goods_data',$data['order']);//订单信息
                $this->assign('order_goods_count',$order_goods_count);//总订单量
                $this->assign('countmoney',$countmoney);//总金额
                $arr=array();
                $arr['desc']['count']=$order_goods_count;
                $arr['desc']['money']=$countmoney;
                $arr['item']=$data['order'];
                echo json_encode($arr);
            }else{
                $this->error("不好意思您当前角色不具有商家属性");
            }
         }

第二步:视图层

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
   <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
      <title>订单查询</title>
      <link rel="stylesheet" type="text/css" href="__ROOT__/Application/Weixin/Public/bootstrap/css/bootstrap.css">
      <link rel="stylesheet" type="text/css" media="all" href="__ROOT__/Application/Weixin/Public/datetime/daterangepicker-bs3.css" />
      
      
      <style type="text/css">
    *{
    margin: 0px;
    padding: 0px;
    }
.shu_jia{
width: 100%;

}
.shu_jia ul{
width: 95%;
height: 30px;
margin: 0px auto;

}
.shu_jia ul li{
list-style: none;
width: 47%;
float: left;
font-size: 14px;
}
    th{
      text-align: center;
    }
    td{
padding: 8px;    
border: 1px solid;
    }
</style>
   </head>
   <body style="background: ghostwhite;">


      <div class="container">
         <div class="span12">
            <div class="well">


               <form class="form-horizontal">
                 <fieldset>
                  <div class="control-group">
                    <div class="controls">
                     <div class="input-prepend input-group">
                       <span style="padding: 0px;" class="add-on input-group-addon"><i style="margin:0px 10px;" class="glyphicon glyphicon-calendar fa fa-calendar"></i></span><input type="text" readonly="readonly" style="width: 200px" name="reservation" id="reservation" class="form-control" value="<?php echo date("Y-m-d",time());?> - <?php echo date("Y-m-d",time());?>" /> 
                      <button type="button"  class="applyBtn btn btn-small btn-success" id="look"  style="float: right;display: block;">查看</button>
                     </div>
                     
                    </div>
                  </div>
                 </fieldset>
                 
               </form>
            <script type="text/javascript" src="__ROOT__/Application/Weixin/Public/datetime/jquery-1.8.3.min.js"></script>
      <script src="__ROOT__/Application/Weixin/Public/bootstrap/js/bootstrap.min.js"></script>
      <script type="text/javascript" src="__ROOT__/Application/Weixin/Public/datetime/moment.js"></script>
      <script type="text/javascript" src="__ROOT__/Application/Weixin/Public/datetime/daterangepicker.js"></script>
               <script type="text/javascript">
               $(document).ready(function() {
                  $('#reservation').daterangepicker(null, function(start, end, label) {
                   
                  });
               });


function addZero(m) {


        return m < 10 ? '0' + m : m ;
    }


function formatTime(time) {


        var time = new Date(time*1000);
        var y = time.getFullYear();
        var m = time.getMonth()+1;
        var d = time.getDate();
        var h = time.getHours();
        var mm = time.getMinutes();
        var s = time.getSeconds();
        return y+'-'+addZero(m)+'-'+addZero(d)+' '+addZero(h)+':'+addZero(mm)+':'+addZero(s);
    }
               </script>
               <script type="text/javascript">
                $
                $(document).ready(function(){
                    $("#look").click(function(){
                        // alert(123);
                        var date=$("#reservation").val();
                        // alert(da);
                        $.ajax({
                          type:'POST',
                          url:'__APP__/Weixin/Person/lookorder',
                          data:{date:date},
                          //dataType:'json',
                          success:function(res){
                            var datasum=JSON.parse(res);
                             
                              var counts=datasum.desc.count;
                              var moneys=datasum.desc.money;
                              $('.count').text(counts);
                              $('.money').text(moneys);
                               //console.log(datasum.item.ctime);
                               
                              var tp1="";
                              datasum.item.forEach(function(v,k){
                             
 tp1 +='<tr>'+'<td>'+v.id+'</td>'+'<td>'+v.ordercode+'</td>'+'<td>'+formatTime(v.ctime)+'</td>'+'<td>'+v.money+'</td>'+'</tr>'+'\n' ;
});
                                 $('.data').html(tp1);


                          }
                               


                        })
                            
                    })






               })   
               </script>
               


            </div>
        </div>
    </div>
    <style type="text/css">
    *{
    margin: 0px;
    padding: 0px;
    }
.shu_jia{
width: 100%;

}
.shu_jia ul{
width: 95%;
height: 30px;
margin: 0px auto;

}
.shu_jia ul li{
list-style: none;
width: 47%;
float: left;
font-size: 14px;
}
</style>
<div class="shu_jia">

<ul>
<li>总订单量:<span class="count">0</span></li>
<li>总金额:<span class="money">0</span></li>
</ul>

</div>
<div class="biao" style="width: 95%;margin:0px auto;border: 1px solid gainsboro;">
<table class="table table table-hover">
  <tr>
  <th>ID</th>
  <th>订单号</th>
  <th>时间</th>
  <th>金额</th>
  </tr>
  </table>
<div class="data"></div>
</div>
   </body>
</html>


TP3.2 是一个基于PHP的开源框架,它提供了很多方便的功能,其包括利用jQuery Ajax实现分页功能。下面是一个例子说明如何使用jQuery Ajax实现前台与后台的分页功能: 前台源码: ```html <!DOCTYPE html> <html> <head> <title>分页示例</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ var currentPage = 1; // 当前页码 // 加载数据函数 function loadData(page){ $.ajax({ url: 'loadData.php', type: 'POST', data: {page: page}, success: function(response){ $("#dataContainer").html(response); } }); } // 初始加载数据 loadData(currentPage); // 点击页面切换按钮 $(document).on("click", ".pagination a", function(e){ e.preventDefault(); var page = $(this).attr("data-page"); currentPage = page; loadData(currentPage); }); }); </script> </head> <body> <div id="dataContainer"></div> </body> </html> ``` 后台源码(loadData.php): ```php <?php include "dbconfig.php"; // 引入数据库配置文件 $page = $_POST['page']; $perPage = 10; // 每页显示记录数 $offset = ($page - 1) * $perPage; // 计算偏移量 $result = $conn->query("SELECT * FROM your_table LIMIT $offset, $perPage"); if ($result->num_rows > 0) { // 输出数据 while($row = $result->fetch_assoc()) { echo "<p>{$row['name']}</p>"; } } $conn->close(); ?> ``` 上述代码,前台页面加载时会发送一个Ajax请求到后台的`loadData.php`文件,同时传递一个`page`参数表示当前页码。后台根据参数查询对应的数据,并将结果返回给前台,然后前台更新页面内容。用户可以通过点击页面切换按钮,改变`page`参数的值,从而实现翻页功能。 需要注意,后台代码的`dbconfig.php`文件应该包含数据库连接的配置信息,以确保能够成功连接数据库并查询数据。 这只是一个简单的分页功能示例,你可以根据自己的实际情况进行调整和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值