ThinkPHP6，视图的安装及模板渲染和变量赋值 view::fetch() ，view::assgin() ，助手函数

2023-08-31 22:04

短信预约 -IT技能 免费直播动态提醒

ThinkPHP6，视图的安装及模板渲染和变量赋值

tp6视图功能由\think\View类配合视图驱动（也即模板引擎驱动）类一起完成，新版仅内置了PHP原生模板引擎（主要用于内置的异常页面输出），如果需要使用其它的模板引擎需要单独安装相应的模板引擎扩展。

使用think-template模板引擎，只需要安装think-view 模板引擎驱动。

composer require topthink/think-view

视图相关的配置在配置目录的view.php配置文件中进行定义。

通常可以直接使用think\facade\View来操作视图。

视图的安装

首先，我们切换到tp6框架安装的目录，然后通过cmd命令窗口（composer require topthink/think-view）将think-view模板引擎驱动安装。

在这里插入图片描述

不出意外，安装成功！

模板渲染和变量赋值

在安装好think-view后，我们就可以使用控制器来将不同的请求转到不同的视图了，并且可以传递一些参数过去。比如在原有的index.php控制器中，修改对应的一些方法，然后返回不同的视图，(最常用的是 view::fetch() view::assign() )。

首先来看下view.php中的源码:

    declare (strict_types = 1);namespace think\facade;use think\Facade;class View extends Facade{        protected static function getFacadeClass()    {        return 'view';    }}

1. view::fetch()

view::fetch() 的方法，如果不填写参数的话，则默认会查找当前项目的view视图目录，然后再根据控制器/方法名.html找到对应的html页面。

namespace app\controller;use app\BaseController;use think\facade\View; // 使用模板引擎class Index extends BaseController{    public function index()    {        // 按照默认的视图解析流程        // 找到当前目录下的view视图目录        // 规则是 控制器名(小写+下划线)/方法名.html        return view::fetch();    }    public function hello($name = 'ThinkPHP6')    {        return 'hello,' . $name;    }    public function home(){        return view::fetch();    }}

因为上面只有两个方法返回了视图层，所以新建两个对应的html页面（view/index/home.html 和 view/index/index.html）。

在这里插入图片描述

view/index/home.html

DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Titletitle>head><body>  <h2>我是home页h2>body>html>

view/index/index.html

DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Titletitle>head><body>    <h1>我是index页h1>body>html>

接下来，到浏览器中访问，看是否配置正确

在这里插入图片描述

通过view::fetch() 传入参数，并且通过前端进行渲染

在这里插入图片描述

namespace app\controller;use app\BaseController;use think\facade\View; // 使用模板引擎class Login extends BaseController{    public function login()    {        // view::fetch('视图名',[传递参数列表])        return view::fetch('login',[             'name'=>'小白',             'gender'=>'男',             'phone'=>'17789120921'        ]);    }}

创建对应的前端页面 view/login/login.html

DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Titletitle>head><body><div>    <p>{$name}p>    <p>{$gender}p>    <p>{$phone}p>div>body>html>

2. view::assgin()

使用view::assgin() 方法进行全局模板变量赋值，通过{$键}的方式来模板输出。

对上面的login.php控制器进行修改，如下：

namespace app\controller;use app\BaseController;use think\facade\View; // 使用模板引擎class Login extends BaseController{    public function login()    {        // view::fetch('视图名',[传递参数列表])        return view::fetch('login',[             'name'=>'小白',             'gender'=>'男',             'phone'=>'17789120921'        ]);    }    // 新增 view::assign()    public function login2(){        view::assign('name','小黑');        view::assign('gender','女');        view::assign('phone','15025679910');        // 这里我们将Login2的渲染页面也指定为login.html        return view::fetch('login');    }}

在这里插入图片描述

3. 助手函数

助手函数不建议使用，效率较低，实际上它是view::fetch() 和 view::assgin() 的组合封装

如下：

namespace app\controller;use app\BaseController;use think\facade\View; // 使用模板引擎class Login extends BaseController{    public function login()    {        // view::fetch('视图名',[传递参数列表])        return view::fetch('login',[             'name'=>'小白',             'gender'=>'男',             'phone'=>'17789120921'        ]);    }    // 新增 view::assign()    public function login2(){        view::assign('name','小黑');        view::assign('gender','女');        view::assign('phone','15025679910');        // 这里我们将Login2的渲染页面也指定为login.html        return view::fetch('login');    }    // 新增 助手函数    public function login3(){        return view('login',[            'name'=>'小帅',            'gender'=>'男',            'phone'=>'19723911071'        ]);    }}