当前位置:首页 > web实践 > 正文内容

公共模块拆分和核心标签调用

唐朝1年前 (2025-01-18)web实践964

将公共模块拆分是一个良好的软件工程实践,有助于提高代码的可维护性、可重用性和可测试性。

以下是如何进行公共模块拆分的步骤:

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、完

    文档如有描述不清楚、错误或者过时的地方,欢迎留言指出。

    文档、教程内容会不定时更新,转载请标明原帖链接,以免让过时的教程流入网络。

    分享给朋友:

    “公共模块拆分和核心标签调用” 的相关文章

    萌系返回顶部

    萌系返回顶部

            一款创新且富有情感化交互设计的小功能,专为提升用户体验而精心打造。该功能会在用户浏览网页内容并向下滚动至预设阈值高度时,在网页右下角自动显现一个生动可爱的小人图标。这一设计旨在吸引用户的注意力,并提供返回...

    今天吃什么

    今天吃什么

    "今天吃什么"是一款极具趣味性的在线餐饮决策助手,旨在为面对琳琅满目美食选项而犹豫不决的用户,提供轻松愉快的随机推荐体验。该产品以简洁明快的网页界面呈现,只需轻点鼠标,即可在瞬间为用户揭晓今日餐单,让日常饮食选择变得简单又充满惊喜。所运用的知识点1、使用document.quer...

    Banner需求提交界面

    Banner需求提交界面

    背景图加表单文本居中1、构造HTML结构使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,然后设置语言和标题。<!DOCTYPE html> <html lang="zh-Hans">...

    团队介绍模块制作

    团队介绍模块制作

    以结构化、直观的方式展示团队成员的基本信息,包括头像、姓名、职务及简要工作经历等。后续可以通过设置链接,用户可以方便地访问成员的详细资料,增强了页面的信息传递效率和交互性。同时,模块设计兼顾了响应式布局,确保在各类设备上的良好用户体验。一、构造HTML结构使用!DOCTYPE html声明文档类型,...

    后台地址与找回密码

    网站默认后台地址:域名/zb_system/login.php如何修改后台地址在应用中心下载并安装插件《后台快捷方式》,即可自定义后台地址。下次访问的时候直接使用自己的自定义地址即可找回密码下载重置文件《https://update.zblogcn.com/tools/nologin.zip》,解压...

    h5网站添加统计代码

    1、进入百度统计官方网站 https://tongji.baidu.com/2、登录账户3、在控制面板界面,点击《使用配置》4、在《使用配置》左侧导航的《网站列表》界面,点击《添加站点》5、输入以下信息网站域名: 格式 b9b31053.idc.wod.xyz网站首页:格式&nb...