19 Django模板自定義標籤和過濾器,模板繼承 (extend),Django的模型層-ORM簡介

阿新 • • 發佈：2018-11-15

一、模板自定義標籤和過濾器

標籤，是為了做一些功能。過濾器，是對斜槓前面的資料做過濾。

為什麼要自定義標籤和過濾器？因為自帶的不夠用，需要結合需求，來自定義。

自定義標籤和過濾器需要執行3個步驟：

1、在settings中的INSTALLED_APPS配置當前app，不然django無法找到自定義的simple_tag.

2、在app中建立templatetags模組(模組名只能是templatetags)

3、建立任意 .py 檔案，如：my_tags.py

自定義過濾器

舉例：增加一個乘法過濾器

修改settings.py中的INSTALLED_APPS，最後一行添加當前的app。

django開頭的，都是一些自帶的app。它內建在django原始碼裡面！

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config',
]

View Code

在app01目錄裡面新建一個templatetags目錄，目錄名必須是這個！！！否則django找不到。

目錄裡面建立my_filter_tag.py，這個py檔名，可以隨便定義。內容如下：

from django import template
from django.utils.safestring import mark_safe
register=template.Library()

@register.filter
def multi_filter(x,y):
    return x*y

View Code

注意：頭部的3行，是固定寫法，不能改變。

增加@register.filter，是為了將函式轉換成過濾器。函式的名字，可以自定義。

修改views.py裡面的index函式，內容如下：

def index(request):
    num = 100
    return render(request,'index.html',{'num':num})

View Code

修改index.html，修改body部分

注意：在使用自定義標籤和過濾器，必須在html檔案中，匯入之前建立的my_filter_tag

{% load my_filter_tag %}
<p>{{ num|multi_filter:5 }}</p>

View Code

load表示匯入模組。p標籤中的內容，是執行了multi_filter過濾器。

注意：它接收了2個引數。一個是num，一個是5。因為multi_filter過濾器，定義了2個形參，使用它必須傳2個引數才行。

訪問index頁面，輸出：

是因為自定義的模組，沒有匯入成功，提示找不到！為啥呢？因為django專案啟動時，會匯入settings.py定義的模組匯入，由於app01的自定義模組是啟動之後加的，所以它並沒有載入進去。

重啟django專案，就可以載入了。

再次訪問index，頁面輸出：

如果要完成3位乘法呢？過濾器可以增加一個形參，但是index.html怎麼加第3個引數呢？

答案是，它不能加第3個引數。所以只能在後端，將引數形式修改列表，元組，字典等方式，就可以了。

舉例1：計算4*5*6

修改index檢視函式

def index(request):
    num1 = 4
    num2 = 5
    num3 = 6
    num_list = [num1,num2,num3]
    return render(request,'index.html',{'num_list':num_list})

View Code

修改my_filter_tag.py中的過濾器

@register.filter
def multi_filter(num_list):
    res = 1
    for i in num_list:
        res*=i
    return res

View Code

修改index.html，修改body部分

{% load my_filter_tag %}
<p>{{ num_list|multi_filter }}</p>

View Code

訪問網頁，輸出：

舉例1：顯示a標籤

修改my_filter_tag.py檔案，增加link_tag過濾器

@register.filter
def link_tag(href):
    return "<a href=%s>click</a>"%href

View Code

修改index檢視函式

def index(request):
    link = "http://www.py3study.com/"
    return render(request,'index.html',{'link':link})

View Code

修改index.html，修改body部分

{% load my_filter_tag %}
<p>{{ link|link_tag }}</p>

View Code

訪問網頁，輸出：

發現結果不是我們想要的，檢視瀏覽器控制檯，檢視響應體，發現被轉義了

因為django遇到html或者js標籤，會轉義。它認為是不安全的！那麼如何告訴它，是安全的呢？

需要在過濾器中匯入make_safe模組

修改my_filter_tag.py檔案中的link_tag過濾器，完整程式碼如下：

使用make_safe方法，告訴django是安全的，不需要轉義

from django import template
from django.utils.safestring import mark_safe
register=template.Library()

@register.filter
def multi_filter(num_list):
    res = 1
    for i in num_list:
        res*=i
    return res

@register.filter
def link_tag(href):
    return mark_safe("<a href=%s>click</a>" % href)

View Code

