一.include标签

由于在项目中，往往会出现多个页面拥有一个或几个相同的页面版块，或是一个页面多个页面版块是相同的，基于这个问题，我们可以采用模板语言复用include标签来帮我们解决，这样就避免了大量的复制粘贴html页面版块代码。

如何运用：可以将多个样式标签的集合进行封装，对外提供版块的名字（接口），在有该版块的页面中 中直接导入即可。

语法：{% include '版块页面的路径' %}

公共的页面版块：

<!-- templates/public.html -->

<!-- 该页面位公共的页面代码块，所以不需要完整的html页面结构 -->

<div class="public">

    <!-- 公用页面板块的详细html代码 -->

</div>

公共的页面版块的样式：

/* static/css/public.css */

/* 该样式文件是为公告页面代码块提供页面布局的css样式 */

.public {

    /* 具体的css样式块 */

}

使用公共版块的页面：

<!-- 拥有公共页面板块的 templates/first.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>first</title>

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

</head>

<body>

<!-- 该页面的其他html代码块 -->

<!-- 加载相同的页面板块 -->

{% include 'public.html' %}

<!-- 该页面的其他html代码块 -->

</body>

</html>

<!-- 拥有公共页面板块的 templates/second.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>second</title>

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

</head>

<body>

<!-- 该页面的其他html代码块 -->

<!-- 加载相同的页面板块 -->

{% include 'public.html' %}

<!-- 该页面的其他html代码块 -->

</body>

</html>

二.inclusion_tag自定义标签

出现的问题：多个页面有一个相似的页面版块，不是完全相同的版块，版块内的细节不是完全一致的。

解决：可以采用模板语言复用，自定义inclusion_tag标签来帮助我们解决这个问题，为了减少代码的冗余。

运用：

1.先封装相似的页面标签结果，为数据不同而且页面标签个数不同的地方采用Django模板语言写活（数据决定了最终标签个数）。

2.自定义inclusion_tag,将封装的页面文件都给inclusion_tag装饰器，自定义的函数的参数为不同的数据，函数的返回值就是用关键词形式将参数传回。

3.在拥有该相似版块的页面中导入自定义tag，并使用tag传入具体实参即可。

自定义inclusion_tag:

app/templatetags/my_tags.py

from django.template import Library

register = Library()

@register.inclusion_tag('public_tag.html')  # 将公共类似的页面版块传入

def header_list(list):

    return {'list': list}

公共类似的页面版块：

<!-- templates/public_tag.html -->

<!-- 该页面位公共的页面代码块，所以不需要完整的html页面结构 -->

<ul class="public_tag">

    <!-- 公用页面板块的详细html代码 -->

    {% for foo in list %}

    <li>{{ foo }}</li>

    {% endfor %}

</ul>

<!-- 注：拥有该公共页面代码块的页面会为其提供存放不同数据的 list变量  -->

使用公共版块的页面：

<!-- 拥有公共页面板块的 templates/first_tag.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>first_tag</title>

</head>

<body>

<!-- 该页面的其他html代码块 -->

<!-- 加载共同类似的页面板块 -->

{% load owen_tags %}

{% with [1, 2, 3, 4, 5] as list %}

    {% header_list list %}

{% endwith %}

<!-- 该页面的其他html代码块 -->

</body>

</html>

<!-- 拥有公共页面板块的 templates/second_tag.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>second_tag</title>

</head>

<body>

<!-- 该页面的其他html代码块 -->

<!-- 加载共同类似的页面板块 -->

{% load owen_tags %}

{% with [10, 30, 50] as list %}

    {% header_list list %}

{% endwith %}

<!-- 该页面的其他html代码块 -->

</body>

</html>

三.母版

出现的问题：多个页面的多个版块相同或相似，只有少部分版块是自己独有的，将共有的部分全部提出封装，包含了页面大部分版块结构，所以我们称之为母版。

解决：

1.先封装母版：大部分版块相同或类似的base.html，在特定的位置留出相应的block接口；

2.每个需要运用母版页面的页面来继承母版，{% extends '母版页面的路径' %}；

3.在自己页面中的任意位置书写block中自身独有的页面内容 {% block block名 %} ... {% endblock %}；

4.如果需要继承母版block中原有的内容，使用 {{ block.super }} 来获取。

