欢迎光临
我们一直在努力

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)

点击此处获取更多金融后续培训参考答案