Correction status:Uncorrected
Teacher's comments:
列图:
需要的准备文档 app\index\controller\Staffa.php, app\index\model\Staffa.php,app\index\view\staffa\demo2.html
app\index\model\Staffa.php
<?php namespace app\index\model; use think\Model; class Staffa extends Model { protected $table = 'staff'; protected $pk = 'staff_id'; }
app\index\controller\Staffa.php
<?php namespace app\index\controller; use think\Controller; //use think\facade\Request; use app\index\model\Staffa as StaffaModel; class Staffa extends Controller { public function demo2() { //分页配置 $config = [ 'type' => 'bootstrap',//驱动类型 'var_page' => 'page' //分页变量 ]; //每页显示的数量 $num = 5; //是否简单分页?上/下一页 $simple =false; //用模型来获取所有的分页数据:think\Paginate $paginate = StaffaModel::paginate($num,$simple,$config); // halt($paginate); //返回的是对象 //渲染分页的HTML代码,返回分页变量 $page = $paginate->render(); // halt($page); //返回的是html代码 //将分页的数据赋值给模板 $this->view->assign('staffs',$paginate); //降分页变量赋值给模板 $this->view->assign('page',$page); //渲染模板 return $this->view->fetch(); } }
app\index\view\staffa\demo2.html
<!-- <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.css"> --> {load href="/static/bootstrap/css/bootstrap.css"} <div class="container"> <div class="row"> <h3 class="text-center">员工信息登记表</h3> <div class="col-md-8 col-md-offset-2"> <table class="table table-bordered table-hover text-center"> <tr class="info"> <td>ID</td> <td>姓名</td> <td>性别</td> <td>年龄</td> <td>工资</td> </tr> {volist name="staffs" id="staff" } <tr> <td>{$staff.staff_id}</td> <td>{$staff.name}</td> <td> {//$staff.sex} {//性别必须是0或1,才是合法数据 枚举} {in name="staff.sex" value="0,1"} {if $staff.sex == 0} 男 {else /} 女 {/if} {/in} </td> <td> {$staff.age} {//between标签 连续的数据} {between name="staff.age" value="10,30"} 很年轻嘛 {/between} {between name="staff.age" value="31,50"} 人到中年 {/between} {between name="staff.age" value="51,100"} 快退休了 {/between} </td> <td>{$staff.salary}</td> </tr> {/volist} </table> <div class="text-center">{$page|raw}</div> </div> </div> </div> {load href="/static/jquery/jquery.js"} {load href="/static/bootstrap/js/bootstrap.js"}