jinja Extends Blocks Include

https://jinja.palletsprojects.com/en/master/templates/#template-inheritance

base.html “parent” templates

<!DOCTYPE html>
<html lang="en">
<head>{% block head %}<link rel="stylesheet" href="style.css" /><title>{% block title %}{% endblock %} - My Webpage</title>{% endblock %}
</head>
<body><div id="content">{% block content %}{% endblock %}</div><div id="footer">{% block footer %}&copy; Copyright 2008 by <a href="http://domain.invalid/">you</a>.{% endblock %}</div>
</body>
</html>

Child Template

{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block head %}{{ super() }}<style type="text/css">.important { color: #336699; }</style>
{% endblock %}
{% block content %}<h1>Index</h1><p class="important">Welcome to my awesome homepage.</p>
{% endblock %}

jinja Extends Blocks Include相关推荐

html代码复用 extends,HTML+CSS入门 HTML的extends和include详解
本篇教程介绍了HTML+CSS入门 HTML的extends和include详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < html> Title * { ma ...
include、extends用法和区别
extends extends指继承父模板的框架,将里面的部分内容换成子模版需要的东西即可. 语法:{% extends 'public/base.html' %} extends后面可加相对路径,也 ...
UVA434 Matty‘s Blocks【贪心】
Little Matty liked playing with his blocks very much. He always constructed his 'buildings' in the s ...
NUC1776 Tiling Up Blocks【二维最长上升子序列+DP】
Tiling Up Blocks 时间限制: 1000ms 内存限制: 10000KB 通过次数: 2总提交次数: 2 问题描述 Michael The Kid receives an interes ...
POJ-1208(The Blocks Problems)
题目链接: POJ - 1028 notice : Any command in which a = b or in which a and b are in the same stack of bl ...
优雅的使用 PhpStorm 来开发 Laravel 项目
[目录] Prerequisites plugin installation and configuration 1 Ensure Composer is initialized 2 Install ...
自学Python第十九天-flask框架
自学Python第十九天-flask框架安装和引用使用创建和运行应用设置应用处理函数及路由另一种路由注册唯一URL和重定向行为反向解析响应 get 和 post 请求 ,以及其他类型 ...
bpmn js 生成json_你不知道的 tsconfig.json
在 TypeScript 开发中,tsconfig.json 是个不可或缺的配置文件,它是我们在 TS 项目中最常见的配置文件,那么你真的了解这个文件吗?它里面都有哪些优秀配置?如何配置一个合理的 t ...
Web前端中级认证php,1+x 证书 Web 前端开发中级理论考试 (试卷 6 )
1+x 证书 Web 前端开发中级理论考试 (试卷 6 ) 1+x 证书 web 前端开发中级理论考试(试卷 6 ) 官方 QQ 群 1+x 证书 Web 前端开发初级对应课程分析 http://bl ...

jinja Extends Blocks Include

jinja Extends Blocks Include相关推荐

最新文章

热门文章