2. 程式人生 > >Django框架簡介及模板Template

Django框架簡介及模板Template

阿新 • • 發佈：2018-09-20
爸爸 特殊符號 html標簽 地址 [] slice ++ kong urn

Django框架簡介

MVC框架和MTV框架

MVC，全名是Model View Controller，是軟件工程中的一種軟件架構模式，把軟件系統分為三個基本部分：模型(Model)、視圖(View)和控制器(Controller)，具有耦合性低、重用性高、生命周期成本低等優點。

技術分享圖片

想要更詳細的了解MVC模式? >> 點我

Django框架的設計模式借鑒了MVC框架的思想，也是分成三部分，來降低各個部分之間的耦合性。

Django框架的不同之處在於它拆分的三部分為：Model（模型）、Template（模板）和View（視圖），也就是MTV框架。

Django的MTV模式

Model(模型)：負責業務對象與數據庫的對象(ORM)

Template(模版)：負責如何把頁面展示給用戶

View(視圖)：負責業務邏輯，並在適當的時候調用Model和Template

此外，Django還有一個urls分發器，它的作用是將一個個URL的頁面請求分發給不同的view處理，view再調用相應的Model和Template

Django框架圖示

技術分享圖片

Django模板系統

官方文檔

常用語法

Django模板中只需要記兩種特殊符號：

{{ }}和 {% %}

{{ }}表示變量，在模板渲染的時候替換成值，{% %}表示邏輯相關的操作。

變量

{{ 變量名 }}

變量名由字母數字和下劃線組成。

點（.）在模板語言中有特殊的含義，用來獲取對象的相應屬性值。

幾個例子：

view中代碼：

技術分享圖片 技術分享圖片 
def template_test(request):
    l = [11, 22, 33]
    d = {"name": "alex"}

    class Person(object):
        def __init__(self, name, age):
            self.name = name
            self.age = age

        def dream(self):
            return "{} is dream...".format(self.name)

    Alex = Person(name="Alex", age=34)
    Egon = Person(name="Egon", age=9000)
    Eva_J = Person(name="Eva_J", age=18)

    person_list = [Alex, Egon, Eva_J]
    return render(request, "template_test.html", {"l": l, "d": d, "person_list": person_list})
技術分享圖片 技術分享圖片

模板中支持的寫法：

