继承

① extends用法：只继承一个模版

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <link rel="stylesheet" href="/static/commons.css" />

    <style>

        .pg-header{

            height: 50px;

            background-color: seashell;

            color: green;

        }

    </style>

    {% block css %}{% endblock %}

</head>

<body>

    <div class="pg-header">小男孩管理</div>

    {% block content %}{% endblock %}

    <div class="pg-footer"></div>

    <script src="/static/jquery.js"></script>

    {% block js %}{% endblock %}

</body>

</html>

templates/master.html #母模版

{% extends 'master.html' %}                 <!--继承模版-->

{% block title %}DIY网站{% endblock %}      <!--继承模版里面的块-->

{% block content %}

    <h1>用户管理</h1>

    <ul>

        {% for i in u %}

            <li>{{ i }}</li>

        {% endfor %}

    </ul>

{% endblock %}

{% block css %}

    <style>

        body{

            background-color: red;

        }

    </style>

{% endblock %}

templates/tpl1.html #子版

def tpl1(request):

    user_list = [1,2,3,4]

    return render(request,'tpl1.html',{'u':user_list})

app01/xiews.py

②include用法 ：(可以多个重复操作)

<form>

    <input type="text"/>

    <input type="submit"/>

</form>

templates/tag.html #母模版

{% extends 'master.html' %}                 <!--继承模版-->

{% block title %}DIY网站{% endblock %}      <!--继承模版里面的块-->

{% block content %}

    <h1>用户管理</h1>

    <ul>

        {% for i in u %}

            <li>{{ i }}</li>

        {% endfor %}

    </ul>

    {% include 'tag.html'%}                 <!--导入单独组件-->

    {% include 'tag.html'%}

    {% for i in u %}                         <!--循环4次-->

        {% include 'tag.html'%}

    {% endfor %}

{% endblock %}

{% block css %}

    <style>

        body{

            background-color: red;

        }

    </style>

{% endblock %}

templates/tpl1.html #子板

③自定义simple_tag，filter

a、在app中创建templatetags文件夹

b、创建任意 .py 文件，如：daly.py

from django import template

register = template.Library()

@register.simple_tag

# 可以传入多个参数

def hanshu(a1,a2):

    return a1 * a2

# filter方法：

# @register.filter

# def func(a1,a2)

app01/temlatetags/daly.py

c、在使用自定义simple_tag的tpl2.html文件中导入之前创建的 daly.py 文件名

{% load daly %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    {{ name}}

    {{ name|lower}}

    {% hanshu 2  6 %}    <!--对应daly.py中的hanshu-->

</body>

</html>

templates/tpl2.html

# 自定义simple_tag与filter优缺点：
simple_tag 中:
　　{% 函数名 a1 a2 a3... %}
　　缺点：不能作为if条件
　　优点：参数任意

filter 中：
　　{{ a1|函数名:"a2，a3" }} {{a1|函数名:数字 }}
　　缺点：最多两个参数，不能加空格:
　　优点：能作为if条件

d、在settings中配置当前app，不然django无法找到自定义的simple_tag

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'app01',

]

project/settings.py

e、views.py代码

def tpl2(request):

    name = 'abcABC'

    return render(request,'tpl2.html',{'name': name })

app01/views.py

# 还有个inclusion_tag方法

# view视图:

from django.template import Library

register = Library()

@register.inclusion_tag('menu.html')

def menu(request):

	# 从数据库中获取数据，menu_result接收并返回

	...

	return {'menu_result':menu_result}

# menu.html:

{% load 视图文件 %}

<body>

    <div class="pg-header">

        头部菜单

    </div>

    <div class="pg-content">

        <div class="menu">

            <!--相当于执行def menu函数并拿到menu_resul返回值-->

            {% menu request %}

			...

        </div>

        <div class="content">

            {% block content %}{% endblock %}

        </div>

    </div>

    {% block js %} {% endblock %}

</body>

</html>

