<!--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. 利用altium怎么生成PDF及怎么1：1打印文档

    画完板子之后,还要生成原理图PDF文档,供其他设计人员参考和指正. 上图红框标注的两个地方,分别用于打印预览设置和生成原理图PDF.那么若是生成原理图PDF文档,则选择smart PDF即可. 点击s ...

  2. python numpy的transpose函数用法

    #MXNET的N*C*H*W在numpy打印时比较直观#mxnet卷积层# 输入数据格式是:batch * inchannel * height * width# 输出数据格式是:batch * ou ...

  3. 【转】【VS Code】配置文件Launch及快捷键

     Ctrl+shift+p,然后输入launch,点击第一个选项即可配置. 之后选择More即可 具体配置可修改为: { "version": "0.2.0", ...

  4. Python之Python 安装环境搭建

    方法和步骤: python安装包的下载:http://111.13.109.34:83/1Q2W3E4R5T6Y7U8I9O0P1Z2X3C4V5B/www.python.org/ftp/python ...

  5. VMware虚拟CentOS 6.5在NAT模式下配置静态IP地址及Xshell远程控制配置

    VMware虚拟CentOS 6.5在NAT模式下配置静态IP地址及Xshell远程控制配置 标签: LinuxXshellCentOS 2016-10-15 04:58 127人阅读 评论(0) 收 ...

  6. ym——Android开发MVP模式（攻克了View和Model的耦合）

    转载请注明本文出自Cym的博客(http://blog.csdn.net/cym492224103),谢谢支持! 什么是MVP呢?它又和我们经常听到的MVC有什么关系了以及差别呢? MVP 是从经典的 ...

  7. TI单节电量计基本介绍及常见问题解答

    电量计(gas gauge /fuel gauge)是用来计量显示电池电量,通常包括mAh剩余容量(RM),满充容量(FCC),百分比容量(SOC),电压,电流,温度等,部分电量计还包含放空,充满时间 ...

  8. List&Map&Set的操作和遍历

    Java的三大集合即:Set.List.Map. Set:代表无序.不可重复的集合,常用的有HashSet(哈希表实现).TreeSet(红黑树实现): List:代表有序.可以重复的集合,比较常用的 ...

  9. git解决冲突（rebase版）

    当使用git rebase碰到冲突时, git rebase <Remote Branch>/<Your Branch> 信息如下: error: Failed to merg ...

  10. ubuntu 16.04使用软件中心升级软件后桌面显示空白

    转载:http://www.jb51.net/os/Ubuntu/472560.html 每次在ubuntu Software里进行Updates后(或者直接关机后),重启电脑后,桌面显示空白 解决办 ...