Python Django模板系统详解

宋时安
宋时安
发布时间:2026-10-14| 5人浏览过
原创

本文详细解析Django模板系统,涵盖模板路径配置、变量语法及静态文件引用。通过settings.py配置TEMPLATES,使用render函数在view.py中渲染HTML,并演示{{ }}变量、字典列表访问及静态资源加载方法,帮助开发者快速掌握Django前端交互核心。

设置模板路径

在Django项目目录下新建templates文件夹,用于存放HTML模板文件。

为了减少模板加载调用过程及模板本身的冗余代码,Django 提供了一种使用方便且功能强大的 API ,当使用模板加载API时,需要将模板路径告诉框架,在项目settings.py中设置模板路径,如图:

settings.py中的BASE_DIR为项目路径。


在TEMPLATES中的BIRS来设置模板路径


templates下编写index.html写入如下代码:


!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
   <h1>hello world!</h1>
</body>
</html>

视图文件view.py中编写如下代码,通过render渲染html文件:


from django.shortcuts import render

# 获取对应模板通过render渲染
def index(request):
    return render(request, 'index.html')

结果如下:

模板变量

Django模板中使用{{ }}来表示变量:

{{ 变量名 }}:变量名由字母数字和下划线组成,其值可以是任何数据类型

举例如下:

当模板引擎遇到变量时,会计算该变量,并将其替换为结果


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h3>{{ content }}</h3>
    <h3>{{ info }}</h3>
</body>
</html>

view.py中render渲染时通过context以字典形式传递值:


from django.shortcuts import render

def index(request):
 	content = 'hello world'
    info = {'name': 'test', 'age': 18}
    return render(request, 'index.html', context={'content': content, 'info': info})


模板中支持以下语法:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h3>{{ content }}</h3>
    
    <!-- 获取字典中key的值 -->
    <h3>{{ info.name }}</h3>
    
    <!-- 通过索引获取列表的值 -->
    <h3>{{li.1}}</h3>
    
    <!-- 调用不带参数的方法 -->
    <h3>{{ fun }}</h3>
    
    <!-- 获取对象属性 -->
    <h3>{{ obj.name }}</h3>
</body>
</html>

view.py:


from django.shortcuts import  render

def index(request):
    content = 'hello world'
    info = {'name': 'test', 'age': 18}
    li = [1, 2, 3]

    class Obj:
        def __init__(self, name):
            self.name = name

    M = Obj('对象属性:MING')

    def fun():
        return '方法:fun'

    return render(request, 'index.html', context={'content':content,'info': info,'li': li,'fun': fun,'obj': M})

引用静态文件

首先在项目根目录下创建存放静态文件的目录,并在settings中设置路径,如下:


STATIC_URL = '/static/' 

为静态文件引用前缀,当引用文件时代表的是文件根目录,如下:

static代表的是statics


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <!-- 图片 -->
    <img src="/static/img/123.jpg" alt="">
</body>
</html>

view.py:


from django.shortcuts import  render

def index(request):

    return render(request, 'index.html')

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注本站的更多内容!

相关标签:

免责声明:本文内容仅供参考,不代表本站观点。转载或引用请注明出处。

Python 相关产品和应用

全部下载
Selenium

Selenium

4.51.0 · Windows

用于浏览器自动化和 Web 测试的 Python 工具。

scikit-learn

scikit-learn

1.9.1 · Windows

常用 Python 机器学习算法与模型评估工具库。

Black

Black

26.10.1 · Windows

强调一致性的 Python 自动代码格式化工具。

Ruff

Ruff

0.17.1 · macOS

由 Rust 编写的高速 Python 代码检查和格式化工具。

pytest

pytest

9.1.1 · Windows

简洁而强大的 Python 自动化测试框架。

FastAPI

FastAPI

0.146.0 · Windows

高性能 Python API 框架,支持类型提示和自动接口文档。

Flask

Flask

3.1.3 · Windows

轻量灵活的 Python Web 应用框架。

Django

Django

6.1.2 · Windows

成熟的 Python Web 框架,适合构建内容站点和业务系统。

Spyder

Spyder

6.1.7 · Windows

面向科学计算与数据分析的 Python 集成开发环境。

SciPy

SciPy

1.18.1 · Windows

面向科学、工程和技术计算的 Python 算法库。