yii实战之控制器与视图交互默认控制器构建人物列表页面小结

继上篇yii实战之初见端倪，本篇将讲解控制器和视图的基础用法。并构建一个人物列表页面

默认控制器

默认情况下，当浏览器请求http://frontend.test/时，实际上访问的是frontend/controllers/SiteController.php的actionIndex方法，我们在这个方法断点测试下：

public function actionIndex()
{
    return "你是不是默认的控制器? 如果是，就输出来";
    return $this->render('index');
}

注意：方法名的命名要用action为前缀，且用驼峰法

浏览器结果：

默认控制器

默认控制器是由defaultRoute这个属性控制的，源码在：\yii\web\Application::$defaultRoute，可以在配置文件中指定自定义的默认控制器

在common/config/main.php新增：

'defaultRoute' => 'index',

此时，再访问主页，会报404错误：

404报错

因为我们指定默认控制器为index，却没有创建相应的文件，接下来我们用yii的gii组件生成控制器文件。

打开终端，进入根目录，执行：php yii gii/controller --controllerClass=frontend\\controllers\\IndexController --viewPath=@frontend/views/index

gii生成控制器

可以看到，程序自动为我们生成了frontend/controllers/IndexController.php和frontend/views/index/index.php两个文件

此时，再刷新网页，就能正常访问了

查看gii更多用法可以执行：php yii help gii

gii help

gii是yii的代码自动生成工具，可以在web页面生成，也可以在命令行生成，程序员大多更偏爱于命令行。现在不太清楚用法，也没关系，先了解有这个功能，后续会单独讲解gii

构建人物列表页面

控制器构建数据

在Index控制器中，我们要构建一个简易的人物列表，效果如下：

• 控制器将人物列表数据传送给视图文件
• 视图文件将数据用表格显示

首先，在frontend/controllers/IndexController.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，因此我们用bootstrap的语法展示数据：

frontend/views/index/index.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>

页面显示效果：

人物列表

小结

本节简单的演示了控制器跟视图的交互，下节将讲解yii自带的user组件，实现用户的注册、登录、退出功能，敬请关注...