yii实战之控制器与视图交互

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

默认控制器

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

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.phpfrontend/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组件,实现用户的注册、登录、退出功能,敬请关注...

posted @ 2018-05-10 21:41  章鱼喵  阅读(688)  评论(0编辑  收藏  举报