• Welcome to Journal web site.
首页 关于 博客 留言 联系
首页 关于 博客 留言 联系

我是 PHP 程序员

- 开发无止境 -

Next
Prev

ThinkPHP6 视图

Data: 2020-03-09 23:11:40Form: JournalClick: 9

# ThinkPHP6 视图

  • 模板引擎支持普通标签和XML标签方式两种标签定义，分别用于不同的目的
标签类型描述
普通标签主要用于输出变量、函数过滤和做一些基本的运算操作
XML标签也称为标签库标签，主要完成一些逻辑判断、控制和循环输出，并且可扩展

# 一、运算符 (自学)

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

controller文件

public function index(){
    View::assign('a',100);
    View::assign('b',21);
    return View::fetch();
}

view文件

<div>{$a+$b}</div>
<div>{$a-$b}</div>
<div>{$a*$b}</div>
<div>{$a/$b}</div>
<div>{$a%$b}</div>
<div>{$a++}</div>
<div>{++$a}</div>
<div>{$a--}</div>
<div>{--$a}</div>
<div>{$c ? '存在' : '不存在'}</div>

# 二、模版函数 (自学)

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

controller文件

public function index(){
    View::assign('time',1576048640);
    View::assign('num',10.0032);
    View::assign('str','OUyangKE');
    View::assign('arr',[
        '朱老师',
        '欧阳克',
        '西门大官人'
    ]);
    return View::fetch();
}

view文件

<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 标签的用法和PHP语法非常接近，用于循环输出数组或者对象的属性

controller文件

public function index(){
    $arr = [
        [
            'id' => 1,
            'name' => '欧阳克'
        ],
        [
            'id' => 2,
            'name' => '朱老师'
        ],
        [
            'id' => 3,
            'name' => '西门大官人'
        ]
    ];
    View::assign('arr',$arr);
    return View::fetch();
}

view文件

