一、母板

1、什么情况下使用母版

当多个页面的大部分内容都一样的时候，我们可以把相同的部分提取出来，放到一个单独的母版HTML文件中
然后在母版中定义需要被替换的block

例如：母板页面

<!DOCTYPE html>

<html lang="zh-CN">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="x-ua-compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>母板HTML</title>

  {% block page-css %}

  {% endblock %}

</head>

<body>

<h1>母板内容</h1>

{% block page-main %}

{% endblock %}

<h1>JS</h1>

{% block page-js %}

{% endblock %}

</body>

</html>

2、在子页面继承母板(相当于把母板所有代码复制过来)

{% extends '母板名.html' %}

3、块(block)

通过在母板中使用{% block  xxx %}来定义"块"。

在子页面中通过定义母板中的block名来对应替换母板中相应的内容

注意：在母板中block只是定义，里面并没有内容的，子页面才填充内容

{% block page-main %}

    <p>子页面的内容</p>

{% endblock %}

{% block page-js %}

    <p>子页面的js</p>

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

{% endblock %}

{% block page-css %}

    <p>子页面的css</p>

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

{% endblock %}

二、组件

1.什么时候用组件？

    页面上相对独立的某个部分可以单独拿出来放到一个单独的html文件中

2.如何使用

    {% include '组件.html' %}

三、静态文件相关

1、为什么要使用

    把静态文件的路径改成动态拼接的，避免在HTML页面中硬编码静态文件的导入路径

2、如何使用

先导入static模块：{% load static %}

两种使用方法：

    1. <link rel="stylesheet" href="{% static 'bootstrap-3.3.7/css/bootstrap.css' %}">

    2. <link rel="stylesheet" href="{% get_static_prefix %}font-awesome-4.7.0/css/font-awesome.css">

3、自定义simple_tag

和自定义filter类似，只不过接收更灵活的参数。

1. 自定义simple_tag的步骤

    1. 在app下面新建一个python package名字叫templatetags

    2. 在上一步的python package中新建一个py文件(my_extends.py)

    3. 在py文件中写一个函数，实现自定义的simple_tag功能

    4. 告诉Django我现在多了一个自定义的tag

    5.例子

        from django import template

        from django.conf import settings

        # 生成一个注册对象

        register = template.Library()

        # 自定义一个拼接静态文件路径的tag函数

        @register.simple_tag(name='myst')

        def my_static(s):

            # 拿到settings.py中的STATIC_URL的值

            s1 = settings.STATIC_URL

            # 进行字符串拼接

            ret = s1 + s

            # 返回

            return ret

2. 使用自定义的tag

    1. 在HTML文件中导入刚才创建的py文件

        {% load my_extends %}

    2. 重启Django项目

    3. 按照普通的tag调用自定义的函数

        <link rel="stylesheet" href="{% myst 'index/index.css' %}">

4、自定义inclusion_tag

多用于返回html代码片段

跟上面自定义的步骤一样，只是代码有点不同

inclusion_tag相当于定义了一个局部的HTML，然后别的页面可以引用这段HTML代码

例如：

my_extends.py

@register.inclusion_tag(filename='p.html', name='pp')

def my_p(num):

    data = [i for i in range(1, num+1)]

    return {'data': data}

p.html

{% for i in data %}

    <span>{{ i }}</span>

{% endfor %}    

test.html

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta http-equiv="content-type" charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>test</title>

</head>

<body>

{% load my_extend %}

{% pp 10 %}

</body>

</html>

解释：

filename是inclusion_tag指定的页面，接收inclusion_tag函数返回值，name是调用时的tags名，

调用的参数是从my_p接收，返回的内容是filename指定的页面的内容。

也就是说，上面的代码，最终展示的页面是test.html，

{% load my_extend %}

{% pp 10 %}

上面两句话是导入了my_extend自定义的tags

pp是tags的具体一个方法，10是参数，pp会把10这个参数传给my_p，然后my_p再传给p.html，

