继上篇[yii实战之初见端倪](https://www.kancloud.cn/zhiqiexing/yii/615731),本篇将讲解控制器和视图的基础用法。并构建一个人物列表页面
# 默认控制器
默认情况下,当浏览器请求`http://frontend.test/`时,实际上访问的是`frontend/controllers/SiteController.php`的`actionIndex`方法,我们在这个方法断点测试下:
```php
public function actionIndex()
{
return "你是不是默认的控制器? 如果是,就输出来";
return $this->render('index');
}
```
> 注意:方法名的命名要用action为前缀,且用驼峰法
浏览器结果:
![默认控制器](https://upload-images.jianshu.io/upload_images/1864602-f86088e5b365ded2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
默认控制器是由`defaultRoute`这个属性控制的,源码在:`\yii\web\Application::$defaultRoute`,可以在配置文件中指定自定义的默认控制器
在`common/config/main.php`新增:
```php
'defaultRoute' => 'index',
```
此时,再访问主页,会报404错误:
![404报错](https://upload-images.jianshu.io/upload_images/1864602-e9a446d8fa81d68c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
因为我们指定默认控制器为index,却没有创建相应的文件,接下来我们用yii的gii组件生成控制器文件。
打开终端,进入根目录,执行:`php yii gii/controller --controllerClass=frontend\\controllers\\IndexController --viewPath=@frontend/views/index`
![gii生成控制器](https://upload-images.jianshu.io/upload_images/1864602-a34f947be647c0a2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
可以看到,程序自动为我们生成了`frontend/controllers/IndexController.php`和`frontend/views/index/index.php`两个文件
此时,再刷新网页,就能正常访问了
查看gii更多用法可以执行:`php yii help gii`
![gii help](https://upload-images.jianshu.io/upload_images/1864602-0a68861946673b7f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
> gii是yii的代码自动生成工具,可以在web页面生成,也可以在命令行生成,程序员大多更偏爱于命令行。现在不太清楚用法,也没关系,先了解有这个功能,后续会单独讲解gii
# 构建人物列表页面
## 控制器构建数据
在Index控制器中,我们要构建一个简易的人物列表,效果如下:
- 控制器将人物列表数据传送给视图文件
- 视图文件将数据用表格显示
首先,在`frontend/controllers/IndexController.php`定义人物数组, 并将数组传送给视图
```php
public function actionIndex()
{
$people = [
['name' => '曹操', 'saying' => '宁教我负天下人,不教天下人负我'],
['name' => '刘备', 'saying' => '备若有基业,天下碌碌之辈,诚不足虑也。'],
['name' => '关羽', 'saying' => '此等小辈,如同土鸡瓦狗,插标卖首尔'],
['name' => '张飞', 'saying' => '我乃燕人张翼德,谁敢与我决一死战'],
];
return $this->render('index', ['people' => $people]);
}
```
`render`第一个参数为视图文件名称,默认路径为:当前应用/views/控制器名称/视图名称,对应的路径即为:`frontend/views/index/index.php`;第二个参数是控制器要传送给视图的数据。
## 视图渲染数据
yii的视图默认支持[bootstrap](http://www.bootcss.com/),因此我们用bootstrap的语法展示数据:
`frontend/views/index/index.php`
```php
<table class="table table-bordered table-hover">
<caption>三国人物名言</caption>
<thead>
<tr>
<th>人物</th>
<th>名言</th>
</tr>
</thead>
<tbody>
<?php foreach ($people as $v) :?>
<tr>
<td><?=$v['name']?></td>
<td><?=$v['saying']?></td>
</tr>
<?php endforeach;?>
</tbody>
</table>
```
页面显示效果:
![人物列表](https://upload-images.jianshu.io/upload_images/1864602-157a4d9ed91c5934.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
# 小结
本节简单的演示了控制器跟视图的交互,下节将讲解yii自带的`user`组件,实现用户的注册、登录、退出功能,敬请关注...