ThinkPHP3.2分页显示,超详细,超简单

第一步:导入类

下载AjaxPage.class.php
我这里的提供的是之前3.1时候用的,在3.2用的时候需要在类里面加个命名空间

Paste_Image.png

这个类放在ThinkPHP- Library-Org-Util路径下

Paste_Image.png

第二步:php里该写的代码

ProductController是我建的产品类

 
          01 
          class ProductController extends PublicController{ 
        
          02 
            
          03 
              public function index() 
        
          04 
              { 
        
          05 
                  //导入三方库 
        
          06 
            
          07 
                  // 查询满足要求的总记录数 
        
          08 
                  $count = $this->model->count(); 
        
          09 
            
          10 
                  //创建对象,指定对象执行的方法 
        
          11 
                  $Page = new \Org\Util\AjaxPage($count,7,"productPage");//productPage是调用js中方法,通过该方法给js传递页码值,7代表一页显示7条数据 
        
          12 
            
          13 
                  // 实例化分页类 传入总记录数和每页显示的记录数 
        
          14 
                  $show = $Page->show();// 分页显示输出 
        
          15 
                  // 进行分页数据查询 注意limit方法的参数要使用Page类的属性 
        
          16 
                  $list = $this->model->order('id asc')->limit($Page->firstRow.','.$Page->listRows)->select(); 
        
          17 
            
          18 
            
          19 
                  //判断是不是ajax, 
        
          20 
                  if (!IS_AJAX){ 
        
          21 
            
          22 
                      $this->assign('result',$list);// 赋值数据集 
        
          23 
                      $this->assign('page',$show);// 赋值分页输出 
        
          24 
                      $this->view(); // 输出模板 
        
          25 
            
          26 
                  }else{ 
        
          27 
            
          28 
                      $data['result']=$list; 
        
          29 
                      $data['page'] = $show; 
        
          30 
                      $this->ajaxReturn($data); 
        
          31 
                  } 
        
          32 
              } 
        
          33 
            
          34 
              //编辑产品 
        
          35 
              public function edit(){ 
        
          36 
            
          37 
                  //进入编辑页面,显示待编辑的信息 
        
          38 
                  if (!empty($_GET)){ 
        
          39 
                      $result = $this->model->where($_GET)->find(); 
        
          40 
                      $this->assign('result',$result); 
        
          41 
                  } 
        
          42 
                  //编辑完提交,保存,跳转回首页 
        
          43 
                  if (!empty($_POST)){ 
        
          44 
            
          45 
                      $id = $_POST['id']; 
        
          46 
                      $result = $this->model->where("id=$id")->save($_POST); 
        
          47 
                      //0表示保存失败 
        
          48 
                      if ($result != 0){ 
        
          49 
                          redirect('index'); 
        
          50 
                      } 
        
          51 
                  } 
        
          52 
                  $this->view(); 
        
          53 
              } 
        
          54 
            
          55 
              //删除产品 
        
          56 
              public function delete(){ 
        
          57 
            
          58 
                  $id = $_GET['id']; 
        
          59 
                  $result = $this->model->where("id=$id")->delete(); 
        
          60 
                  if ($result != 0){ 
        
          61 
                      $this->redirect('index'); 
        
          62 
                  } 
        
          63 
              } 
        
          64 
          }

3.2的写法

3.1的写法

page输出显示是这样的

result输出显示是这样的

第三步:html该写的代码,把assign过来的数据赋值到td上

下面是对应的代码

 
          01 
          class="table table-bordered table-striped table-hover"> 
        
          02 
              
          03 
                  
          04 
                      NO 
        
          05 
                      产品名称 
        
          06 
                      单价 
        
          07 
                      备注 
        
          08 
                      操作 
        
          09 
                  
          10 
               
          11 
              "neirong"> 
        
          12 
                  <foreach name="result" item="val"> 
        
          13 
                      class="cen"> 
        
          14 
                          {$val.no} 
        
          15 
                          "#">{$val.pro_name} 
        
          16 
                          {$val.price} 
        
          17 
                          {$val.remark} 
        
          18 
                           
          19 
                              class="btn btn-primary" onclick="edit({$val.id})">编辑 
        
          20 
                              class="btn btn-danger" onclick="del({$val.id})">删除 
        
          21 
                           
          22 
                      
          23 
                  foreach> 
        
          24 
              
          25 
          
          26 
          class="panel panel-default"> 
        
          27 
              class="panel-bd"> 
        
          28 
                  class="pagination">{$page} 
        
          29 
               
          30

解释下关键代码:

这里设置个id,在js里面会用到

foreach为tp的标签,遍历数组用的,name对应数据源,item是循环变量

edit是写在js里的方法,根据id编辑内容

del是写在js里的方法,根据id删除内容

{$page}

{$page}是显示1,2,3分页码的,这个class类后面js会用到

第四步:完成前三步,首页的信息肯定可以显示出来了,但是点击页码没有反应,这时候,我们需要在js里面请求新的数据

01

解释下关键代码:

function productPage(id) {这是我们php代码$Page = new \Org\Util\AjaxPage($count,7,"productPage")里的方法

url = '__APP__/home/product/index/p/'+id;p参数为页码,

//var data = eval('('+content+')'); //强制将json转成对象类型这里是注释,没错.建议在这步alert一下content,看看有没有数据,没有就打开这段代码试试.

ThinkPHP3.2分页显示,超详细,超简单

第一步:导入类

第二步:php里该写的代码

第三步:html该写的代码,把assign过来的数据赋值到td上

第四步:完成前三步,首页的信息肯定可以显示出来了,但是点击页码没有反应,这时候,我们需要在js里面请求新的数据

你可能感兴趣的:(文章)