得推企业网站模板开发教程之公共页面制作
查看视频教程或者获取有关《得推企业网站模板开发教程》更多信息

公共页面包括head.html  ftnav.html  footer.html四个文件

一、模板页面正常结构

<!DOCTYPE html>
<html>
	{include file="head.html"}
	<body>
		<div class="header">
		    <div class="header-title">deituiCms</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			内容
		</div>
		{include file="ftnav.html"}
		{include file="footer.html"}
		
	</body>
</html>

二、head.html  head部分

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
{if !$site}
{get data=site model=site fun=get()}
{/if}
<title>{if $seo}{$seo.title}{else}{$site.title}{/if}</title>
<meta name="description" content="{if $seo}{$seo.description}{else}{$site.description}{/if}" />
	<link href="//at.alicdn.com/t/font_811242_4k6v9f174g7.css" rel="stylesheet">
<link href="/plugin/dt-ui/dt-ui-h5.css?v3" rel="stylesheet" />
<link href="{$skins}css/app.css" rel="stylesheet" />
</head>

三、ftnav.html

<div class="footer-row"></div>
{get data=sets model=table_data fun=getData("const")}
<div class="footer">
	<a href="/" class="footer-item icon-home {if $ftnav eq 'index'}footer-active{/if}">
		首页
	</a>
	<a href="/index.php?m=article&a=list&catid={$sets.productCatid}" class="footer-item icon-goods {if $ftnav eq 'product'}footer-active{/if}">
		产品
	</a>
	<a href="/index.php?m=article&a=list&catid={$sets.articleCatid}" class="footer-item icon-goods {if $ftnav eq 'article'}footer-active{/if}">
		资讯
	</a>
	 
	<a href="/index.php?m=article&a=show&id={$sets.aboutID}" class="footer-item icon-info  {if $ftnav eq 'aboutus'}footer-active{/if}">
		公司简介
	</a>
	 
</div>



四、footer.html 底部引入js

<script src="/plugin/jquery/jquery-2.1.3.min.js"></script>
<script src="/plugin/dt-ui/dt-ui-h5.js"></script>

<script src="/static/js/pv.js"></script>
<?php wx_jssdk();?>