重啟django專案，因為網頁有快取，懶得清理了，所以直接重啟django專案，見效快！

再次訪問

效果就出來了。

自定義標籤

標籤，是為了做一些功能

舉例：4個引數的乘法運算

修改my_filter_tag.py，增加multi_tag函式

@register.simple_tag
def multi_tag(x,y,z):
    return x*y*z

View Code

@register.simple_tag表示將函式轉換為自定義標籤

修改index.html，修改body部分

注意：呼叫標籤，使用{% 標籤過濾器名引數1，引數2，引數3... %}

引數不限,但不能放在if for語句中

{% load my_filter_tag %}
<p>{% multi_tag 7 8 9 %}</p>

View Code

重啟django專案，訪問網頁，輸出：

自定義標籤和自定義過濾器的區別：

1. 標籤，是為了做一些功能。過濾器，是對斜槓前面的資料做過濾。

2. 標籤可以寫任意個形參，而過濾器最大隻能寫2個形參。如果過濾器需要接收多個引數，需要將引數存放在列表，元組，字典等資料中。

3. 過濾器可以用在if等語句後，標籤不可以

二、模板繼承 (extend)

Django模版引擎中最強大也是最複雜的部分就是模版繼承了。模版繼承可以讓您建立一個基本的“骨架”模版，它包含您站點中的全部元素，並且可以定義能夠被子模版覆蓋的 blocks 。

通過從下面的例子開始，可以容易的理解模版繼承：

include

新建advertise.html，使用Bootstrap構建2個面板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>

<div class="row">
    <div class="col-md-4">
        <div class="advertise">
            <div class="panel panel-danger">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>

View Code

修改urls.py，增加advertise路徑

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.index),
    path('advertise/', views.advertise),
]

View Code

修改views.py，增加advertise檢視函式

def advertise(request):
    return render(request, 'advertise.html')

View Code

訪問url： http://127.0.0.1:8000/advertise/

如果首頁，也想顯示左邊的選單欄呢？程式碼複製一遍？

這樣程式碼就重複了，使用include，就可以了。

修改advertise.html，將相同的部分分離處理

<div class="row">
    <div class="col-md-4">
        <div class="advertise">
            <div class="panel panel-danger">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>

    </div>
</div>

View Code

修改index.html，使用include匯入advertise.html檔案

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
{% include 'advertise.html' %}
</body>
</html>

View Code

訪問首頁，效果同上。

extend

訪問部落格園的個人部落格，發現很多頁面，有幾處相同的部分。比如右側的側邊欄，頂部的導航欄，尾部部分...等等。

那麼公共區域，不需要自己重複寫，繼承下來就可以了！

舉例：圖書網頁

編輯index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">選單二</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading">選單三</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           <div class="jumbotron">
                <h1>Hello, INDEX!</h1>
                <p>...</p>
                <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>

View Code

訪問index頁面，輸出：

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/',views.index),
    path('articles/',views.articles),
    path('authors/',views.authors),
]

View Code

修改views.py，增加2個檢視函式

def articles(request):
    return render(request, 'articles.html')

def authors(request):
    return render(request, 'authors.html')

View Code

新建articles.html，將index.html的程式碼全部複製貼上過來，修改中間內容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">選單二</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading">選單三</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="article_list">
               <ul>
                   <li>紅樓夢</li>
                   <li>三國演義</li>
                   <li>西遊記</li>
                   <li>水滸傳</li>
               </ul>
           </div>
        </div>
    </div>
</div>
</body>
</html>

View Code

訪問articles頁面，效果如下：

新建authors.html，將index.html的程式碼全部複製貼上過來，修改中間內容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading">選單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">選單二</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading">選單三</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="author_list">
               <ul>
                   <li>曹雪芹</li>
                   <li>羅貫中</li>
                   <li>吳承恩</li>
                   <li>施耐庵</li>
               </ul>
           </div>
        </div>
    </div>
</div>
</body>
</html>

View Code

訪問authors頁面，效果如下：

問題來了，選單和導航，都是重複的。有了繼承，就可以解決這個問題。
公共部分有，繼承的子頁面就會有。沒有的部分，子頁面也不會有。

這個模版，我們把它叫作 base.html，它定義了一個可以用於兩列排版頁面的簡單HTML骨架。“子模版”的工作是用它們的內容填充空的blocks。

