smarty模板引擎總結五include引入模板

時間 2021-08-13

標籤 javascript php css html java ide 網站 spa 3d 欄目 JavaScript 简体版

原文原文鏈接

smarty靜態模版頁面的引入，{include file="路徑+文件"}路徑計算是以當前的模板文件計算的javascript

首先在/smarty/template/下創建header.html.footer.html文件代碼以下php

header.htmlcss

<!DOCTYPE html>
<html>
<head>
	<title>網站頭部</title>
	<meta charset="utf-8">
	<meta name="keywords" content="">
	<script type="text/javascript" src="./public/Js/xxx.js"></script>
	<link type="text/css" rel="stylesheet" href="./public/Css/common.css" />

</head>
<body>
	<div class="head">這是網站頭部</div>
</body>
</html>

footer.htmlhtml

<!DOCTYPE html>
<html>
<head>
	<title>網站底部</title>
	<meta charset="utf-8">
	<meta name="keywords" content="">
	<script type="text/javascript" src="./public/Js/xxx.js"></script>
	<link type="text/css" rel="stylesheet" href="./public/Css/common.css" />

</head>
<body>
	<div class="foot">這是網站底部</div>
</body>
</html>

其次，在/smarty/public下創建Js,Css,Image三個文件存放文件，Css/common.cssjava

index.htmlide

<!DOCTYPE html>
<html>
<head>
	<title>模板首頁</title>
	<meta charset="utf-8">
	<meta name="keywords" content="">
	<script type="text/javascript" src="./public/Js/xxx.js"></script>
	<link type="text/css" rel="stylesheet" href="./public/Css/common.css" />

</head>
<body>
	<!--include引入模版頁面的路徑注意，header.html,footer.html，和index.html同級，不用./template/header.html-->
	{include file="header.html"}
	<div class="body">
		<h1>這是網站主體部分</h1>
	</div>
	{include file="footer.html"}
</body>
</html>

index.php網站

<?php
	require("./Smarty.inc.php");//引入smarty的初始化文件
	
	
	$smarty->display("index.html"); //這行代碼要放到最後不然會報錯

?>

在IE裏打開index.php的效果ui

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。