深入学习和理解Django模板层：构建动态页面

原创

于 2024-05-05 21:04:58 发布 · 1k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#部署实践 #安全防护 #性能优化 #国际化 #静态文件 #表单处理 #Django模板

title: 深入学习和理解Django模板层：构建动态页面
date: 2024/5/5 20:53:51
updated: 2024/5/5 20:53:51
categories:

后端开发

tags:

Django模板
表单处理
静态文件
国际化
性能优化
安全防护
部署实践

在这里插入图片描述

第一章：模板语法基础

Django模板语法介绍

Django模板语法是一种简洁而强大的语法，用于在HTML中插入动态数据和控制页面逻辑。以下是一些常用的模板语法元素：

变量：使用双大括号{ { variable }}来表示变量，可以在模板中输出变量的值。
标签：使用单大括号和百分号{% tag %}来表示标签，用于执行控制逻辑，如for循环、if语句等。
过滤器：在变量后面使用管道符|来应用过滤器，对变量进行处理，如格式化输出、大小写转换等。

变量、过滤器和标签

变量：在模板中引用变量时，可以通过点号.来访问变量的属性或字典的键，例如{ { user.name }}。
过滤器：过滤器可以对变量进行修改或格式化，如{ { value|lower }}会将变量转换为小写。
标签：标签用于控制模板的逻辑流程，如if语句用于条件判断，for循环用于遍历列表等。

控制结构：if语句、for循环等

if语句：用于条件判断，可以包含if、elif和else，语法类似Python的if语句。

{% if user.is_authenticated %}
    <p>Welcome, {
    
    { user.username }}!</p>
{% else %}
    <p>Please log in.</p>
{% endif %}

for循环：用于遍历列表或字典中的元素，可以使用forloop变量获取循环信息。

<ul>
{% for item in items %}
    <li>{
    
    { forloop.counter }}. {
    
    { item.name }}</li>
{% endfor %}
</ul>

注释和包含其他模板

注释：使用{# comment #}来添加注释，注释内容不会在最终渲染的HTML中显示。
包含其他模板：使用{% include 'template_name.html' %}可以在当前模板中包含其他模板的内容，实现模块化和代码复用。

以上是Django模板语法基础的介绍，掌握这些基本元素将有助于您更好地构建动态的Web页面和应用。

第二章：模板继承和布局

模板继承的概念和用法

模板继承是一种重用代码和布局的技术，通过定义一个基础模板，然后在子模板中继承基础模板并覆盖其中的块（block），实现页面布局的模块化和重用。

定义基础模板和子模板

基础模板：基础模板包含整体的页面结构和布局，其中定义了一些块（block），用于在子模板中填充内容。

<!-- base.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>{% block title %}My Website{% endblock %}</title>
</head>
<body>
    <header>
        {% block header %}Header Content{% endblock %}
    </header>
    <div class="content">
        {% block content %}{% endblock %}
    </div>
    <footer>
        {% block footer %}Footer Content{% endblock %}
    </footer>
</body>
</html>

子模板：子模板继承基础模板，并可以覆盖基础模板中定义的块。

<!-- child.html -->
{% extends 'base.html' %}

{% block title %}Child Page{% endblock %}

{% block content %}
    <h1>Welcome to Child Page</h1>
    <p>This is the content of the child page.</p>
{% endblock %}

使用块和扩展模板功能

{% extends 'base.html' %}：在子模板中使用extends标签指定要继承的基础模板。
{% block block_name %}Content{% endblock %}：在基础模板中使用block定义块，子模板中通过相同的block_name来填充内容。
子模板中可以覆盖基础模板中的块，也可以不覆盖，不覆盖时将保留基