在這個例子中， block 標籤定義了三個可以被子模版內容填充的block。 block 告訴模版引擎：子模版可能會覆蓋掉模版中的這些位置。

子模版可能看起來是這樣的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <title>title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/index/">首頁</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/authors/">作者</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/articles/">文章管理</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           {% block content %}

           {% endblock %}
        </div>
    </div>
</div>

</body>
</html>

View Code

修改index.html，刪除多餘的程式碼。繼承base.html

它是先繼承，再填充內容。

extends 標籤是這裡的關鍵。它告訴模版引擎，這個模版“繼承”了另一個模版。當模版系統處理這個模版時，首先，它將定位父模版——在此例中，就是“base.html”。

那時，模版引擎將注意到 base.html 中的三個 block 標籤，並用子模版中的內容來替換這些block。根據 blog_entries 的值，輸出可能看起來是這樣的：

{% extends 'base.html' %}

{% block content %}
<div class="jumbotron">
    <h1>Hello, INDEX!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
{% endblock %}

View Code

訪問index頁面，效果如下：

修改articles.html，繼承base.html

{% extends 'base.html' %}

{% block content %}
<div class="article_list">
   <ul>
       <li>紅樓夢</li>
       <li>三國演義</li>
       <li>西遊記</li>
       <li>水滸傳</li>
   </ul>
</div>
{% endblock %}

View Code

訪問articles頁面，效果如下：

修改authors.html，繼承base.html

{% extends 'base.html' %}

{% block content %}
<div class="author_list">
    <ul>
       <li>曹雪芹</li>
       <li>羅貫中</li>
       <li>吳承恩</li>
       <li>施耐庵</li>
    </ul>
</div>
{% endblock %}

View Code

訪問authors頁面，效果如下：

這樣，就解決了程式碼重複問題

需求，訪問不同頁面時，更改tile標籤的屬性

怎麼做呢?很簡單，在base.html裡面的title標籤位置，定義一個block

在花括號中間的title標籤，表示預設值。如果子頁面不設定block title，那麼顯示預設值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block title %}
     <title>title</title>
    {% endblock title %}
    
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/index/">首頁</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/authors/">作者</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/articles/">文章管理</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           {% block content %}

           {% endblock %}
        </div>
    </div>
</div>

</body>
</html>

View Code

修改articles.html，增加一個block

{% extends 'base.html' %}

{% block content %}
 {{ block.super }}
 <div class="article_list">
   <ul>
       <li>紅樓夢</li>
       <li>三國演義</li>
       <li>西遊記</li>
       <li>水滸傳</li>
   </ul>
</div>
{% endblock %}

{% block title %}
<title>Article</title>
{% endblock %}

View Code

訪問articles頁面，標題就出來了，效果如下：

訪問authors頁面，標題就出來了，效果如下：

由於沒有設定block title，它顯示預設值。

現在有一個問題，右側內容，寫死了。比如文章頁中的內容
修改views.py，2個檢視，分別增加一個列表

def articles(request):
    acticle_list = ['紅樓夢','三國演義','西遊記','水滸傳']
    return render(request, 'articles.html',{'acticle_list':acticle_list})

def authors(request):
    author_list = ['曹雪芹','羅貫中','吳承恩','施耐庵']
    return render(request, 'authors.html',{'author_list':author_list})

View Code

修改修改articles.html，增加一個for迴圈

{% extends 'base.html' %}

{% block content %}
 <div class="article_list">
   <ul>
       {% for article in acticle_list %}
       <li>{{ article }}</li>
       {% endfor %}
   </ul>
</div>
{% endblock %}

{% block title %}
<title>Article</title>
{% endblock %}

View Code

修改修改authors.html，增加一個for迴圈

{% extends 'base.html' %}

{% block content %}
<div class="author_list">
    <ul>
       {% for author in author_list %}
       <li>{{ author }}</li>
       {% endfor %}
    </ul>
</div>
{% endblock %}

{% block title %}
<title>Author</title>
{% endblock %}

View Code

重新訪問2個頁面，效果同上。

請注意，子模版並沒有定義 sidebar block，所以系統使用了父模版中的值。父模版的 {% block %} 標籤中的內容總是被用作備選內容（fallback）。

