# 学生信息表 首先创建一个数据表 Student,插入数据 : ```sql INSERT INTO student (name, age, course, score) VALUES ('欧阳锋', 18, 'php', 80), ('杨过', 20, 'html', 60), ('小龙女', 18, 'js', 50), ('赵敏', 20, 'html', 40), ('金毛狮王', 18, 'php', 70), ('李逵', 22, 'python', 55), ('赵云', 16, 'php', 80), ('刘备', 22, 'php', 96), ('孙权', 14, 'php', 70), ('阿毛', 20, 'node', 57), ('金旭', 18, 'php', 59), ('刘明', 20, 'html', 60); ``` :-: ![](http://xiaoyulive.oss-cn-beijing.aliyuncs.com/%E6%88%AA%E5%9B%BE/QQ%E6%88%AA%E5%9B%BE20180321112630.png) 创建模型 : `application/model/Student.php` ```php <?php namespace app\index\model; use think\Model; class Student extends Model {} ``` 在控制器 `application/index/controller/index.php` 中 ```php <?php namespace app\index\controller; use think\Controller; use app\index\model\Student; class Index extends Controller { public function index() { // 获取所有数据,不分页 // $data = Student::all(); // 获取分页需要调用查询类中的 paginate(num) 方法 $data = Student::paginate(5); $this -> view -> assign('data', $data); return $this -> view -> fetch(); } } ``` 在模板 `application/index/view/index.html` 中 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="/static/js/jquery-3.3.1.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <link rel="stylesheet" href="/static/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <h2 class="text-center">学生信息</h2> <table class="table table-default table-bordered table-hover text-center"> <tr class="bg-primary"> <td>ID</td> <td>姓名</td> <td>年龄</td> <td>课程</td> <td>分数</td> </tr> {volist name='data' id ='list'} <tr> <td>{$list.id}</td> <td>{$list.name}</td> <td>{$list.age}</td> <td>{$list.course}</td> <td> {if $list.score < 60} <span style="color: red;">不及格</span> {else/} <span style="color: green;">及格</span> {/if} </td> </tr> {/volist} </table> </div> <div class="col-md-2"></div> </div> <!--分页显示--> <div class="text-center">{$data|raw}</div> </div> </body> </html> ``` 注意,需要引入 jquery 和 Bootstrap,需要将相关文件存放于 `public/static` 下。 一切正确,可以看到页面输出 : :-: ![](http://xiaoyulive.oss-cn-beijing.aliyuncs.com/%E6%88%AA%E5%9B%BE/QQ%E6%88%AA%E5%9B%BE20180321113459.png)