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

静态文件转动态程序

唐朝1年前 (2025-01-14)web实践971

这里用首页、列表页和内容页为例,做一个简单的示范。

准备材料

1、静态文件index.html(首页)、list.html(文章列表页)和single.html(文章内页)

2、创建好的zblog主题

步骤

1、在主题页面的template文件下创建index.php,输入代码

{if $type=='index'&&$page=='1'} 
{template:c_index}
{else}
{template:c_list}
{/if}

$type=='index'&&$page=='1'  判断是不是首页

{template:c_index} - 嵌入模板文件 c_index.php 的文件内容。用于存放首页的代码。

{template:c_list} - 嵌入模板文件 c_list.php 的文件内容。用于存放列表页的代码。

2、创建c_index.php,将index.html代码复制进来。

3、创建c_list.php,将list.html代码复制进来。

在页面找到类似代码

<ul>
    <li><a href="news-detail.html?id=1">新闻标题1</a></li>
    <li><a href="news-detail.html?id=2">新闻标题2</a></li>
    <li><a href="news-detail.html?id=3">新闻标题3</a></li>
</ul>

改成

<ul>
    {foreach $articles as $article}
    <li><a href="{$article.Url}">{$article.Title}</a></li>
    {/foreach}
</ul>

也可以去加其他标签,可参考《模板语法汇总》的《single》栏目。

4、创建single.php,将single.html代码复制进来。

将标题改成{$article.Title},内容改成{$article.Content}

如需显示其他内容,可参考《模板语法汇总》的《single》栏目。

5、然后就可以在后台添加分类,添加文章了。

6、然后将添加好的分类添加到导航里面。

7、这个时候一个简单的网站就制作好了。

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

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

    分享给朋友:

    “静态文件转动态程序” 的相关文章

    萌系返回顶部

    萌系返回顶部

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

    今天吃什么

    今天吃什么

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

    固定导航(粘性导航、吸顶导航)

    固定导航,又称粘性导航或吸顶导航,是指网站中的主导航栏在用户滚动页面时,当导航栏到达屏幕顶部或者某个高度时,会自动固定在浏览器窗口的顶部位置,不再随页面内容一起滚动。目的实现固定导航(粘性导航)功能运用到的知识点1、滚动事件监听:使用window.addEventListener('scro...

    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》,解压...