ThinkPHP 模板视图渲染

最新推荐文章于 2023-09-17 03:05:35 发布

转载最新推荐文章于 2023-09-17 03:05:35 发布 · 2.3k 阅读

8 ·

CC 4.0 BY-SA版权

原文链接：https://www.php.cn/course/1086.html

php 专栏收录该内容

3 篇文章

订阅专栏

安装视图

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

composer require topthink/think-view

视图目录可以在根目录，也可以在app应用目录（即在根目录或app目录下创建view文件夹）

引用模版渲染

要使用View，必须先引入 think\facade\View 门面类
fetch 方法渲染页面

controller代码 >> index.php

<?php
namespace app\controller;

use think\facade\View;

class Index{
    public function index(){
        return View::fetch();
    }
}

view代码

一个控制器的接口文件（index.php）需要对应view下同名目录中的一个同名HTML文件。

即：

创建文件：view/index/index.html，与控制器中的接口文件对应，这样控制器接口文件中的渲染代码便会找到这个HTML模板进行渲染。

模版变量

assign 方法赋值属于全局变量赋值
模版输出 {$name}

controller代码

<?php
namespace app\controller;
use think\facade\View;
class Index{
    public function index(){
        // 模板变量赋值
        View::assign('name','欧阳克');
        View::assign('email','oyk@php.cn');
        // 或者批量赋值
        View::assign([
            'name'  => '欧阳克',
            'email' => 'oyk@php.cn'
        ]);
        // 模板输出
        return View::fetch();
    }
}

view代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ThinkPHP6</title>
</head>
<body>
    姓名：{$name}
    <br>
    邮箱：{$email}
</body>
</html>

变量运算符

运算符	示例
+	{$a+$b}
-	{$a-$b}
*	{$a*$b}
/	{$a/$b}
%	{$a%$b}
++	{$a++} 或 {++$a}
--	{$a--} 或{--$a}
综合运算	{$a+$b*10+$c}
三元运算符	{$a==$b ? 'yes' : 'no'}

模版函数

方法	描述
date	日期格式化（支持各种时间类型）
format	字符串格式化
upper	转换为大写
lower	转换为小写
first	输出数组的第一个元素
last	输出数组的最后一个元素
default	默认值
raw	不使用（默认）转义
md5	md5加密
substr	截取字符串

<div>{$time|date='Y-m-d H:i:s'}</div>
<div>{$num|format='%02d'}</div>
<div>{$str|upper}</div>
<div>{$str|lower}</div>
<div>{$arr|first}</div>
<div>{$arr|last}</div>
<div>{$default|default="欧阳克"}</div>
<div>{$str|substr=0,3}</div>
<div>{$str|md5}</div>
<div>{$str|lower|substr=0,3}</div>

循环标签

foreach

{foreach $arr as $v}
    <div>
        <span>ID：{$v['id']}</span>
        <span>姓名：{$v['name']}</span>
    </div>
{/foreach}

`volist`

二维数组的结果输出
name 模板赋值的变量名称
id 当前的循环变量，可以随意起名
key 下标，从1开始，默认变量i
offset 开始行数
length 获取行数
empty 如果数据为空，显示此文字

{volist name="arr" id="v" key="k"  offset="1" length="2"}
    <div>
        <span>ID：{$v['id']}</span>
        <span>姓名：{$v['name']}</span>
        <span>下标：{$k}</span>
    </div>
{/volist}

`if` 判断标签

{if $order_status == 0}
    <div>未支付</div>
{elseif $order_status == 1/}
    <div>已支付 待发货</div>
{elseif $order_status == 2/}
    <div>已发货 待收货</div>
{elseif $order_status == 3/}
    <div>已收货 待评论</div>
{elseif $order_status == 4/}
    <div>已完成</div>
{/if}

switch判断标签

{switch $order_status}
    {case 0 }<div>未支付</div>{/case}
    {case 1 }<div>已支付 待发货</div>{/case}
    {case 2 }<div>已发货 待收货</div>{/case}
    {case 3 }<div>已收货 待评论</div>{/case}
    {case 4 }<div>已完成</div>{/case}
{/switch}

包含文件

include 标签，引入模版文件
load 标签，引入资源文件(css、js)

{include file="public/header" /}
{include file="public/left" /}

{load href="/static/layui/css/layui.css" /}
{load href="/static/layui/layui.js" /}

{include file="public/tail" /}

其他标签

标签	描述
in	判断变量是否存在某些值
notin	判断变量是否不存在某些值
between	判断变量是否存在某些值
notbetween	判断变量是否不存在某些范围值
present	判断某个变量是否已定义
notpresent	判断某个变量是否未定义
empty	判断某个变量是否为空
notempty	判断某个变量是否不为空
defined	判断某个常量是否已定义
notdefined	判断某个常量是否未定义