继承

① 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. vuex详解vue简单使用

    vue概念:vuex 是 Vue 配套的 公共数据管理工具,它可以把一些共享的数据,保存到 vuex 中,方便 整个程序中的任何组件直接获取或修改我们的公共数据: 配置vuex的步骤: 1.运行cnp ...

  2. Docker学习总结(六)--Dockerfile

    什么是 Dockerfile Dockerfile 是由一系列命令和参数构成的脚本,这些命令应用于基础镜像并最终创建一个新的镜像. 对于开发人员:可以为开发团队提供一个完全一致的开发环境; 对于测试人 ...

  3. 新手学习FFmpeg - 调用API完成录屏

    调用FFMPEG Device API完成Mac录屏功能. 调用FFMPEG提供的API来完成录屏功能,大致的思路是: 打开输入设备. 打开输出设备. 从输入设备读取视频流,然后经过解码->编码 ...

  4. Java——excel导入导出demo

    1. java导入 package xx; import org.apache.poi.hssf.usermodel.HSSFCell;import org.apache.poi.hssf.userm ...

  5. Java集合框架之Map接口浅析

    Java集合框架之Map接口浅析 一.Map接口综述: 1.1java.util.Map<k, v>简介 位于java.util包下的Map接口,是Java集合框架的重要成员,它是和Col ...

  6. 《阿里巴巴Java开发手册1.4.0》阅读总结与心得（二）

    (六)并发处理 12. [推荐] 在并发场景下, 通过双重检查锁(double-checked locking) 实现延迟初始化的优化问题隐患(可参考 The "Double-Checked ...

  7. CF1072A Palindromic Twist 思维

    Palindromic Twist time limit per test 2 seconds memory limit per test 256 megabytes input standard i ...

  8. hdu 2895 01背包 Robberies

    Robberies Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total S ...

  9. jquery中的 $(function(){ .. }) 函数

    2017-04-29 在讲解jquery中的 $(function(){ .. }) 函数之前,我们先简单了解下匿名函数.匿名函数的形式为:(function(){ ... }),又如 functio ...

  10. 初玩Docker

    Docker 和VM的区别 Docker就是类似于一个打包好的环境,相关的服务都安装在里面,可以直接使用的. VM就相当于另外一套独立的系统,独立的IP,虚拟硬件. 要使用就需要单独构建一套才可以. ...