一、母板

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. 为你揭秘知乎是如何搞AI的——窥大厂 | 数智方法论第1期

    文章发布于公号[数智物语] (ID:decision_engine),关注公号不错过每一篇干货. 数智物语(公众号ID:decision_engine)出品 策划.编写:卷毛雅各布 「我们相信,在垃圾 ...

  2. iOS---------- Safe Area Layout Guide before iOS 9.0

    如果你们的项目不做iOS9以下支持就打开main.storyboard    去除Use safe Area Layout 如果不考虑iOS9以下支持就按照下面的步骤 选中控制器,右边面板的Build ...

  3. PHP多条件分类列表筛选功能开发实例

    PHP多条件分类列表筛选功能开发实例,前后台一起实现 后台对接可以拼接sql语句,PHP通过表单值隐藏值筛选,常用又实用! 表单筛选核心函数 function Filter(a, b) { var $ ...

  4. c/c++ socket API 调用后的错误判断 perror errno

    socket API 调用后的错误判断 perror errno 调用完socket API后,需要判断调用是否成功与失败.如果失败,会自动设置errno(是个整数), 并且用perror可以打印出具 ...

  5. 用SQL语句实现：当A列大于B列时选择A列否则选择B列，当B列大于C列时选择B列否则选择C列。

    数据库中有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列. 方法一: select (case when a>b then a el ...

  6. LeetCode算法题-Valid Palindrome II（Java实现）

    这是悦乐书的第287次更新,第304篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第155题(顺位题号是680).给定非空字符串s,最多可以删除一个字符. 判断它是否是回 ...

  7. 【导航】Python相关

    [博客导航] Python相关导航 [索引]Python常用资源(从新手到大牛) [任务]Python语言程序设计.MOOC学习 [笔记]Python集成开发环境——PyCharm 2018.3下载. ...

  8. 数据库【mysql】之pymysql

    安装模块 pip install pymysql 导入模块 import pymysql 创建链接 conn = pymysql.connect(host=') 创建索引 cursor = conn. ...

  9. Hadoop Compatibility in Flink

    18 Nov 2014 by Fabian Hüske (@fhueske) Apache Hadoop is an industry standard for scalable analytical ...

  10. Configuring Apache Kafka Security

    This topic describes additional steps you can take to ensure the safety and integrity of your data s ...