Django 模板层

待我称王封你为后i 2021-12-16 12:15 368阅读 0赞

## 模板简介 ##

模板就是一个文本，用于分离文档的表现形式和内容

django里的模板可以理解为：**HTML代码＋模板语法**

## **一、模**板语法之变量 ##

**模板语法的注释** 
        不会展示到前端页面:\{\#模板语法注释\#\} 
**原生html的注释** 
        会展示到前端:

### 1，语法 ###

用双大括号  \{ \{ var\_name \}\}

**2，深度查询：**

通过句点符号 .

**3，示例**

view视图代码

def reg (request):
        name = "hello template"
        i = 200
        l = [111, [333, 444, 555], 333]
        d = {
        "name": "yuan", "age": 23}
        class Person(object):
            def __init__(self, name, age):
                self.name = name
                self.age = age
            def dream(self):
                return "I am dreaming"
    
        person_bjd = Person("bjd", 20)
        return render(request,'xxxxx.html',locals())

html文件代码

{
 { name }}
 {
 { i }}
 {
 { l.1 }} #支持.索引取值
 {
 { d.name }}
 {
 { person_bjd }}
 {
 { person_bjd.name }}
 {
 { person_bjd.age }}
 {
 { person_bjd.dream }}

注意：.语法调用方法名时，会自动加（）执行，但是不能传参，所以.语法只能调用不需要传参的方法

## ![1635173-20190611170356890-1596616825.png][] ##

**\{ \{ person\_bjd \}\}显示的时对象的内存地址，我们可以用\_\_str\_\_修改**

## 二、模板之过滤器 ##

### **1、过滤器语法：** ###

\{ \{ 变量名|过滤器: 参数\}\}

### 2.常用过滤器 ###

**default 设置默认**  
如果一个变量是false或者为空，使用给定的默认值。例如：  
\{ \{ value|default:"查询为空" \}\}

![1635173-20190611171708802-1524069607.png][]

**lenght 长度**  
返回值的长度。它对字符串和列表都起作用。例如：  
\{ \{ value|length \}\}

本质是把value作为一个参数传给length过滤器

![1635173-20190611171516127-625029933.png][]

**filesizeformat 文件大小**  
将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等）。例如：  
\{ \{ value|filesizeformat \}\}，比如可以先用os.getsize()获取文件的大小，获得一个数字，再对这个数字用**filesizeformat**就可以获得这个文件的大小，单位为Kb，Mb等  
  
**date 格式化时间**  
\{ \{ t|date:"Y-m-d" \}\}  
  
**slice 切片**  
可以将我们需要的部分切出来  
\{ \{value|slice:"2:-1"\}\}

**truncatechars**  
截取固定的长度的字符串 三个点...也算,并且算3个

\{ \{ value|truncatechars:20 \}\}

**truncatewords**

按照空格截取文本内容 
\{ \{ value|truncatewords:5 \}\}

**add**

就是相加，可以两个数字相加，也可以两个字符0串相加（拼接）

\{ \{ 'hahah'|add:'heheheh' \}\}

![1635173-20190611172846883-1889575175.png][]

**safe 安全机制**  
Django的模板中会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全。  
但是有的时候我们可能不希望这些HTML元素被转义，我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义

1，前端取消转意 
value="<a href="">点击</a>" 
\{ \{ value|safe\}\}

2，后端取消转意 
  from django.utils.safestring import mark\_safe 
  xxx = mark\_safe('<h1>我是h1标签</h1>')

## 三、模板之标签 ##

### **1，语法** ###

\{% tag %\}，逻辑相关

###    **2，for 标签  遍历** ###

{% for person in person_list %}
 {
 { person.name }}
 {
 % endfor %} 
 
 {
 % for k,v in d.items %}
 {
 { k }},{
 { v }}
 {
 % endfor %}
 
 
 {
 % for person in personList reversed %}
 {
 { forloop.counter }}---{
 { person.name }},{
 { person.age }}
 {
 % endfor %}

可以利用\{% for obj in list reversed %\}反向完成循环。

循环序号可以通过｛｛forloop｝｝显示

*  forloop.counter     　　  当前循环的索引值（从1开始）
 *  forloop.counter0     　　当前循环的索引值（从0开始）
 *  forloop.revcounter         当前循环的倒序索引值（从1开始）
 *  forloop.revcounter0       当前循环的倒序索引值（从0开始）
 *  forloop.first    　　　　  当前循环是不是第一次循环（布尔值）
 *  forloop.last      　　　   当前循环是不是最后一次循环（布尔值）
 *  forloop.parentloop         本层循环的外层循环

**empty**  
            当for循环对象为空的时候会自动走empty代码块儿的内容

后端:
 l = None
 前端:
 {
 % for foo in l %}
 {
 % if forloop.first %}
 这是我的第一次
 {
 % elif forloop.last %}
 这是最后一次了啊
 {
 % else %}
 嗨起来！！！
 {
 % endif %}
 {
 % empty %}
 你给我的容器类型是个空啊，没法for循环
 {
 % endfor %

### **3.if判断** ###

{% if flag %}
 　　flag不为空
 {
 % else %}
 flag是空
 {
 % endif %}

## ##

### **4，for if嵌套使用** ###

{% for foo in l %}
 {
 % if forloop.first %}
 这是我的第一次
 {
 % elif forloop.last %}
 这是最后一次了啊
 {
 % else %}
 嗨起来！！！
 {
 % endif %}
 {
 % endfor %}

## **四、自定义标签和过滤器** ##

**必须做的三件事**  
**        1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)**  
**        2.在该新建的文件夹内新建一个任意名称的py文件**  
**        3.在该py文件中需要固定写下面两句代码**  
            from django import template  
            register = template.Library()

![1635173-20190611195657525-1861070667.png][]

name=???是起别名，起了的话之后调用就只能用别名，不起的话就直接用函数名index1，index2

![1635173-20190611195721435-356505642.png][]

**自定义过滤器和自定义标签的区别**

1，调用方式不同，过滤器\{ \{\}\}，标签\{%%\}

2，自定义过滤器最多只能两个参数，前面一个，后面一个，自定义标签没有限制，直接放在跟后面用空格隔开。

## 自定义inclusion\_tag ##

**\# 自定义inclusion\_tag** 
            @register.inclusion\_tag('login.html',name='login') 
            def login(n): 
                \# l = \[\] 
                \# for i in range(n): 
                \#     l.append('第%s项'%i) 
                l = \[ '第%s项'%i for i in range(n)\] 
                return \{'l':l\} 
 **\# login.html** 
            <ul> 
                \{% for foo in l %\} 
                <li>\{ \{ foo \}\}</li> 
                \{% endfor %\} 
            </ul> 
** \# 调用** 
        \{% login 5 %\}

注意 :要想使用自定义的过滤器 标签 inclusion\_tag 必须先在需要使用的html页面加载你的py文件  
\{% load my\_tag %\}

## 五、模板的继承 ##

**模板的继承与导入** 
        首先需要在被继承的模板中划分多个区域 
        \{% block 给区域起的名字 %\} 
        \{% endblock %\} 
         
**通常情况下一个模板中应该至少有三块** 
            \{% block css %\} 
                页面css代码块 
            \{% endblock %\} 
 
            \{% block js %\} 
                页面js代码块 
            \{% endblock %\} 
 
            \{% block content %\} 
                页面主体内容 
            \{% endblock %\} 
**子板继承模板** 
            先继承模板所有的内容 
            \{% extends 'home.html' %\} 
             
            然后根据block块的名字修改指定区域的内容 
            \{% block content %\} 
                <h1>登录页面</h1> 
                    <form action=""> 
                        username:<input type="text" class="form-control"> 
                        password:<input type="text" class="form-control"> 
                        <input type="submit" class="btn btn-success"> 
                    </form> 
            \{% endblock %\} 
    
**模板的导入**

将一段html当做模块的方式导入到另一个html展示 
        \{% include '想导入的html文件名' %\} 
     
     
**静态文件配置** 
    \{% load static %\}   
     
    <link rel='stylesheet' href="\{% static 'css/mycss.css'%\}">  \# 第一种方式 
    <link rel='stylesheet' href="\{% get\_static\_prefix %\}css/mycss.css">  \# 第二种方式

转载于:https://www.cnblogs.com/tuanzibuku/p/11005804.html

[1635173-20190611170356890-1596616825.png]: /images/20211214/5f884f85a08f41da97ed46d1285bb64a.png
[1635173-20190611171708802-1524069607.png]: /images/20211214/f5caf1378d5b40b5a63c4764092eaca8.png
[1635173-20190611171516127-625029933.png]: /images/20211214/8aa8ecd868774e1dadd310dd4f43ab4c.png
[1635173-20190611172846883-1889575175.png]: /images/20211214/2a92854c4986425489a3d36ec584ad8a.png
[1635173-20190611195657525-1861070667.png]: /images/20211214/eec5c00a0e914da6bfeb161567fd92aa.png
[1635173-20190611195721435-356505642.png]: /images/20211214/1be2cd3fe6d14802bf6e3aa89b1747a2.png