公共的母版页面：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>{{ title }}</title>

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

    {% block style %}

        {# 为继承该母版的页面引入自身样式文件通过的block #}

    {% endblock %}

</head>

<body>

<!-- 母版有有大量的共同板块 -->

<!-- 母版有有大量的共同板块 -->

<!-- 母版有有大量的共同板块 -->

{% block own %}

    {# 为继承该母版的页面提供书写自己页面独有内容的block #}

{% endblock %}

<!-- 母版有有大量的共同板块 -->

<!-- 母版有有大量的共同板块 -->

</body>

</html>

继承母版的login页面：

{% extends 'base.html' %}

{% block style %}

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

{% endblock %}

{% block own %}

<div class="login">登录页面独有的登录板块</div>

{% endblock %}

Django模板语言的复用的更多相关文章

  1. Django模板语言（常用语法规则）

    Django模板语言 The Django template language 模板中常用的语法规则 {最新版本的Django语法可能有改变,不支持的操作可能支持了.[HTML教程 - 基本元素/标签 ...

  2. django框架基础-django模板语言-长期维护

    ##################     常用的模板语言       ####################### # django的模板语言, # # 只需要记两种特殊符号: # # {{ } ...

  3. Django模板语言初识

    一.Django框架简介 1.MVC框架 MVC,全名是Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控 ...

  4. Django模板语言相关内容 Djan

    Django模板语言相关内容   Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} ...

  5. Django——模板语言相关内容

    Django模板语言相关内容   Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} ...

  6. Django 模板语言 路由 视图

    . 模板语言(字符串替换) . 母版和继承 . 什么时候用母版? html页面有重复的代码,把它们提取出来放到一个单独的html文件. (比如:导航条和左侧菜单) . 子页面如何使用母版? {% ex ...

  7. django模板语言的注释

    就像HTML或者Python,Django模板语言同样提供代码注释. 注释使用 {# #} : ? 1 {# This is a comment #} 注释的内容不会在模板渲染时输出. 用这种语法的注 ...

  8. Django模板语言与视图(view)

    常用语法 {{  }}和{% %} 变量相关的用{{}} , 逻辑相关的用{% %} 变量 在Django的模板语言中按此语法使用:{{ 变量名 }}. 当模版引擎遇到一个变量,它将计算这个变量,然后 ...

  9. 10：django 模板语言

    Django的模板语言的目的是取得力量和易用性之间的平衡,与其他的模板语言相比,django模板语言显得更简单,更专一, django模板系统由模板,变量,过滤器,标签,注释等主要部分组成 模板 一个 ...

随机推荐

  1. Java基础之多线程框架

    一.进程与线程的区别 1.定义: 进程是具有一定独立功能的程序关于某个数据集合上的一次运行活动,进程是系统进行资源分配和调度的一个独立单位. 线程是进程的一个实体,是CPU调度和分派的基本单位,它是比 ...

  2. WEB测试总结

    WEB测试总结:1.js文件session是否有缓存,如果没有缓存对服务器压力会很大:2.更改页面大小后,图表是否会再次向服务器请求数据:3.表单填写是否对html标识,script脚本做处理:(&l ...

  3. C++ Primer 笔记——命名空间

    1.我们既可以用 using 声明整个空间,也可以声明部分名字. using namespace std; using std::cout; 2.头文件不应包含 using 声明,因为头文件会拷贝到所 ...

  4. java运行环境增加字体

    背景 今天在使用jfreeChart时,显示中文乱码,如下图: 环境:Ubuntu 13.04 64bit  java7  tomcat 7.0.42 解决方法--增加系统字体 0. 安装环境包 su ...

  5. iptables-snat-dnat-设置

    nat internet iptables -t nat -A POSTROUTING -s 192.168.0.0/255.255.255.0 -o eth1 -j SNAT --to-source ...

  6. models批量生成数据

    models批量生成数据 1.将数据生成为 列表序列,通过 bulk_create 将数据一次插入数据库中 def host(request): # 插入数据速度快消耗资源少 Hostlist=[] ...

  7. 从零开始学C#——不再更新，直接进入高阶教程

    从零开始学习C#不再更新,直接进入高阶教程. 入门教程,请自行谷歌.百度吧,有很多这样的教程. 编程是一件实践性很强的事情,那么接下来的文章将开始进行开发项目. 还在编程中迷茫的人们,先暂时放下一切的 ...

  8. 封装cuda/cudnn写卷积网络前向计算程序

    目录 基本编译配置 一些常识 BN层的坑 cuda基础 向cuda核函数传入结构体指针? 参考:http://galoisplusplus.coding.me/blog/2018/05/22/cuda ...

  9. 如何保证Redis的高可用

    什么是高可用 全年时间里,99%的时间里都能对外提供服务,就是高可用 主备切换 在master故障时,自动检测,将某个slave切换为master的过程,叫做主备切换.这个过程,实现了Redis主从架 ...

  10. win10 64 使用 visual studio 2017 搭建汇编开发环境

    转自http://blog.csdn.net/sinat_27382047/article/details/70339455 插件 vs2015的汇编语法高亮插件(安装就行)这玩意找了我很久= = h ...