<!--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中怎么查看ip地址

    命令 ifconfig 可以查看当前主机的ip地址: 如果要手动更改ip地址. 可以输入命令cd /etc/sysconfig/network 在这个目录下会有 类似于ifcfg-@@的文件. 可以用 ...

  2. python3 解决zip解压中文乱码问题，亲测可用， ZipFile

    中文乱码是个很头疼的问题,找了好久都没用找到解决办法 后来也忘了在哪儿找到的解决办法, 很久以前了,但不可行, 解决了思路 在源码里面想要修改内容 if flags & 0x800: # UT ...

  3. (转)FFMPEG的一些使用技巧

    1.查看FFMPEG的日志信息 在vc中使用ffmpeg静态库做二次开发的时候,如果不是控制台应用程序,又需要查看ffmpeg的日志信息,可使用 av_log_set_callback 函数注册一个回 ...

  4. Linux 限制用户远程SSH登录

    通过/etc/hosts.allow和/etc/hosts.deny两个配置文件远程限制某个IP和某段IP地址允许或拒绝访问Linux服务器 SSH.FTP.telnet等服务,其中/etc/host ...

  5. PHI 数据库简介

    PHI是一个致病菌的数据库,截止到2017年8月1号为止,最新的版本是4.3,数据库中收录了实验验证过的致病菌的信息,其中有176个来自动物的致病菌,227个来自植物的致病菌,3个来自真菌的致病菌; ...

  6. 全新WayOS 配置文件保存工具支持蓝色界面路由版本

    一直以来都有群里的朋友要求我弄一个支持蓝色界面路由的参数备份工具,也一直拖了大半年 昨天忙到4点多,早上又因为一些小的BUG被用户电话叫起,干脆就帮你们整一个这个工具了 功能还是一样,支持各种参数的保 ...

  7. ffmpeg把ts文件转m3u8并切片

    Linux_x86_64流媒体环境:nginx + EasyDarwin-master 客户端播放器:VLC media player 下载windows下的ffmepg二进制版本,请进网站http: ...

  8. 父组件中vuex方法更新state，子组件不能及时更新并渲染的解决方法

    场景: 我实际用到的是这样的,我父组件引用子组件related,父组件调用获取页面详情的方法,更新了state值related,子组件根据该related来渲染相关新闻内容,但是页面打开的时候总是先加 ...

  9. git statsh命令报错解决

    git stash命令主要用于当在一个分支的开发工作未完成,却又要切换到另外一个分支进行开发的时候,除了commit原分支的代码改动的方法外,提供暂存代码的方式. git stash命令参考这篇:ht ...

  10. springmvc 文件下载

    1.使用servlet的API实现 参考:http://my.oschina.net/u/1394615/blog/311307 @RequestMapping("/download&quo ...