得推企业网站模板开发教程之公共页面制作
公共页面包括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();?>