Django基础(三)———模板

发布于：2025-07-18 ⋅ 阅读:(18) ⋅ 点赞:(0)

前言

在之前的文章中，视图函数只是直接返回文本，而在实际生产环境中其实很少这样用，因为实际的页面大多是带有样式的HTML代码，这可以让浏览器渲染出非常漂亮的页面。目前市面上有非常多的模板系统，其中最知名最好用的就是DTL和jinja2。DTL是Django Template Language 三个单词的缩写，也就是Django自带的模板语言。当然也可以配置Django支持jinja2等其他模板引擎，但是作为Django内置的模板语言，和Django可以达到无缝衔接而不会产生一些不兼容的情况。因此建议大家学习好DTL。

一、DEL与普通的HTML文件的区别

DTL模板是一种带有特殊语法的HTML文件，这个HTML文件可以被Django编译，可以传递参数进去，实现数据动态化。在编译完成后，生成一个普通的HTML文件，然后发送给客户端。

二、渲染模板 

Django提供了一个简便的方式，直接将模板染成字符串和包装成HttpResponse对象一步到位完成。

1.创建templates文件夹，所有的html模板将放入其中

2.找到settings.py文件将模板路径输入其中

'DIRS': [os.path.join(BASE_DIR,'./templates')],

 3.准备HTML模板 index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落</p>
</body>
</html>

4.编写视图函数

#app应用中 views.py文件
from django.shortcuts import render
#模板应用
def index(request):
    return render(request,template_name="index.html")

5.编写路由

#app应用中 urls.py文件
from django.contrib import admin
from django.urls import path
from app import views
urlpatterns = [
    path('admin/', admin.site.urls),
   
    path('',views.index, name='index')

三、DTL模板语法

1.变量

模板中可以包含变量，Django在渲染模板的时候，可以传递变量对应的值过去进行替换。变量的命名规范和Python非常类似，只能是阿拉伯数字和英文字符以及下划线的组合，不能出现标点符号等特殊字符。变量需要通过视图函数渲染，视图函数在使用render或者render_to_string的时候可以传递一个context的参数，这个参数是一个字典类型。以后在模板中的变量就从这个字典中读取值的。

1.编写视图函数

#app应用中 views.py文件
#动态传值
def info(request):
    #1.普通变量
    username = '你好，世界'
    # return render(request,template_name="info.html", context={'username':username})
    #2.字典类型
    book = {'name':"水浒传",'author':'施耐庵'}
    # return render(request, template_name="info.html", context={'username': username,'book':book})
    #3.列表类型
    books = [
        {'name':'水浒传','author':'施耐庵'},
        {'name':'三国演义','author':'罗贯中'}
    ]
    # context = {
    #     'username':username,
    #     'book':book,
    #     'books':books
    # }
    # return render(request, template_name="info.html", context=context)
    #4.对象
    class Person:
        def __init__(self):
            self.realname = '张安'

    context = {
        'username': username,
        'book': book,
        'books': books,
        'person':Person()
    }
    return render(request, template_name="info.html", context=context)

2.编写路由

#app应该中 urls.py文件
from django.contrib import admin
from django.urls import path
from app import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',views.index, name='index'),
    path('info',views.info,name='info')

]

3.编写html文件(info.html)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>
    <h1>{{ username }}</h1>
    <h1>{{ book.name }}</h1>
    <h1>{{ books.1.name}}</h1>
    <h1>{{ person.realname}}</h1>

</body>
</html>

四、常用标签

1.if标签

if标签:if标签相当于python中的if语句，有elif和else相对应，但是所有的标签都需要用标签符号({%%})进行包裹。if标签中可以使用=、!=、<、<=、>、>=、in、not in、is、is not等运算符

1.编写视图函数

#app应用views.py中l
def index(request):
    age = 20
    return render(request,template_name='index.html',context={'age':age})

2.编写路由

#主路由 urls.py
path('if',views.if_,name='if')

3.编写html

#if.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>
    {% if age > 18 %}
    <p>你可以进去了</p>
     {% elif age < 18 %}
    <p>你不可以进去</p>
    {% endif %}
</body>
</html>

2.for标签

for...in...标签:for...in...类似于python中的for...in...。可以遍历列表、元组、字符串、字典等一切可以遍历的对象。

1.编写视图函数

#app应用 views.py中
def for_(request):
    #1.列表
    books = [
        {'name': '水浒传', 'author': '施耐庵'},
        {'name': '三国演义', 'author': '罗贯中'}
    ]
    #2.字典
    # for x in person.items/keys/values
    person ={
        'realname':"张三",
        "age":18,
        "height":180
    }
    context = {
        'books':books,
        "person":person
    }
    return render(request,template_name='for.html',context=context)

2.编写路由

#主路由的urls.py
path('for',views.for_,name='for')

3.编写html

#for.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>

<table>
    <tbody>
         {% for book in books %}
            <tr>
                <td>{{ book.name }}</td>
                <td>{{ book.author }}</td>
            </tr>
         {% endfor %}
    </tbody>
</table>
<div>
    {% for key, value in person.items %}
        <p> {{ key }} : {{ value }} </p>
    {% endfor %}
</div>
</body>
</html>

如果想要反向遍历，那么在遍历的时候就加上一个reversed。

{% for person in persons reversed %}
    <p>{{ person.name }}</p>
{% endfor %}

在for循环中，DTL提供了一些变量可供使用。这些变量如下:

  • forloop.counter:当前循环的下标。以1作为起始值。

  • forloop.counter0:当前循环的下标。以0作为起始值。 forloop.revcounter:当前循环的反向下标值。比如列表有5个元素，那么第一次遍历这个属性是等于5，第二次是4，以此类推。并且是以1作为最后一个元素的下标。

  • forloop.revcounter0:类似于for1oop.revcounter。不同的是最后一个元素的下标是从0开始。

  • forloop.first:是否是第一次遍历。

  • forloop.last:是否是最后一次遍历

  • forloop.parentloop:如果有多个循环嵌套，那么这个属性代表的是上一级的for循环。

3.with标签

with标签:在模版中定义变量。有时候一个变量访问的时候比较复杂，那么可以先把这个复杂的变量缓存到一个变量上，以后就可以直接使用这个变量就可以了。

1.编写视图函数

#app应用 views.py中
def with_(request):
    context ={
        'books':[
            {'name': '水浒传', 'author': '施耐庵'},
            {'name': '三国演义', 'author': '罗贯中'}
        ]
    }
    return render(request,template_name='with.html',context=context)

 2.编写路由

#主路由中的urls.py
 path('with',views.with_,name='with')

3.编写html

#with.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>

{% with book1 = book.1 %}
    <p>{{ book1.name }}/{{ book1.author }}</p>
{% endwith %}

</body>
</html>

4.url标签

url标签:在模版中，我们经常要写一些url，比如某个a标签中需要定义href属性。当然如果通过硬编码的方式直接将这个url写死在里面也是可以的。但是这样对于以后项目维护可能不是一件好事。因此建议使用这种反转的方式来实现，类似于django中的reverse一样。

1.编写视图函数

#app应用 views.py中
def url_(request):
    return render(request,template_name='url.html')

def book_id(request,book_id):
    return HttpResponse("您的图书id:{}".format(book_id))

2.编写路由

#主路由中的urls.py
 path('url',views.url_,name='url'),
 path('book/int:<book_id>',views.book_id,name='book_id')

3.编写html

#url.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>

<a href="{% url 'for' %}">for.html</a>
<a href="{% url 'book_id' 1 %}">图书列表</a>

</body>
</html>

网站公告

今日签到

点亮在社区的每一天
去签到

热门文章

最新发布