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

静态文件转动态程序

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

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

准备材料

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、这个时候一个简单的网站就制作好了。

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

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

    分享给朋友:

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

    团队介绍模块制作

    团队介绍模块制作

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

    网站常见引用

    网站常见引用

    一、ico图标ico图标,又名favicon,即Favorites Icon的缩写,是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。上传一张图片,可以是ico格式。也可以是svg或png等格式。然后在页面引用这个图片在<head>模块引用方法,通常位于<title>...

    通过《通义灵码》生成想要的功能

    通过《通义灵码》生成想要的功能

    通义灵码(TONGYI Lingma)是一款强大的智能编码助手,能够帮助开发者在编写代码时提高效率和质量。要使用它来生成特定功能。我们来实现下下面的功能。功能:使用HTML5拖放API实现购物车拖放效果,如图所示:一、确认问题通义灵码目前是不支持发送图片的,我们需要把功能上没写,但图片上有的功能一并...

    后台地址与找回密码

    网站默认后台地址:域名/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...

    如何在zblog网站引用第三方视频

    如何在zblog网站引用第三方视频

    启用插件后,在文章编辑页面右侧栏中找到“添加 iframe 视频”按钮,点击后弹出对话框,在对话框中粘贴复制好的 iframe 代码,选择要展示的宽高比例、以及是否进行 HTML5 格式化,点击“插入”即可。如果无法预览视频,请到设置中添加对应的 CSP 域名。展示宽高比例是指 iframe 的宽高...