<!--base.html-->

<!DOCTYPE html>

<html lang="en">

<head>

    <!--html中的包含关系-->

    {% block head %}

        {% include ['includes/_head.html', 'include/_metas.html'] %}

    {% endblock head %}

</head>

<body>

    <!--页头-->

    <header>{% block header %}{% endblock header %}</header>

    <!--block作用域问题，内层block调用外面的item-->

    {% for item in items %}

        <li>{% block loop_item scoped %}{{ item }}{% endblock loop_item %}</li>

    {% endfor %}

    <!--页体-->

    <div>{% block content %}{% endblock content %}</div>

    <!--页脚-->

    <footer>

        {% block footer %}

            Copyright 2018 by <a href="www.baidu.com">Baidu</a>

        {% endblock footer %}

    </footer>

</body>

</html>

<!--index.html-->

<!--继承父页面-->

{% extends 'base.html' %}

<!--宏-->

{% macro input(name, value='', type='text', size=20) %}

    <input type="{{ type }}" name="{{ name }}" value="{{ value }}" size="{{ size }}"/>

{% endmacro %}

<!--宏引入-->

{% import '_marcos.html' as ui %}

<!--title-->

{% block title %}{{ title }}{% endblock title %}

<!--content-->

{% block content %}

{% set links=[

    ("home", url_for(".index")),

    ("about", url_for(".about")),

    ("service", url_for(".service")),

    ("project", url_for(".project")),

    ] %}

<nav>

    {% for label, href in links %}

        {% if not loop.first %} | {% endif %}

        <a href="{{ href }}">{{ label }}</a>

    {% endfor %}

</nav>

    <!--重复使用变量-->

    <h1>{{ self.title() }}</h1>

    {{ input('username') }}

    {{ input('password', type='password') }}

{% endblock content %}

<!--footer-->

{% block footer %}

    <hr>

    <!--改写父类方法，且不覆盖父类-->

    {{ super() }}

{% endblock footer %}

jinja语法的更多相关文章

  1. jinja 语法 - 整型转字符串

    大多数 jinja 相关的问题,其实查文档就解决了,但后来遇到这个问题,使得我把 jinja 官方文档,api.样例等,认真读了个遍= =. 发现没有直接的办法可以将整型转为字符串,对于需要进行字符串 ...

  2. Python之路【第十五篇】WEB框架

    WEB框架本质 Python的WEB框架分为两类: 1.自己写socket,自己处理请求 2.基于wsgi(Web Server Gateway Interface WEB服务网关接口),自己处理请求 ...

  3. 22.python笔记之web框架

    一.web框架本质 1.基于socket,自己处理请求 #!/usr/bin/env python3 #coding:utf8 import socket def handle_request(cli ...

  4. saltstack实战3--配置管理之pillar

    数据系统-Pillar pillar和grains类似,但是它能给minion指定它想要的数据,安全性较好,另外它是在master端设置的   应用场景: grains的特性–每次启动汇报.静态决定了 ...

  5. web框架python

    22.python笔记之web框架   一.web框架本质 1.基于socket,自己处理请求 #!/usr/bin/env python3 #coding:utf8 import socket de ...

  6. Ansible详解（二）

    Ansible系列命令 Ansible系列命令有如下: ansible:这个命令是日常工作中使用率非常高的命令之一,主要用于临时一次性操作: ansible-doc:是Ansible模块文档说明,针对 ...

  7. 【Saltstack】Saltstack简单说明

    [Saltstack] Saltstack是一个服务器集中管理中心平台,可以帮助管理员轻松的对若干台服务器进行统一操作.类似的工具还有Ansible,Puppet,func等等.相比于这些工具,sal ...

  8. python学习之路web框架

    WEB框架的本质 python的WEB框架分为两大类: 1.自己写socket,自己处理请求 2.基于wsgi(Web Server Gateway Interface WEB服务网关接口),自己处理 ...

  9. python中前后端通信方法Ajax和ORM映射（form表单提交）

    后端从数据库获取数据给到前端: 第一种方式: admin.py文件代码: @admin.route('/showList') def show(): # 获取数据库所有文章数据,得到一个个对象 res ...

随机推荐

  1. Comparable与Comparator区别

    两者都是比较接口 void sort(List<Comparable>); Sorts the specified list in ascending natural order. The ...

  2. Ilya Sutskever

    中文名:伊利亚 莎士科尔 早期: 加拿大多伦多大学,Hinton实验室,2005年至2012年 博士后: 斯坦福大学,Andrew实验室,2012年11月到2012年12月 工作: 谷歌,2013年3 ...

  3. SAP MM/FI 自动过账实现 OBYC 接口执行

    一. 自动过账原理 在MM模块的许多操作都能实现在FI模块自动过账,如PO收货.发票验证(LIV).工单发料.向生产车间发料等等.不用说,一定需要在IMG中进行配置才可以实现自动处理.但SAP实现的这 ...

  4. visual studio运行时库MT、MTd、MD、MDd 的区别

    msdn上面的解释: MT:mutithread,多线程库,编译器会从运行时库里面选择多线程静态连接库来解释程序中的代码,即连接LIBCMT.lib库 MTd:mutithread+debug,多线程 ...

  5. Linux及Windows系统配置JDK环境变量

    1.Linux系统配置方法 记住,要下载JDK-8u121-linux-x64.tar.gz,而不是JRE-8u121-linux-x64.tar.gz,JDK中含很多开发者实用工具,比如javac. ...

  6. POI设置Word页边距

    参考资料:http://stackoverflow.com/questions/17787176/spacing-and-margin-settings-in-word-document-using- ...

  7. Oracle表明明存在SQL查询数据提示表不存在异常

    今天同事遇到一个很奇怪的问题,恢复了一个数据库,表明明存在,用PLSQL和sqlplus都试过了,SQL语句select * from 表名,查询数据,却提示表名不存在异常 然而,使用select * ...

  8. 分享8款令人惊叹的HTML5 Canvas动画特效

    HTML5的确可以制作出非常绚丽的网页动画效果,尤其是利用HTML5 Canvas特性和HTML5 3D特性,我们更加可以欣赏到超酷的动画特效.今天我从html5tricks网站上整理了8款令人惊叹的 ...

  9. php + crontab 执行定时任务

    1.yii2中的console <?php /** * @link http://www.yiiframework.com/ * @copyright Copyright (c) 2008 Yi ...

  10. post processing