Thinkphp 6.0模版的加载包含输出

本节课我们来学习一下模版标签中的文件的包含、输出以及加载。


一.包含文件


1. 使用{include}标签来加载公用重复的文件,比如头部、尾部和导航部分;
2. 在模版 view 目录创建一个 public 公共目录,分别创建 header、footer 和 nav;
3. 然后创建 Block 控制器,引入控制器模版 index,这个模版包含三个公用文件;

{include file='public/header,public/nav'/}


4. 也可以包含一个文件的完整路径,包括后缀,如下:

{include file="../view/public/nav.html"/}


5. 模版的标题和关键字,可以通过固定的语法进行传递;
6. 对于标题,在控制器先设置一下标题变量,然后设置{include}设置属性;

{include file='public/header' title='$title' keywords='关键字'/}


7. 切换到 public/header.html 模版页面,使用[xxx]的方式调用数据;
 

<title>[title]</title>
<meta name="keywords" content="[keywords]" />


二.输出替换


1. 有时,我们需要调用一些静态文件,比如 css/js 等;
2. 那么,直接写完整路径,比较繁长,可以把这些路径整理打包;
3. 在目前二级目录下,view.php 中,配置新增一个参数;

// 模版替换输出
'tpl_replace_string' => [
'__JS__' => '../static/js',
'__CSS__' => '../static/css',
]


4. html 文件调用端,直接通过__CSS__(__JS__)配置的魔术方法调用即可;

<link rel="stylesheet" type="text/css" href="__CSS__/basic.css">
<script type="text/javascript" src="__JS__/basic.js"></script>


5. 在测试的时候,由于是更改的配置文件刷新,每次都要删除编译文件才能生效;


三.文件加载


1. 传统方式调用 CSS 或 JS 文件时,采用 link 和 script 标签实现;
2. 系统提供了更加智能的加载方式,方便加载 CSS 和 JS 等文件;
3. 使用{load}标签和 href 属性来链接,不需要设置任何其它参数;

{load href='__CSS__/basic.css'/}
{load href='__JS__/basic.js'/}


2. 也支持 href 多属性值的写法,如下:

{load href='__CSS__/basic.css, __JS__/basic.js'}


3. {load}还提供了两个别名{js}、{css}来更好的实现可读性;

{js href='__JS__/basic.js'}
{css href='__CSS__/basic.css'}


4. {js}和{css}只是别名而已,识别.js 还是.css 是根据后缀的;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值