這種方式使程式碼得到最大程度的複用，並且使得新增內容到共享的內容區域更加簡單，例如，部分範圍內的導航。

這裡是使用繼承的一些提示：

如果你在模版中使用 {% extends %} 標籤，它必須是模版中的第一個標籤。其他的任何情況下，模版繼承都將無法工作。

舉例：下面這種寫法是錯誤的。extends必須在block上面才行。

{% block content %}
<div class="jumbotron">
    <h1>Hello, INDEX!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
{% endblock %}

{% extends 'base.html' %}

View Code

訪問網頁，就會報錯

在base模版中設定越多的 {% block %} 標籤越好。請記住，子模版不必定義全部父模版中的blocks，所以，你可以在大多數blocks中填充合理的預設內容，然後，只定義你需要的那一個。多一點鉤子總比少一點好。

比如：base.html雖然定義了2個blocks，authors頁面可以只繼承一個。

如果你發現你自己在大量的模版中複製內容，那可能意味著你應該把內容移動到父模版中的一個 {% block %} 中。
If you need to get the content of the block from the parent template, the {{ block.super }} variable will do the trick. This is useful if you want to add to the contents of a parent block instead of completely overriding it. Data inserted using {{ block.super }} will not be automatically escaped (see the next section), since it was already escaped, if necessary, in the parent template.

翻譯：

如果您需要從父模板獲取塊的內容，則{{block.super}}變數將執行該操作。如果你想新增父塊的內容而不是完全覆蓋父塊的內容，這很有用。使用{{block.super}}插入的資料不會自動轉義（請參閱下一節），因為它已經在父模板中被轉義（如有必要）。

舉例：

在base.html中block content裡面增加一個h3標籤。既系統子頁面顯示h3標籤，同時子標籤填充block content裡面的內容時，h3標籤不會被覆蓋。加入一個{{block.super}}就可以了。

修改base.html，加入h3標籤。修改block content部分

{% block content %}
<h3>詳細內容</h3>
{% endblock %}

修改articles.html，在block content 下面一行，增加{{block.super}}

{% extends 'base.html' %}

{% block content %}
{{ block.super }}
 <div class="article_list">
   <ul>
       {% for article in acticle_list %}
       <li>{{ article }}</li>
       {% endfor %}
   </ul>
</div>
{% endblock %}

{% block title %}
<title>Article</title>
{% endblock %}

View Code

訪問articles頁面，效果如下

注意

相關推薦

19 Django模板自定義標籤和過濾器,模板繼承 (extend),Django的模型層-ORM簡介

一、模板自定義標籤和過濾器標籤，是為了做一些功能。過濾器，是對斜槓前面的資料做過濾。為什麼要自定義標籤和過濾器？因為自帶的不夠用，需要結合需求，來自定義。自定義標籤和過濾器需要執行3個步驟： 1、在settings中的INSTALLED_APPS配置當前app，不然django無法找到自定

（轉）python 全棧開發，Day70(模板自定義標籤和過濾器,模板繼承 (extend),Django的模型層-ORM簡介)

昨日內容回顧檢視函式： request物件 request.path 請求路徑 request.GET GET請求資料 QueryDict {} request.POST POST請求資料 Que

django中自定義標籤和過濾器

準備(必需)工作： 1 在某個app下建立一個名為templatetags(必需，且包名不可變)的包。假設我們在名為polls的app下建立了一個templatetags的包，並在該包下建立了一個名為mytags的檔案。那麼目錄結構看起來應該就像這樣： polls/

djiango自定義標籤與過濾器

from django import template #關鍵程式碼 register = template.Library() #關鍵程式碼 from django.db.models import Count from django.utils.safestring import mar

Spring自定義標籤和spring.handlers的載入過程

版權宣告：------------轉載請標明連結.部落格內容僅供參考,一切以官方文件為準!------------ https://blog.csdn.net/wabiaozia/article/details/78631259 此篇部落格分為三部分：1 sch

velocity自定義標籤和指令

velocity本身支援自定義標籤和指令的擴充套件，在 Velocity 模板語言的語法中，以美元符 $ 開頭的為變數的宣告或者引用，而以井號 # 開頭的語句則為 Velocity 的指令（Directive）。 velocity支援的指令有：#set,#forea

vue學習（二） vue生命週期 vue自定義指令和過濾器

