1. 程式人生 > 其它 >Django模版層

Django模版層

模版層

目錄

1、模板語法傳值

  • 變數相關:{{ }}

  • 邏輯相關:{% %}

#templates資料夾下的login.html
<body>
<p>{{ n }}</p>
<p>{{ f }}</p>
<p>{{ s }}</p>
<p>{{ b }}</p>
<p>{{ l }}</p>
<p>{{ d }}</p>
<p>{{ t }}</p>
<p>{{ se }}</p>
<p>傳遞函式名會自動加括號呼叫, 但是模板語法不支援給函式傳額外的引數:{{ func }}</p>

<p>傳遞類的時候也會自動加括號呼叫(例項化):{{ MyClass }}</p>
<p>{{ obj }}</p>
<p>內部能夠自動判斷出當前的變數是否可以加括號呼叫,如果可以就會自動加括號執行, 一般情況針對的是函式名和類名</p>

<p>{{ obj.get_self }}</p>
<p>{{ obj.get_class }}</p>
<p>{{ obj.get_func }}</p>

    
<p>{{ d.username }}</p>
<p>{{ l.0 }}</p>
<p>{{ d.hobby.3.info }}</p>
</body>



Django模板語法的取值就固定格式,只能採用"句點符"

可以點索引,可以點鍵,兩者也可以混用

#views.py

def index(request):
    # 模板語法可以傳遞的後端資料型別
    n = 123
    f = 11.1
    s = '1231'
    b = True
    l = ['123', '45', '哈哈']
    t = (111, 22, 33, 44)
   	d = {'usernaem': 'lisi', 'age': 18,'hobby':[111,222,333,{'info':'NB'}]}
    se = {'123', '133', 'ef'}

    def func():
        print('我i被執行了')
        return '函式'

    class MyClass(object):
        def get_self(self):
            return 'self'

        @staticmethod
        def get_func(self):
            return 'func'

        @classmethod
        def get_class(cls):
            return 'cls'
        
        #物件被展示到html頁面上,就類似於執行答應操作,也會觸發__str__方法
        def __str__(self):
            return '__str__'

    obj = MyClass()

    return render(request, 'index.html', locals())
    # return render(request, 'index.html', {})#一個個傳

2、過濾器

(過濾器最多隻能有兩個引數)

"""
類似於模板語法內建的 內建方法
django內建有60多個過濾器

"""
#基本語法
{{資料|過濾器:引數}}
|length
|default
|filesizeformat  檔案大小
|date:'Y-m-d H:i:s'
|slice:'0:6:2'
|truncatechars(包含三個點)
|tucncatewords(不包含三個點,按空格切)
|add  數字加,字串拼接
|cut
|join
|safe


# 轉義
    #前端
    |safe
    #後端
    from django.utils.safestring import  mark_safe
    res=mark_safe('<h1>靜靜</h1>')
"""
前端程式碼不一定非要在前端頁面書寫,也可以先在後端寫好,然後傳遞給前端頁面
"""
  • 常間過濾器
<h1>過濾器</h1>
<p>統計長度:{{ s|length }}</p>
<p>預設值:{{ b|default:'nothing!!!' }}</p>
<p>檔案大小:{{ file_size|filesizeformat }}</p>
<p>日期格式化:{{ current_time|date:'Y-m-d H:i:s' }}</p>
<p>切片操作:{{ l|slice:'0:4:2' }}</p>
<p>切取字元:{{ info|truncatechars:9 }}</p>
<p>切取單詞(按照空格切):{{ word|truncatewords:9 }}</p>
<p>切取中文(按照空格切):{{ info|truncatewords:9 }}</p>
<p>移除特定的字元:{{ msg|cut:" " }} </p>
<p>拼接:{{ l|join:'$' }}</p>
<p>拼接操作(加法):{{ n|add:10 }}</p>
<p>拼接操作(加法):{{ s|add:msg }}</p>
<p>取消轉義:{{ hhh }}</p>
<p>轉義:{{ hhh|safe }}</p>
<p>轉義:{{ sss|safe }}</p>
<p>轉義:{{ res }}</p>
def index(request):
    # 模板語法可以傳遞的後端資料型別
    n = 123
    f = 11.1
    s = '1231'
    b = True
    l = ['123', '45', '哈哈', '1414141']
    t = (111, 22, 33, 44)
    d = {'usernaem': 'lisi', 'age': 18, 'hobby': [111, 222, 333, {'info': 'NB'}]}
    se = {'123', '133', 'ef'}
    file_size = 123131211

    def func():
        print('我i被執行了')
        return '函式'

    class MyClass(object):
        def get_self(self):
            return 'self'

        @staticmethod
        def get_func(self):
            return 'func'

        @classmethod
        def get_class(cls):
            return 'cls'

        # 物件被展示到html頁面上,就類似於執行答應操作,也會觸發__str__方法
        def __str__(self):
            return '__str__'

    obj = MyClass()

    file_size = 123131211
    current_time = datetime.datetime.now()
    info = '奧克蘭房間裡卡機分釐卡即使對方考慮按時間可了收到v不過他的風格公司v的是v打發發士大夫阿發發發是歌舞團和經濟仍維持v房間啊'


    word='my name is  zhao my age is 18 and i  am from china'
    msg='i love you '
    hhh='<h1>蛇姐</h1>'
    sss='<script>alert(123)</script>'

    from django.utils.safestring import  mark_safe

    res=mark_safe('<h1>靜靜</h1>')

    return render(request, 'index.html', locals())

    # return render(request, 'index.html', {})#一個個傳