技術分享圖片 技術分享圖片 
{# 取l中的第一個參數 #}
{{ l.0 }}
{# 取字典中key的值 #}
{{ d.name }}
{# 取對象的name屬性 #}
{{ person_list.0.name }}
{# .操作只能調用不帶參數的方法 #}
{{ person_list.0.dream }}
技術分享圖片 技術分享圖片

註：當模板系統遇到一個（.）時，會按照如下的順序去查詢：

  1. 在字典中查詢
  2. 屬性或者方法
  3. 數字索引

Filters

翻譯為過濾器，用來修改變量的顯示結果。

語法： {{ value|filter_name:參數 }}

‘|‘左右沒有空格沒有空格沒有空格

default　　

{{ value|default:"nothing"}}

如果value值沒傳的話就顯示nothing

註：TEMPLATES的OPTIONS可以增加一個選項：string_if_invalid：‘找不到‘，可以替代default的的作用。

filesizeformat

將值格式化為一個 “人類可讀的” 文件尺寸 （例如 ‘13 KB‘, ‘4.1 MB‘, ‘102 bytes‘, 等等）。例如：

{{ value|filesizeformat }}

如果 value 是 123456789，輸出將會是 117.7 MB。

add

給變量加參數

{{ value|add:"2" }}

value是數字4，則輸出結果為6。

{{ first|add:second }}

如果first是 [1,.2,3] ，second是 [4,5,6] ，那輸出結果是 [1,2,3,4,5,6] 。

lower

小寫

{{ value|lower }}

upper

大寫

{{ value|upper}}

title

標題

{{ value|title }}

ljust

左對齊

"{{ value|ljust:"10" }}"

rjust

右對齊

"{{ value|rjust:"10" }}"

center

居中

"{{ value|center:"15" }}"

length

{{ value|length }}

返回value的長度，如 value=[‘a‘, ‘b‘, ‘c‘, ‘d‘]的話，就顯示4.

slice　　

切片

{{value|slice:"2:-1"}}

first

取第一個元素

{{ value|first }}

last

取最後一個元素

{{ value|last }}

join

使用字符串拼接列表。同python的str.join(list)。

{{ value|join:" // " }}

truncatechars

如果字符串字符多於指定的字符數量，那麽會被截斷。截斷的字符串將以可翻譯的省略號序列（“...”）結尾。

參數：截斷的字符數

{{ value|truncatechars:9}}

date

日期格式化

{{ value|date:"Y-m-d H:i:s"}}

可格式化輸出的字符：點擊查看。

safe

Django的模板中會對HTML標簽和JS等語法標簽進行自動轉義，原因顯而易見，這樣是為了安全。但是有的時候我們可能不希望這些HTML元素被轉義，比如我們做一個內容管理系統，後臺添加的文章中是經過修飾的，這些修飾可能是通過一個類似於FCKeditor編輯加註了HTML修飾符的文本，如果自動轉義的話顯示的就是保護HTML標簽的源文件。為了在Django中關閉HTML的自動轉義有兩種方式，如果是一個單獨的變量我們可以通過過濾器“|safe”的方式告訴Django這段代碼是安全的不必轉義。

比如：

value = "<a href=‘#‘>點我</a>"

{{ value|safe}}

自定義filter

自定義過濾器只是帶有一個或兩個參數的Python函數:

  • 變量（輸入）的值 - -不一定是一個字符串
  • 參數的值 - 這可以有一個默認值，或完全省略

例如，在過濾器{{var | foo：“bar”}}中，過濾器foo將傳遞變量var和參數“bar”。

自定義filter代碼文件擺放位置：

技術分享圖片 技術分享圖片 
app01/
    __init__.py
    models.py
    templatetags/  # 在app01下面新建一個package package
        __init__.py
        app01_filters.py  # 建一個存放自定義filter的py文件
    views.py
技術分享圖片 技術分享圖片

編寫自定義filter

技術分享圖片 技術分享圖片 
from django import template
register = template.Library()


@register.filter
def fill(value, arg):
    return value.replace(" ", arg)


@register.filter(name="addSB")
def add_sb(value):
    return "{} SB".format(value)
技術分享圖片 技術分享圖片

使用自定義filter

技術分享圖片 技術分享圖片 
{# 先導入我們自定義filter那個文件 #}
{% load app01_filters %}

{# 使用我們自定義的filter #}
{{ somevariable|fill:"__" }}
{{ d.name|addSB }}
技術分享圖片 技術分享圖片

模板測試:

views.py

技術分享圖片 
from django.shortcuts import render,HttpResponse,redirect
import datetime

# Create your views here.

def exp(request):
    lis = ["哈哈","嘿嘿","啦啦"]
    dic = {
        "name" : "郝旭",
        "age" : 21,
        "job" : "IT"
    }
    kong = []
    filesize = 2048
    a = 9
    lis1 = [1,2,3]
    lis2 = [4,5,6]
    b = "RISITANIANGA"
    string = "我是最棒的"
    long_str = "qwertyuiopasdfghjklzxcvbnm"
    data_now = datetime.datetime.now()
    # print(time.strftime("%Y-%m-%d %H:%M:%S"))
    class Person(object):
        def __init__(self,name,age,job):
            self.name = name
            self.age = age
            self.job = job
        def dream(self):
            return "{} is dream...".format(self.name)
        def __str__(self):
            return "{}".format(self.name)
        #python2中的方法:
        def __unicode__(self):
            return "{}".format(self.name)
        __repr__=__str__

    a1 = Person("郝大爺",21,"IT")
    a2= Person("郝叔叔",21,"程序猿")
    a3 = Person("好爸爸",21,"工程師")
    person_list = [a1,a2,a3]
    return render(request,
                  "exp.html",
                  {"lis":lis,"dic":dic,"person_list":person_list,"kong":kong,
                   "filesize":filesize,"a":a,"lis1":lis1,"lis2":lis2,"b":b,"string":string,
                   "long_str":long_str,"data_now":data_now,‘js‘: """<script>
                                                                         for(var i=0;i<5;i++){
                                                                            alert(‘123‘)
                                                                                        }
                                                                    </script>""",
                   ‘a_html‘: ‘<a href="https://docs.djangoproject.com/en/1.11/ref/templates/builtins/#date">點擊</a>‘,
                   "a1":a1}
                  )
技術分享圖片

urls.py

技術分享圖片 
from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r‘^admin/‘, admin.site.urls),
    url(r‘^exp/‘, views.exp),
]
技術分享圖片

自定義filters:

技術分享圖片

exp.html:

技術分享圖片 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板測試</title>
</head>
<body>
{{ lis.0 }}
<hr>
{{ lis.2 }}
<hr>
{{ lis }}
<hr>
{% for num in lis %}
    {{ num }}
{% endfor %}
<hr>
{{ dic.name }}
<hr>
{{ dic.keys }}
{{ dic.values }}
{{ dic.items }}
<hr>
{% for key,value in dic.items %}
    {{ key }}:{{ value }}
{% endfor %}
<hr>
{{ person_list.0.name }}
{{ person_list.1.job }}
{{ person_list.2.name }}
<hr>
{{ person_list.0.dream }}
<hr>
{{ kong|default:"nothing" }}
<hr>
{{ kongkong|default:"nothing" }}
<hr>
{{ filesize|filesizeformat }}
<hr>
{{ a|add:"1" }}
<hr>
{{ lis1|add:lis2 }}
<hr>
{{ b|lower|title }}
<hr>
<p>{{ string|center:"30" }}</p>
<hr>
{{ string|length }}
<hr>
{{ lis|slice:"-1:-3:-1" }}
<hr>
{{ string|first }}
<hr>
{{ lis|join:"_" }}
<hr>
{{ long_str|truncatechars:"9" }}  {#截斷#}
<hr>
{{ data_now|date:"Y-m-d H:i:s" }}   {# 日期格式化 #}
<hr>
{{ js|safe }}
<hr>
{{ a_html|safe }}
<hr>
{{ a1 }}
<hr>
{{ person_list.0 }}
<hr>
{% load my_filters %}
{{ a1.name|my_filters:"好" }}
<hr>
{{ a1.name }}
<hr>
{{ person_list }}    {# 通過列表會調用類中的__repr__方法,還是會顯示對象的地址,並不會顯示對象.name,所以要加上__repr__=__str__ 可另行更改__repr__#}
<hr>
{{ a1 }}
</body>
</html>
技術分享圖片

Django框架簡介及模板Template

相關推薦

Django框架簡介及模板Template

爸爸 特殊符號 html標簽 地址 [] slice ++ kong urn Django框架簡介 MVC框架和MTV框架 MVC，全名是Model View Controller，是軟件工程中的一種軟件架構模式，把軟件系統分為三個基本部分：模型(Model)、視圖(Vie

Django框架簡介

view(視圖) 分發 inf char any pyc 使用 數據 軟件 MVC框架和MTV框架 MVC，全名是Model View Controller，是軟件工程中的一種軟件架構模式，把軟件系統分為三個基本部分：模型(Model)、視圖(View)和控制器(Cont

SpringBoot框架簡介及搭建

pro org 除了 運行 maven sha 方法 variable tid Spring Boot 簡介 1. 什麽是SpringBoot 1.1 Spring Boot是由Pivotal團隊提供的全新框架，其設計目的是用來簡化新Spring應用的初始搭建以及開發過程。

Ajax / Javascript 框架簡介及集合列表

Ajax / Javascript 框架簡介及集合列表 AJAX框架能夠幫助我們快速開發能夠通過JavaScript呼叫WebService（Server Page）的網頁，而不必要提交整個頁面。近來的web應用都使用AJAX來提高網頁的可互動性和實現更好的功能。目前網際網路上有上百個AJ

Ribbon 框架簡介及搭建（沒有與SpringCloud整合，獨立使用）

Ribbon簡介 1.  負載均衡框架，支援可插拔式的負載均衡規則 2.  支援多種協議，如HTTP、UDP等 3.  提供負載均衡客戶端 Ribbon子模組 1.  ribbon-core（ribbon的核心，主要包含負載均衡器、負載均衡介面、客戶端介面

簡單的django框架應用及小專案一

一、用django框架獲取全國天氣 在我們開始做專案的步驟大概分為四個步驟： 準備階段    1.首先，我們在桌面建一個新的資料夾，然後在在這個資料夾裡新建專案（在終端裡程式碼建立），新建App，操作過程如下圖所示：    2. -建好專

jhipster框架簡介及搭建

jhipster框架 Jhipster是為您生成一個完整的現代Web應用程式或微服務架構： 它使用Spring Boot在伺服器端實現高效能和強大的Java堆疊，這是一款時尚，現代，移動優先的前端，配有Angular，React和Bootstrap，一個強大的微服務架構，

Django - - 基礎 - - Django框架簡介

目錄 MVC框架和MTV框架 APP 路由系統 檢視系統 模板 模型 1， MVC框架和MTV框架 MVC，全名是Model View Controller，是軟體工程中的一種軟體架構模式，把軟體系統分為三個基本部分：模型(Model)、檢視(View)和控制器(Co

SSM框架簡介及整合教程

1.Spring Spring 框架是 Java 應用最廣的框架，它的成功來源於理念，而不是技術本身，它的理念包括 IoC (控制反轉) 和 A面向切面程式設計)。Spring框架是個輕量級的Java EE框架，所謂輕量級，是指不依賴於容器就能執行的。簡單來說，Spring是一個輕量級的控制反轉

Ribbon 框架簡介及搭建

Ribbon簡介 1.  負載均衡框架，支援可插拔式的負載均衡規則 2.  支援多種協議，如HTTP、UDP等 3.  提供負載均衡客戶端 Ribbon子模組 1.  ribbon-core（ribbon的核心，主要包含負載均衡器、負載均衡

Django框架簡介和工程搭建

Django框架 一、Django介紹 二、Django工程搭建 回到頂部   一、Django介紹 　　1.簡介 　　　　    Django的主要目的是簡便、快速的開發資料庫驅動的網站。它強調程式碼複用，多個元件可以很方便的以"外掛"形式服務於整個框架，Djan

Django框架簡介與使用注意事項

一、Django框架簡介 MVC框架和MTV框架 MVC框架 MVC，全名是Model View Controller，是軟體工程中的一種軟體架構模式，把軟體系統分為三個基本部分：模型(Model)、檢視(View)和控制器(Controller)，具有耦合性低、重用性高、生命週期成本低等優點。 Djan

Django框架簡介和建立django專案的基本流程

1、Django簡介   Django是Python語言中的一個web框架，Python語言中主流的web框架有Django、Tornado、Flask 等多種。Django相較與其它WEB框架，其優勢為： ​ 大而全，框架本身集成了ORM、模型繫結、模板引擎、快取、Session等功能，是一個全

Django 框架中的自定義模板標籤（template.Library()）

某一些標籤（例如：選單欄、css、JS、以及一些複雜計算後的資料等）需要我們自定義。 然後再在指定的html中引用並顯示。 之所以要用到標籤，主要作用就是想讓一些內容在多個模板（HTML）中都要有，比如選單欄。 我們絕對不想在每個檢視函式（views中）都寫一次這些變數內容。 即每個頁面

Django框架之template(模板)中的安全機制

當專案執行過程中的Html頁面獲取來自Views中的資料時，獲取到的資料存在HTML轉義的特性： 在使用template模板語言時，需要注意的是{{ }}用於載入變數，而{% %}用於載入語句 正常：{{ str_data}}  ,   safe機制：{{ str_dat

C++ 泛型程序設計與STL模板庫(1)---泛型程序設計簡介及STL簡介與結構

urn 向上 隊列 是把 鏈表 需要 input stack 特定 泛型程序設計的基本概念 編寫不依賴於具體數據類型的程序 將算法從特定的數據結構中抽象出來，成為通用的 C++的模板為泛型程序設計奠定了關鍵的基礎 術語：概念 用來界定具備一定功能的數據類型。例如：

Django框架中的視圖和模板

select標簽 self 不為 shee 渲染 上傳文件 當前 www current 視圖views django中的視圖就是用來定義函數來處理一些邏輯的核心地方。 django中通過urls來建立路徑跟views中的視圖函數的映射關系。 urls中的映射關系 ‘‘

Django之模板(Template)

新建 內部 寫法 models else person ret Language 自定義函數 Django模板系統 官方文檔 每一個Web框架都需要一種很便利的方法用於動態生成HTML頁面。 最常見的做法是使用模板。 模板包含所需HTML頁面的靜態部分，以及一些特殊的模版語

xposed框架的安裝及模板的使用

做出 就是 不用 影響 ref image qq安裝 自己的 制作 1. xposed插件 Xposed框架是一款可以在不修改APK的情況下影響程序運行(修改系統)的框架服務，基於它可以制作出許多功能強大的模塊，且在功能不沖突的情況下同時運作。 裏面的模塊很強大，可以做出很

Django框架之模板基礎，靜態文件配置

view def 定義 join 同名 log gpo 意思 red 一、模板繼承 目的是：減少代碼的冗余 語法： {% block classinfo %} {% endblock %} 具體步驟： 1、創建一個base.html文件，2、把要顯示的頁面的內容寫在