最后在test,html页面显示p.html的那部分代码，相当于把p.html的代码嵌入到了test,html里面展示出来

四、在模板中使用request

如果想在Django模板中使用Request数据，需要先在“settings.py”文件的“TEMPLATES”设置中包含相应的设置

TEMPLATES = [

    {

        'BACKEND': 'django.template.backends.django.DjangoTemplates',

        'DIRS': [os.path.join(BASE_DIR, 'templates')]

        ,

        'APP_DIRS': True,

        'OPTIONS': {

            'context_processors': [

                'django.template.context_processors.debug',

                'django.template.context_processors.request',

                'django.contrib.auth.context_processors.auth',

                'django.contrib.messages.context_processors.messages',

            ],

        },

    },

]

然后，在模板中我们就可以通过“request.xxx”去获取相应的数据。

比如，session中的数据.

Django模板语言进阶的更多相关文章

  1. Django模板语言初识

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

  2. Django模板语言的复用

    一.include标签 由于在项目中,往往会出现多个页面拥有一个或几个相同的页面版块,或是一个页面多个页面版块是相同的,基于这个问题,我们可以采用模板语言复用include标签来帮我们解决,这样就避免 ...

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

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

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

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

  5. Django 模板语言 路由 视图

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

  6. django模板语言的注释

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

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

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

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

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

  9. 10：django 模板语言

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

随机推荐

  1. RecycleView设置顶部分割线（记录一个坑）

    大家都知道,想给RecycleView设置分割线可以重写RecyclerView.ItemDecoration 项目过程中,遇到一个需求:RecycleView顶部有一条灰色的间隔,我想到了给Recy ...

  2. GsonFormat插件

    GsonFormat插件可以根据JSONObject格式的字符串,自动生成实体类参数. 要使用这个插件,首先要做的事下载它.方法如下: 方法一: 1.Android studio File->S ...

  3. 二、IPC机制

    1.Android IPC简介 IPC是Inter-Process Communication的缩写,含义为进程间通信或者跨进程通信,是指两个进程之间进行数据交换的过程. ANR:Applicatio ...

  4. IPD体系向敏捷开发模式转型实施成功的四个关键因素

    文/杨学明  集成产品开发(IPD).集成能力成熟度模型(CMMI).敏捷开发(Agile Development)是当前国内外企业产品研发管理的最常用的3种模式.随着创新环境的快速发展,许多企业都会 ...

  5. MongoDB 提升性能的18原则（开发设计阶段）

    MongoDB 是高性能数据,但是在使用的过程中,大家偶尔还会碰到一些性能问题.MongoDB和其它关系型数据库相比,例如 SQL Server .MySQL .Oracle 相比来说,相对较新,很多 ...

  6. mssql 存储过程调用另一个存储过程中的结果的方法分享

    转自:http://www.maomao365.com/?p=6801 摘要: 下文将分享"一个存储过程"中如何调用"另一个存储过程的返回结果",并应用到自身的 ...

  7. Python编写脚本（输出三星形状的‘*’符号）

    环境:python3.* 心得:个人认为脚本非我强项,以下效果可以有更简单解决方案,纯属练习逻辑. 方案一: s=1 while s<=10: #这是决定多少列,起始为1,大循环一圈即加一,就是 ...

  8. ASP.NET Zero--Migration控制台应用程序

    Migration控制台应用程序 AspNet Zero包含一个工具Migrator.exe,用于轻松迁移数据库.您可以运行此应用程序来创建/迁移host和租户数据库. 该应用程序从它自己的appse ...

  9. AngularJS学习之旅—AngularJS 服务(八)

    1.AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务.2.什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 Angular ...

  10. LSB和MSB

    最低有效位(the least significant bit,lsb)是指一个二进制数字中的第0位(即最低位),具有权值为2^0,可以用它来检测数的奇偶性.与之相反的称之为最高有效位.在大端序中,l ...