<!--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. linux刻录iso到u盘

    需要的工具:Linux系统.U盘.ISO镜像文件.首先在Linux系统中打开终端,使用dd命令,格式如下:sudo dd if=xxx.iso of=/dev/sdb命令中xxx.iso是你的ISO镜 ...

  2. c指针 --笔记2返回指针值的函数

    返回指针值的函数 一般带回指针值的函数,定义形式为: int *a (int x, int y); 看这个经典案例: #include <stdio.h> int main(int arg ...

  3. vscode 自定义快捷键

    vscode 自定义快捷键 这两天用vscode写了下Python,感觉很舒服,只是快捷键不如人意,略作修改,放上来作为备份.smile~ 主要更改: 代码格式化 ctrl+alt+l 执行代码 ct ...

  4. iOS项目的目录结构（Cocoa China）

    目录结构 AppDelegate Models Macro General Helpers Vendors Sections Resources   一个合理的目录结构首先应该是清晰的,让人一眼看上去 ...

  5. Eclipse使用资源管理器打开选中文件/目录

  6. JSP九大内置对象与Servlet学习笔记[转]

    我们常说的JSP有九大内置对象分别为:request.response.session.out.pagecontext.page.exception.application.config. 我们知道, ...

  7. matlab中 %d，%f，%c，%s代表什么意思

    1.%d就是输出整型:%3d就是说按照长度为3的整型输出,比如10,输出就是“_10”,“_”代表空格. 2.%f就是输出小数:%6.2f就是小数点后保留2位,输出总长度为6,比如3.14159,输出 ...

  8. 树莓派命令行配置连接wifi

    iwlist scan sudovim /etc/wpa_supplicant/wpa_supplicant.conf   network={   ssid="WIFINAME" ...

  9. Mac/win eclipse genymotion 插件下载地址

    eclipse -->new install --> 填写该地址 (目前最新的地址) https://dl.genymotion.com/eclipse/

  10. 关于xml里的encoding

    创建一个xml时 如果<?xml version="1.0"  encoding="GB2312" ?>更改encoding的值为UTF-8,保存后 ...