前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Yii2框架视图(View)操作及Layout的使用方法分析

Yii2框架视图(View)操作及Layout的使用方法分析

作者头像
砸漏
发布2020-10-21 10:01:38
1.4K0
发布2020-10-21 10:01:38
举报
文章被收录于专栏:恩蓝脚本

本文实例讲述了Yii2框架视图(View)操作及Layout的使用方法。分享给大家供大家参考,具体如下:

渲染视图

1.我们在Default 控制器里做演示

代码语言:javascript
复制
<?php
namespace app\controllers;
use yii\helpers\Url;
use yii\web\Controller;
class DefaultController extends Controller
{
  public function actionIndex()
  {
//    echo Url::toRoute(['index','id'= 11],true);
//    //http://localhost/yiipro/web/default/index?id=11
//
//    echo Url::base();
//    ///yiipro/web
    // 返回视图
    return $this- render('index');
  }
}

return $this- render('index'); 就是渲染视图

2.浏览器访问http://localhost/yiipro/web/index.php/default/,发现报错了

这里写图片描述
这里写图片描述

views/default/index.php

说明视图文件要放在views/default 目录下。

我们去创建视图

这里写图片描述
这里写图片描述

再次访问:

这里写图片描述
这里写图片描述

3.如何向视图传递变量

代码语言:javascript
复制
return $this- render('index',['username'= '张三','age'= 22]);
代码语言:javascript
复制
<p <?php echo \yii\helpers\Html::encode($username); ? </p 
<p <?php echo \yii\helpers\Html::encode($age); ? </p 
这里写图片描述
这里写图片描述

布局layout

1.默认布局

这里写图片描述
这里写图片描述
代码语言:javascript
复制
yii\base\Application::$layout = 'main'
app\module\admin\Module::$layout = 'main';

this- layout = false。 也可以使用this- renderPartial()代替this- render()

2.新建布局

View/layout/default.php

这里写图片描述
这里写图片描述

我们要在Default控制器里使用这个布局,写上:

代码语言:javascript
复制
public $layout = 'default';

浏览器效果:

这里写图片描述
这里写图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档