模板加载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}