3、模板語法之標籤

  • for迴圈
# for迴圈
{% for foo in l %}
    #<p>{{ forloop }}</p>
     <p>{{ foo }}</p>  # 一個個元素
{% endfor %}

"""
{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 4, 'revcounter0': 3, 'first': True, 'last': False}
"""
  • if判斷
#if判斷
{% if b %}
    <p>buddy</p>
{% elif s %}
    <p>ssss</p>
{% else %}
    <p>guy</p>
{% endif %}
  • for與if混合使用
#for與if混合使用
{% for foo in l %}
    {% if forloop.first %}
        <p>第一次迴圈</p>
    {% elif forloop.last %}
        <p>最後一次迴圈</p>
    {% else %}
        <p>{{ foo }}</p>
    {% endif %}
{% empty %}
    <p>for迴圈可迭代物件內部沒有元素,根本無法迴圈</p>
{% endfor %}
  • 處理字典方法
#處理字典其他方法
{% for key in d.keys %}
    <p>{{ key }}</p>

{% endfor %}
{% for value in d.values %}
    <p>{{ value }}</p>
{% endfor %}
{% for item in d.items %}
    <p>{{ item }}</p>
  
  • with起別名
 #with起別名
{% with  d.hobby.3.info as zs %}
    <p>{{ zs }}</p>
    在with語法內就可以通過as後面的別名快速的使用到前面非常複雜的資料
    <p>{{ d.hobby.3.info }}</p>
{% endwith %}

4、自定義過濾器,標籤以及inclusion_tag

  • 自定義過濾器
 
    """
    三步走:
    	1. 必須要在應用下建立一個名字"必須"叫templatetags資料夾
    	2.在該資料夾內建立"任意"名稱的py檔案
    	3.在該py檔案內"必須"先書寫兩句話
            from django import template

            register = template.Library()
    """

    


#自定義過濾器(引數最多兩個)
@register.filter(name='tag')
def my_sum(v1, v2):
    return v1 + v2

#頁面使用
{% load mytag %}   #先載入自定義的py檔案
<p>{{ n|tag:666 }}</p>
  • 自定義標籤
標籤多個引數彼此之間空格隔開
{% load mytag %}
<p>{% plus 'zhao' 123 456 789 %}</p>


# 自定義標籤(引數可以有多個)
@register.simple_tag(name='plus')
def index(a, b, c, d):
    return '%s-%s-%s-%s' % (a, b, c, d)
  • 自定義inclusion_tag
內部原理
	先定義一個方法
    在頁面上呼叫該方法,並且可以傳值
    該方法會生成一些資料然後傳遞給一個html頁面
    之後將渲染好的結果放到呼叫的位置
    
# 自定義inclusion_tag
#mytag.py
@register.inclusion_tag('left_menu.html')
def left(n):
    data = ['第{}項'.format(i) for i in range(n)]
    # 第一種
    # return {'data':data}
    # 第二種
    return locals()  # 把data傳遞給left_menu.html    


#left_menu.html

<ul>
    {% for datum in data %}
        <li>{{ datum }}</li>

    {% endfor %}

</ul>

#index.html
{% load mytag %}
{% left 10 %}


#當html頁面某一個地方的頁面需要傳引數能夠動態的渲染出來,並且在多個頁面上都需要使用該區域性,那麼就考慮該區域性頁面做成inclusion_tag形式
(bbs中會使用到)

5、模板的繼承

"""
同一個html頁面,想要重複使用大部分樣式,只是區域性修改
"""


#模板的繼承,先選好要繼承的模板頁面
{% extends 'home.html' %}

#繼承了之後子頁面跟模板頁面長得一摸一樣,需要在模板頁面上提前規劃可以被修改的區域
                    {% block 名字 %}


                    {% endblock %}

#然後子頁面可以宣告想要修改哪塊劃定了的區域
{% block 名字 %}
	子頁面內容
    
    子版頁面除了可以寫自己的程式碼之外,還可以繼續使用模板的內容
    {{ block.super }} 
{% endblock %}
        
#一般情況下模板頁面上應該至少有三塊可以被修改的區域
 1. css區域
 2. html區域
 3. js區域
    
    
每一個子頁面都可以有自己獨有的html程式碼,css程式碼,js程式碼
  • 一般情況下,模板頁面上劃定的區域越多,那麼該模板的擴充套件性就越高,但是如果太多,就還不如自己寫

6、模板的匯入

"""
將頁面的某一個區域性當作模組形式
哪個地方需要就可以直接匯入使用
"""

{% include 'demo.html' %}"