生命週期鉤子函式 vue的生命週期圖示 vue的幾個鉤子函式直接程式碼展示： <div id="box"> {{msg}} </div> <script>

Django入門教程(五)自定義模板標籤和過濾器

1、建立專案 django-admin startproject djangocustomtagandfilter cd djangocustomtagandfilter python manage.py startapp customtagfilter 2、在

django自定義模板標籤和過濾器

Django雖然為我們內建了二十多種標籤和六十多種過濾器，但是需求是各種各樣的，總有一款你cover不到。Django為我們提供了自定義的機制，可以通過使用Python程式碼，自定義標籤和過濾器來擴充套件模板引擎，然後使用{% load %}標籤。一、前置步驟 Django對於自定義標籤和過濾器是有前置

18)django-模板的過濾器和tag，自定義simple_tag和filter

hello 直接結果 from simple 使用 span 裝飾 san 模板過濾器是在變量被顯示前修改它的值的一個簡單方法。過濾器使用管道字符 . 模板標簽(template tag) 。標簽(tag)定義比較明確，即：僅通知模板系統完成某些工作的標簽。一：d

django中使用自定義過濾器和自定義標籤

自定義過濾器首先在app底下新建一個templatetags目錄，裡面新增兩個檔案，目錄結構如下：然後在settings.py中把templatetags目錄作為app註冊 INSTALLED_APPS = [ 'django.cont

Django自定義過濾器和自定義標籤

自定義過濾器　　1、確認app已在setting中進行註冊；　　2、在app模板下建立名為templatetags的模板（切記名字一定不能改，只能是templatetags）；　　3、在模板下建立任意名稱的.py檔案；　　4、在剛剛建立的.py檔案中定製過濾器　　-具體語法　 fr

django 的模板語言template ，自定義過濾器，自定義標簽，模板繼承

test block src view -- back def 其他 init 後端views文件傳來的字符串和對象，到前端頁面後需要進行渲染， {{ 變量 }}{{ 變量| filter:參數 }}filter可以有很多函數 {#對後端傳來的數據進行渲染，add 就是過濾

Django(模板語言-自定義filter和simple_tag)

() span return class 之前當前無法就是必須 filter過濾器的主要形式：變量|函數,意思是將變量交給函數處理，而自定義filter就是自己定義函數，因為用到已有的很少。 a.在app中創建templatetags模塊（必須的） b.在tem

自定義過濾器和自定義標籤

自定義標籤和過濾器需要執行的3個步驟: 1. 在app中建立templatetags模組(必須的) 2. 建立任意 .py 檔案，如：my_tags.py 3. 建立任意 .py檔案, 例如:my_tags.py 自定義過濾器舉例: 增加一個乘法過濾器修改setting

Django中自定義過濾器的使用

sof html views charset 展示 set etag 很多 back 我在這裏做的是：從數據庫查出id遞增的一些信息，展示在前臺。編寫一個過濾器判斷查出數據的id是偶數的返回True 奇數返回False 1 創建項目，創建應用，註冊應用，配置

django 筆記8 url模板自定義函數 simple_tag

增刪改查 AI gis code core coo oct print sim 感謝alex老師~知識點: URL - 兩個沒見 url>路由系統> 函數或類 > 返回字符串 Form表單提交:

靈活使用標籤的data自定義屬性和事件物件

如果需要動態的給每一個標籤新增一樣的事件，且只有對應的內容改變，則可以通過data事先定義好要用的資料，然後通過事件物件獲取，data自定義屬性可以是一個字串或者是一個物件形如： data-address=“中華人民共和國” data-sta

Django使用自定義模板,出現模板找不到的情況

今天寫Django自定義模板的時候,按照網上的說法,先在app目錄下建一個templatetags資料夾,資料夾裡面建個__init__.py,和你自定義的python檔案,裡面直接使用裝飾器模板就可以用了然而我這樣做會爆出模板找不到的問題,可能是因為我的Dj

django特殊的標籤和過濾器

國際化標籤和過濾器 Django還提供了一些模板標籤和過濾器，用以控制模板中國際化的每個方面。它們允許對翻譯，格式化和時區轉換進行粒度控制。 1. i18n 此標籤允許在模板中指定可翻譯文字。要啟用它，請將USE_I18N設定為True，然後載入{％ load i18n ％}。 2. l10n 此標