视图和模板

[TOC]

---

控制器(在php文件)使用模板：

VIew模板输出：

$this->assign('name','value');   //定义view里的变量$name的值
return $this->fetch('index/index');//参数为空时默认当前控制器对应的view

相应的html文件下使用name变量：{$name}

<span style='color:#fb7299'>eg1：展示用户数据</span>

输出用户列表

控制器中：<a name='con'></a>

$list = User::all();  //返回User对象数组
$this->assign('list',$list);
$this->assign('count',count($list));
return $this->fetch('index/index');//参数为空时默认当前控制器对应的view

模板视图：

<h1>用户列表  {$count}</h1>
{volist name="list" id="user"}
<!--name="list"将$list数组传了过来，$user是每次遍历的数组的元素-->
    <div class="container" style="border: 1px black dashed">
        <ul>
            <li>id:{$user.id}</li>
            <li>名字:{$user.name}</li>
            <li>生日:{$user.birthday}</li>
            <li>邮箱:{$user.email}</li>
        </ul>
    </div>
{/volist}

渲染模板是会在runtime的temp生成临时文件

对应生成的临时文件片段：

<?php if(is_array($list) || $list instanceof \think\Collection || $list instanceof \think\Paginator): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$user): $mod = ($i % 2 );++$i;?>
<!--name="list"将$list数组传了过来，$user是每次遍历的数组的元素-->
    <div class="container" style="border: 1px black dashed">
        <ul>
            <li>id:<?php echo $user['id']; ?></li>
            <li>名字:<?php echo $user['name']; ?></li>
            <li>生日:<?php echo $user['birthday']; ?></li>
            <li>邮箱:<?php echo $user['email']; ?></li>
        </ul>
    </div>
<?php endforeach; endif; else: echo "" ;endif; ?>

<span style='color:#fb7299'>eg2：分页展示用户数据</span>

在以上的 控制器代码中，将第一行改为:

$list = User::paginate(2);     //每页展示两条数据

view在{/volist}末尾加：

{$list->render()}

会在下面生成页面跳转底部导航

​ 另一种方式：$page = ​$list->render();

临时文件：

<?php echo $list->render(); ?>

url会在后面自动加上?page=1 ?page=2...
最后生成的html元素：

<ul class="pagination">
    <li class="disabled"><span>«</span></li> 
    <li class="active"><span>1</span></li>
    <li><a href="/tp5_02/public/index?page=2">2</a></li> 
    <li><a href="/tp5_02/public/index?page=2">»</a></li>
</ul>

配置文件中对于分页的配置在代码最下面：

//分页配置
'paginate'               => [
    'type'      => 'bootstrap',
    'var_page'  => 'page',
    'list_rows' => 15,

其实的type是指分页的样式文件在这个文件夹下

"D:\code\phpSstudy\WWW\tp5_02\thinkphp\library\think\paginator\driver\Bootstrap.php"

官方关于分页的文档：https://www.kancloud.cn/manual/thinkphp5/154294

一个分页样式：http://www.thinkphp.cn/code/3000.html

<div style='border: 1px black dashed;'>
1.假设这里有3数据，当前展示第一页时，paginate获取的是前两条数据，因此count为2，页面就显示：用户列表 2
当前展示第二页时页面就显示：用户列表 1



2.list返回的是配置中type对应的thinkphp\library\think\paginator\driver\Bootstrap.php的类
</div>

公共模板：

1.

加载头部模板和尾部模板

{include file="index/header"/}
//html+php代码
{include file="index/footer"/}

生成的临时文件就是将文件代码拼切起来在第一行写上：

<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:78:"D:\code\phpSstudy\WWW\tp5_02\public/../application/index\view\index\index.html";i:1555132297;s:69:"D:\code\phpSstudy\WWW\tp5_02\application\index\view\Index\header.html";i:1555132224;s:69:"D:\code\phpSstudy\WWW\tp5_02\application\index\view\Index\footer.html";i:1555132265;}*/ ?>

模板路径配置：将默认的路径'../application/index/view/'改为'../template/home/'

// 模板路径
//'view_path'    => '',
'view_path'    => '../template/home/',

PS：其下(这里的是home)的文件夹首字母一般大写

模板传参：

​ 模板变量声明[title]

​ 引用：

{include file="index/header" title="maid"/}

2.使用布局

（1）.直接使用布局

在view下直接加一个html文件：

{include file="index/header"/}
{__CONTENT__}
{include file="index/footer"/}

使用布局：

{layout name="layout"}   //name是html文件名

（2）.全局配置，默认加载布局文件

//没有选项就添加
'layout_on'     =>  true,
'layout_name'   =>  'layout',
'layout_item'   => '{__CONTENT__}',

这种情况下某个页面排除默认布局：

{__NOLAYOUT__}

标签定制

// 标签库标签开始标记
'taglib_begin' => '{',
// 标签库标签结束标记
'taglib_end'   => '}',

如果换成“<”和">"，那么模板引擎需要这么写：

<volist name="list" id="user">
<!--todo-->
</volist>

一般不建议修改

输出替换

在控制器中模板解析之前：

$this->view->replace(['/Public' => '/static'])//解析时将模板中的'/Public'替换成'/static'
return $this->fetch();

加到控制器中可以自动在本控制器的每个方法使用：

public function __construct()
{
    parent::__construct();
    $this->view->replace(['用户列表' => 'maid']);
}