【Dgango】模版的更多相关文章

  1. 创建ABPboilerplate模版项目

    本文是根据角落的白板报的<通过ABPboilerplate模版创建项目>一文的学习总结,感谢原文作者角落的白板报. 1 准备 开发环境: Visual Studio 2015 update ...

  2. 使用boilerplate模版创建解决方案

    返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 话不多说,让我们开始干吧!对于还没有接触ABP框架或者接触时间还不是很长的小伙伴来说,我建议还是使用官方建议的做法,那就是到ABP ...

  3. ASP.NET MVC5+EF6+EasyUI 后台管理系统（29）-T4模版

    系列目录 本节不再适合本系统,在58,59节已经重构.请超过本节 这讲适合所有的MVC程序 很荣幸,我们的系统有了体验的地址了.演示地址 之前我们发布了一个简单的代码生成器,其原理就是读取数据库的表结 ...

  4. 构建自己的PHP框架--构建模版引擎(1)

    前段时间太忙,导致好久都没有更新博客了,今天抽出点时间来写一篇. 其实这个系列的博客很久没有更新了,之前想好好规划一下,再继续写,然后就放下了,今天再捡起来继续更新. 今天我们来说一下,如何构建自己的 ...

  5. asp.net读取模版并写入文本文件

    本文要介绍的是ASP.NET怎样读写文本文件,但更重要的是实现的过程.使用的工具是Visual Studio 2015 ,.NET版本是4.6.1 .一共建立的2个项目,HoverTreePanel和 ...

  6. [bzoj1269][AHOI2006文本编辑器editor] (splay模版题 or pb_ds [rope]大法)

    Description 这些日子,可可不和卡卡一起玩了,原来可可正废寝忘食的想做一个简单而高效的文本编辑器.你能帮助他吗?为了明确任务目标,可可对“文本编辑器”做了一个抽象的定义:   文本:由0个或 ...

  7. C++ 模版

    函数模版 #include <iostream> using namespace std; template<typename T> T add(T t1, T t2) { r ...

  8. Python 【第十一章】 Django模版

    1.直接传值 urls.py """mysite URL Configuration The `urlpatterns` list routes URLs to view ...

  9. Django模版语言 格式化显示 后台datatime()时间

    Django模版语言 格式化显示 后台datatime()时间 场景描述:

随机推荐

  1. Spark应用监控解决方案--使用Prometheus和Grafana监控Spark应用

    Spark任务启动后,我们通常都是通过跳板机去Spark UI界面查看对应任务的信息,一旦任务多了之后,这将会是让人头疼的问题.如果能将所有任务信息集中起来监控,那将会是很完美的事情. 通过Spark ...

  2. ajax调用免费的天气API

    最近在做项目中要用到调用天气接口,在网上找了很多资料之后发现https://www.tianqiapi.com/的天气API挺好的,好用而且免费,调用也很简单.在此做个笔记,大家一起学习交流,如有问题 ...

  3. MSIL实用指南-加载和保存参数

    本篇讲解怎么加载和保存参数,以及参数起始序号的确定. 参数的加载加载参数的指令是Ldarg.Ldarg_S.Ldarg_0.Ldarg_1.Ldarg_2.Ldarg_3.Ldarg_0是加载第0个参 ...

  4. Java 复制PPT幻灯片

    本篇文章将介绍通过java程序原样复制PPT幻灯片的方法.这里分两种情况来复制,即 在同一幻灯片文档中复制 在不同幻灯片文档间复制 使用工具:Free Spire.Presentation for J ...

  5. Gym - 101667H - Rock Paper Scissors FFT 求区间相同个数

    Gym - 101667H:https://vjudge.net/problem/Gym-101667H 参考:https://blog.csdn.net/weixin_37517391/articl ...

  6. codeforces 509 D. Restoring Numbers（数学+构造）

    题目链接:http://codeforces.com/problemset/problem/509/D 题意:题目给出公式w[i][j]= (a[i] + b[j])% k; 给出w,要求是否存在这样 ...

  7. adb命令介绍

    1.adb logcat -v time -s ActivityManager:I 获取包名和activity 2. adb logcat "ActivityManager" |g ...

  8. Postgresql-rman

    联机程序. 并且目标数据库必须处于归档模式. 支持在线全备, 增量备份, 归档备份 增量备份基于已经存在的一个全库备份 rman 本身使用pg_start_backup(), copy, pg_sto ...

  9. [币严区块链]数字货币交易所之比特币（BTC）钱包对接 | 自建节点JSON-RPC访问

    BTC钱包对接流程 一.   部署BTC钱包节点 二.   分析BTC钱包的API 三.   通过JSON-RPC访问BTC钱包API 四.   部署测试 一.部署钱包节点 交易平台对接BTC之前,要 ...

  10. Net基础篇_学习笔记_第十一天_面向对象(练习）

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...