{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 如果数据为空，显示此文字

view文件

{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 标签的用法和PHP语法非常接近，用于条件判断

controller文件

public function index(){
    View::assign('status',1);
    View::assign('order_status',4);
    return View::fetch();
}

view文件

{if $status == 1}
    <div>开启</div>
{/if}

{if $status == 0}
    <div>关闭</div>
{else/}
    <div>开启</div>
{/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 标签的用法和PHP语法非常接近，用于条件判断

view文件

{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)

view文件，把头部和尾部分文件

{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" /}

# 八、其他标签（自学）

# 1、条件标签

标签描述
in判断变量是否存在某些值
notin判断变量是否不存在某些值
between判断变量是否存在某些值
notbetween判断变量是否不存在某些范围值
present判断某个变量是否 已定义
notpresent判断某个变量是否 未定义
empty判断某个变量是否为空
notempty判断某个变量是否不为空
defined判断某个常量是否 已定义
notdefined判断某个常量是否 未定义
public function index(){
    View::assign('number',100);
    View::assign('string','');
    return View::fetch();
}

{in name="number" value="99,100,101"}
    number等于99，100，101任意一个值
{/in}
{notin name="number" value="99,100,101"}
    number不等于99，100，101任意一个值
{/notin}

{between name="number" value="1,10"}
    number等于1 到 10 之间的任意一个值
{/between}
{notbetween name="number" value="1,10"}
    number不等于1 到 10 之间的任意一个值
{/notbetween}

{present name="number"}
    number已经定义
{/present}
{notpresent name="n"}
    n还没有定义
{/notpresent}

{empty name="string"}
    name为空值
{/empty}
{notempty name="string"}
    name有值
{/notempty}

{defined name="NAME"}
    NAME常量已经定义
{/defined}
{notdefined name="NAME"}
    NAME常量未定义
{/notdefined}
  • 条件标签，可以增加else标签
{in name="number" value="99,100,101"}
    number等于99，100，101任意一个值
{else/}
    number不等于99，100，101任意一个值
{/in}

# 2、比较标签

标签描述
eq等于
neq不等于
gt大于
egt大于等于
lt小于
elt小于等于
heq恒等于
nheq恒不等于
public function index(){
    View::assign("number",100);
    View::assign("string","欧阳克");
    return View::fetch();
}

{eq name="number" value="100"}
    number 等于 100
{/eq}

{neq name="number" value="101"}
    number 不等于 101
{/neq}

{gt name="number" value="33"}
    number 大于 33
{/gt}

{egt name="number" value="100"}
    number 大于等于 100
{/egt}

{lt name="number" value="200"}
    number 小于 200
{/lt}

{elt name="number" value="100"}
    number 小于等于 100
{/elt}

{heq name="string" value="欧阳克"}
    string 恒等于 欧阳克
{/heq}

{heq name="string" value="朱老师"}
    string 恒不等于 朱老师
{/heq}

# 3、循环标签

标签描述
for计数循环
  • start：开始值
  • end：结束值
  • step：步进值，默认1
  • name：循环变量名，默认i
{for start="1" end="50" step="5" name="i"}
    {$i}<br/>
{/for}

# 4、杂项标签

标签描述
literal原样输出，防止模板标签被解析
php使用原生php代码，可以在模板文件里面书写任意的PHP语句代码
{literal}
    {$name} 这里$name不会被当作变量，而是普通字符
{/literal}

{php}
    echo '欧阳克';
{/php}

# 九、示例

controller代码

namespace app\controller;
use think\facade\View;
class Index{
    public function index(){
        $title = '商城';
        $login = '欧阳克';
        $left = [
            [
                'title' => '商品管理',
                'lists' => [
                    [
                        'id' => 1,
                        'title' => '商品列表',
                    ],
                    [
                        'id' => 2,
                        'title' => '商品分类',
                    ]
                ]
            ],
            [
                'title' => '用户管理',
                'lists' => [
                    [
                        'id' => 3,
                        'title' => '用户列表',
                    ],
                    [
                        'id' => 4,
                        'title' => '购物车',
                    ],
                    [
                        'id' => 5,
                        'title' => '用户地址',
                    ],
                    [
                        'id' => 6,
                        'title' => '订单管理',
                    ]
                ]
            ],
            [
                'title' => '后台管理',
                'lists' => [
                    [
                        'id' => 7,
                        'title' => '管理员列表',
                    ],
                    [
                        'id' => 8,
                        'title' => '个人中心',
                    ],
                    [
                        'id' => 9,
                        'title' => '左侧菜单列',
                    ]
                ]
            ]
        ];
        $right = [
            [
                'id' => 1,
                'title' => '熙世界2019秋冬新款长袖杏色上衣连帽宽松刺绣文艺落肩袖加厚卫衣BF风',
                'cat' => '女装',
                'price' => 189,
                'discount' => 6,
                'status' => 1,
                // 'status' => '开启',
                'add_time' => '2019-12-12',
                // 'add_time' => '1576080000'
            ],
            [
                'id' => 2,
                'title' => '秋水伊人双面呢冬装2019年新款女装气质西装领撞色羊毛大衣外套女',
                'cat' => '女装',
                'price' => 699,
                'discount' => 7,
                'status' => 1,
                // 'status' => '开启',
                'add_time' => '2019-12-12',
                // 'add_time' => '1576080000'
            ],
            [
                'id' => 3,
                'title' => '微弹中高腰直脚牛仔裤男',
                'cat' => '男装',
                'price' => 179,
                'discount' => 8,
                'status' => 0,
                // 'status' => '开启',
                'add_time' => '2019-12-12',
                // 'add_time' => '1576080000'
            ],
            [
                'id' => 1,
                'title' => '男士长袖t恤秋季圆领黑白体恤T 纯色上衣服打底衫',
                'cat' => '男装',
                'price' => 99,
                'discount' =>
journal I'm Developers.
Copyright © 2014-2024 Guojunjie.com.
All screenshots © 郭俊杰(Journal).
I have been in Xiamen,China.
Website Establishment by Journal.
闽ICP备12018326号-2
Name:
<提交>