欢迎光临
我们一直在努力

ThinkPHP学习笔记——模板加载静态文件及继承

模板加载js和css文件

方法在config/view.php中添加模板输出替换的字段

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

在模板中引入即可使用

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

或者

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

{load}方法可以一次加载多个文件,用逗号分割,或者将{load}方法替换为{js}、{css}方法单独使用,增强代码可读性。

模板的继承,这个和python中jinja2的比较相似,先建立一个base.html的模板,然后再模板中设置各种block,然后再子模板中继承base后,再根据block块重新定义样式即可.

<!--base.html-->
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$title)</title>
<meta name="keywords"content="[keywords ]"
{load href="CSS_/basic.css"}
{load href="Js_/basic.js"}
</head>
<body>
{block name="body"}这里是主体部分{/block}
{block name="nav"}这里将引入其它文件{/block}
</body>
</html>
<!--block.html-->
{extend name="public/base"}
{block name="body"}
<div>
这里是主体部分
</div>
{/block}
(block nam="nav"}
{include file="public/nav")
{/block}
赞(0) 打赏
未经允许不得转载:侯建方的个人网站 » ThinkPHP学习笔记——模板加载静态文件及继承

更好的WordPress主题

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册