公共模块拆分和核心标签调用
将公共模块拆分是一个良好的软件工程实践,有助于提高代码的可维护性、可重用性和可测试性。
以下是如何进行公共模块拆分的步骤:
1、创建header.php(公共头部)
网站的每个页面都有head标签。
将c_index.php页面head标签里面的内容放置到header.php文件内。
//案例代码
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WEB前端开发</title>
<link rel="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.css?{$themeinfo['modified']}">把<title>WEB前端开发</title>换成
<title>{$name}-{$title}</title>在header.php尾部添加代码
<script src="{$host}zb_system/script/jquery-latest.min.js?v={$version}"></script>
<script src="{$host}zb_system/script/zblogphp.js?v={$version}"></script>
<script src="{$host}zb_system/script/c_html_js_add.php?hash={$html_js_hash}&v={$version}"></script>
{$header}依次回到c_index.php、c_list.php、single.php页面,把head标签的内容换成
<head>
{template:header}
</head>将
2、创建footer.php(公共头部)
观看现有界面底部的布局,在前台界面通过右键检查查看代码,找到底部的公共代码。将内容放置到footer.php文件内。
//案例代码 <footer> <p>@2025 web前端开发</p> </footer>
将“@2025 web前端开发”换成动态标签,通过后台的“版权说明”控制。修改代码为
<footer>
<p>{$copyright}</p>
</footer>在footer.php尾部添加代码
{$footer}依次回到c_index.php、c_list.php、single.php页面,把公共的底部代码内容换成
{template:footer}5、创建c_head.php(公共顶部)
观看现有界面底部的布局,在前台界面通过右键检查查看代码,找到顶部的公共代码。将内容放置到c_head.php文件内。
//案例代码 <header> <h1>HTML+CSS简易首页制作</h1> </header> <!-- 导航 --> <nav> <ul> <li><a href="http://zblog.cm/">首页</a></li> <li> <a href="#">作业演示</a> <ul class="dropdown"> <li><a href="#">演示1</a></li> <li><a href="#">演示2</a></li> <li><a href="#">演示3</a></li> </ul> </li> <li><a href="http://zblog.cm/category-1.html">学习笔记</a></li> <li><a href="http://zblog.cm/2.html">关于</a></li> </ul> </nav>
依次回到c_index.php、c_list.php、single.php页面,把公共的顶部代码内容换成
{template:c_head}4、拆分single.php
新建post-page.php(单页)和post-single.php(文章内页)文件。
//案例代码
<main>
<section>
<h2 id="article-title">{$article.Title}</h2>
<p id="article-content">{$article.Content}</p>
</section>
</main>将single.php文件内的主体部分复制到post-page.php和post-single.php文件内容。
然后将single.php文件内的主体部分换成
{if $article.Type==ZC_POST_TYPE_ARTICLE}
{template:post-single}
{else}
{template:post-page}
{/if}在post-single.php文件合适的位置添加发布时间、作者、分类和浏览器
<main>
<section>
<h2 id="article-title">{$article.Title}</h2>
<p>作者:{$article.Author.StaticName} 分类:{$article.Category.Name} 浏览:{$article.ViewNums}</p>
<p id="article-content">{$article.Content}</p>
</section>
</main>5、完
文档如有描述不清楚、错误或者过时的地方,欢迎留言指出。
文档、教程内容会不定时更新,转载请标明原帖链接,以免让过时的教程流入网络。





