Django_study_day08：模板入门

最新推荐文章于 2024-07-06 08:00:00 发布

融这茫茫人海刺骨凉

最新推荐文章于 2024-07-06 08:00:00 发布

阅读量180

点赞数

分类专栏： Django学习文章标签： Django

本文链接：https://blog.csdn.net/weixin_41996673/article/details/84982112

版权

Django学习专栏收录该内容

15 篇文章 0 订阅

订阅专栏

提问

如何向请求者返回一个漂亮的页面？

肯定需要用到html、css，如果想要更炫的效果还要加入js，问题来了，这么一堆字段串全都写到视图中，作为HttpResponse的参数吗？这样定义就太麻烦了吧，因为定义字符串是不会出任何效果和错误的，如果有一个专门定义前端页面的地方就好了

解决的办法来了：模板

在Django中，将前端的内容定义在模板中，然后再把模板交给视图调用，各种漂亮、炫酷的效果就出现了

模板不仅仅是一个html文件

创建模板

为应用booktest下的视图index创建模板index.html，目录结构如下图：

在这里插入图片描述

设置查找模板的路径：打开test1/settings.py文件，设置TEMPLATES的DIRS值

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

在这里插入图片描述

定义模板

打开templtes/booktest/index.html文件，定义代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板文件</title>
</head>
<body>
<h1>模板文件</h1>
</body>
</html>

在这里插入图片描述

在模板中输出变量语法如下，变量从视图中传递过来，也可以是在模板中定义的

{{ 变量名 }}

在模板中编写代码段语法如下：

{% 代码段 %}

<html>
<head>
    <title>图书列表</title>
</head>
<body>
<h1>{{title}}</h1>
{%for i in list%}
{{i}}<br>
{%endfor%}
</body>
</html>

视图调用模板

调用模板分为三步骤：

1.找到模板
2.定义上下文
3.渲染模板

打开booktest/views.py文件，调用上面定义的模板文件

from django.http import HttpResponse
from django.template import loader,RequestContext


 def my_render(request, template_path, context_dict={}):
        """使用模板文件"""
        # 使用模板文件
        # 1.加载模板文件，获取一个模板对象
        temp = loader.get_template(template_path)
        # 2.定义模板上下文：给模板文件传递数据
        context = RequestContext(request, context_dict)
        # 3.模板渲染：产生标准的html内容
        res_html = temp.render(context)
        # 4.返回给浏览器
        return HttpResponse(res_html)

redirect和render的返回值是HttpResponse的对象或者子对象

在booktest/views.py文件中的代码如下：

def index(request):
	# 使用render方法和my_render方法返回的结果相同，我们重写的my_render和render方法原理一样
    return my_render(request, 'booktest/index.html', {'content': 'hello world', 'list': list(range(1, 10))})

输出结果：

在这里插入图片描述

视图调用模板简写

视图调用模板都要执行以上三部分，于是Django提供了一个函数render封装了以上代码，相当于我们自己写的my_render方法，我们在调用my_render和render方法后，返回的结果是一样的。方法render包含3个参数：

第一个参数为request对象
第二个参数为模板文件路径
第三个参数为字典，表示向模板中传递的上下文数据

打开booktst/views.py文件，调用render的代码如下：

from django.shortcuts import render


def index(request):
    context={'title':'图书列表','list':range(10)}
    return render(request,'booktest/index.html',context)