继承

① 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. Redis学习总结(五)--Redis集群创建

    在之前我们讲到了主从,但是对于大数据量的场景下我们就需要用到集群了,让我们来了解下集群吧. 为什么需要集群 单机内存太小 redis最高可以达到10万/s 请求,如果超过该频率呢? 数据分布方式 数据 ...

  2. ECMAScript---object对象类型详解

    普通对象:由大括号包裹起来的,由零到多个属性名和属性值(键值对)组成的 那什么是属性呢? 属性:描述当前对象特征的,属性名是当前具备这个特征,属性值是这个特征的描述(专业语法,属性名称为键[key], ...

  3. 关于原生js中函数的三种角色和jQuery源码解析

    原生js中的函数有三种角色: 分两大种: 1.函数(最主要的角色)2.普通对象(辅助角色):函数也可以像对象一样设置属于本身的私有属性和方法,这些东西和实例或者私有变量没有关系两种角色直接没有必然的关 ...

  4. Django之上传图片，分页，三级联动

    Django1.8.2中文文档:Django1.8.2中文文档 上传图片 配置上传文件保存目录 1)新建上传文件保存目录. 2)配置上传文件保存目录. 后台管理页面上传图片 1)设计模型类. 2)迁移 ...

  5. DOM操作（基础版）

    DOM操作(基础版) DOM是document Object Model的缩写,简称文档对象模型.只要记住这是操作文档的就行了. DOM基础选择器 1.getElementById(id); //获取 ...

  6. Nginx反向服务器搭建

    Nginx环境搭建 下载解压Nginx源码包 可以通过已有的压缩包 这里也可以通过yum的在线下载 wget http://nginx.org/download/nginx-1.13.7.tar.gz ...

  7. 简明Python教程-函数联系笔记

    1.实参与形参 在定义函数时给定的名称称作"形参",再调用函数时你所提供给函数的值称作“实参” 2.局部变量 所有变量的作用域是它们被定义的块,从定义它们的名字的定义点开始. 3. ...

  8. 手把手教你用深度学习做物体检测(五)：YOLOv1介绍

    "之前写物体检测系列文章的时候说过,关于YOLO算法,会在后续的文章中介绍,然而,由于YOLO历经3个版本,其论文也有3篇,想全面的讲述清楚还是太难了,本周终于能够抽出时间写一些YOLO算法 ...

  9. CF - 1117 F Crisp String

    题目传送门 题解: 枚举非法对. 如果 ‘a'  和 ’b' 不能相邻的话,那么删除 'a' 'b'之间的字符就是非法操作了. 假设题目给定的字符串为 "acdbe",所以删除cd ...

  10. codeforces 801 D. Volatile Kite（数学题）

    题目链接:http://codeforces.com/contest/801/problem/D 题意:求出一个最大值D,使得一个给定的凸多边形任意点移动范围在半径为D的圆中,都不会构成一个凹都边形. ...