美文网首页新手入门ThinkPHP5
关于模板继承的使用

关于模板继承的使用

作者: 小蝎子tt | 来源:发表于2020-02-29 00:21 被阅读0次

模板继承的使用是把html重复的一部分提取出来,比如说首页的导航栏每个页面都有,比如说导航栏需要修改一个内容,当整个项目有30个页面,那就相当于重复工作30次,页面少就无所谓,页面多了,改起来就比较蛋疼了,那么 就把模板继承用起来吧

在对应模块中的view文件根目录下创建一个base.html文件(也就是放公共的html代码);

base.html:

<html>

<head>

<meta http-equiv="Content-Type"content="text/html; charset=utf-8">

<title>{block name="title"}标题{/block}</title>

</head>

<body>

{block name="menu"}菜单{/block}

{block name="left"}左边分栏{/block}

{block name="main"}主内容{/block}

{block name="right"}右边分栏{/block}

{block name="footer"}底部{/block}

</body>

</html>

然后在子模板进行继承base.html文件,子模板就是我们的正常页面html文件

{extend name="base"/}

{block name="title"}{$title}{/block}

{block name="menu"}

<a href="/">首页</a>

<a href="/info/">资讯</a>

<a href="/bbs/">论坛</a>

{/block}

{block name="left"}

{/block}

{block name="main"}

{volist name="list"id="vo"}

<a href="/new/{$vo.id}">{$vo.title}</a>

<br/>{$vo.content}{/volist}

{/block}

{block name="right"}

最新资讯:{volist name="news"id="new"}

<a href="/new/{$new.id}">{$new.title}</a>

<br/>

{/volist}

{/block}

{block name="footer"}

{__block__}

@ThinkPHP 版权所有

{/block}

相关文章

  • 关于模板继承的使用

    模板继承的使用是把html重复的一部分提取出来,比如说首页的导航栏每个页面都有,比如说导航栏需要修改一个内容,当整...

  • Laravel-Blade模板引擎

    Blade模板引擎 Blade模板引擎简介及模板继承的使用 基础语法及include的使用 流程控制 模板中的UR...

  • Django笔记(三) 模板和目录等

    模板 模板路径 //模板路径设置(新版本使用默认??》一般使用默认,有需求时再去设置) 模板继承 {% exten...

  • 静态模版的抽取与引用

    模板继承使用extends标签实现。通过使用block来给子模板开放接口。 1、extends必须是模板中的第一个...

  • Flask基础03

    模板 1 模板的继承 什么是模板的继承​ 模板的继承类似于类的继承,如果一个模板中所出现的大量内容与另一个模板...

  • Tornado框架的模板继承(四)

    一、模板的继承 1、extends{% extends filename %}继承模板,在子模板中会把父模板的所有...

  • Flask框架从入门到精通之模板导入与继承(十八)

    知识点:1、模板导入2、模板继承 一、概况 模板导入就是将另一个模板加载到当前模板中,直接渲染。模板继承和类的继承...

  • django02-url和模板

    Day02 url和模板 1. URL 2. 反向解析 3. 模板 模版继承和bootstrap的使用

  • 2.8 jinja2 模板继承

    模板继承 Flask中的模板可以继承,通过继承可以把模板中许多重复出现的元素抽取出来,放在父模板中,并且父模板通过...

  • 从模板模式、策略模式等优化JDBC代码

    一、使用模板模式优化 使用模板模式主要是利用面向对象的继承特征,即把代码不变的部分放在超类,变化的部分放在子类具体...

网友评论

    本文标题:关于模板继承的使用

    本文链接:https://www.haomeiwen.com/subject/sydjhhtx.html