当前位置：
极客笔记 > Django > Django 问答 > Django 在Django模板中使用block.super向网站的
标签动态添加内容</div>
</div>
<section class="container">
<div class="content-wrap">
<div class="content" >
<header class="article-header">
<h1 class="article-title"><a href="https://deepinout.com/django/django-questions/218_django_append_to_site_title_in_django_template_using_blocksuper.html">Django 在Django模板中使用block.super向网站的<title>标签动态添加内容</a></h1>
<!-- <hr/>
<div style="width:60%;margin: auto;"><form method="get" class="site-search-form-2" action="https://zhannei.baidu.com/cse/site" target="_blank">
<input type="hidden" name="cc" value="deepinout.com">
<input type="hidden" name="ie" value="utf8">
<input class="search-input" name="q" value="" type="text" placeholder="输入关键字" value="">
<button class="search-btn" type="submit"><i class="fa fa-search"></i></button>
</form></div> -->
</header>
<article class="article-content">
<!-- <article class="article-content"> -->
<div id="eaa_post_below_title" class="eaa-wrapper eaa_post_below_title eaa_desktop"><div class="eaa-ad " style=""><div class="wwads-cn wwads-horizontal" data-id="298" style="padding:0px !important;"></div></div></div><h1>Django 在Django模板中使用block.super向网站的<title>标签动态添加内容</h1>
<p>在本文中，我们将介绍如何在Django模板中使用<code>block.super</code>向网站的<code><title></code>标签动态添加内容。<code><title></code>标签是用来定义网页标题的HTML元素，通常位于<code><head></code>标签内部。通过在模板中使用<code>block.super</code>，我们可以继承父模板中的内容，并在其基础上进行扩展，实现动态的网页标题。</p>
<p><strong>阅读更多：<a class="wp-editor-md-post-content-link" href="https://deepinout.com/django">Django 教程</a></strong></p>
<h2>Django模板继承</h2>
<p>在开始讨论如何使用<code>block.super</code>添加内容到网站的<code><title></code>标签之前，我们需要先了解一下Django模板的继承机制。Django的模板继承通过使用<code>{% extends %}</code>标签指定父模板，然后在子模板中通过<code>{% block %}</code>标签重写父模板中的指定区块，可以实现模板的复用和扩展。下面是一个简单的示例：</p><div id="eaa_after_nth_p" class="eaa-wrapper eaa_after_nth_p eaa_desktop"><div class="eaa-ad " style=""><div class="aligncenter" style="max-width:336px;">
<ins class="adsbygoogle adsbygoogle-dis"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8722128765990495"
data-ad-slot="8578744581"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div></div></div>
<pre data-language=HTML><code class="language-markup line-numbers"><!-- base.html -->
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}My Site{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>
</code></pre>
<pre data-language=HTML><code class="language-markup line-numbers"><!-- child.html -->
{% extends "base.html" %}
{% block title %}
{{ block.super }} - Child
{% endblock %}
{% block content %}
<h1>Hello, World!</h1>
{% endblock %}
</code></pre>
<p>在这个示例中，我们定义了一个父模板<code>base.html</code>，其中包含了一个<code><title></code>标签和一个名为<code>content</code>的区块。子模板<code>child.html</code>通过<code>{% extends %}</code>指定了父模板，并在<code>{% block %}</code>标签内部重写了父模板的<code>title</code>和<code>content</code>区块。通过运行这个模板，我们将得到以下的HTML输出：</p>
<pre data-language=HTML><code class="language-markup line-numbers"><!DOCTYPE html>
<html>
<head>
<title>My Site - Child</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
</code></pre>
<p>通过模板继承，我们可以在子模板中轻松地扩展父模板的内容。</p>
<h2>使用block.super添加内容到网站的<title>标签</h2>
<p>要向网站的<code><title></code>标签动态添加内容，我们可以通过在子模板的<code>{% block title %}</code>中使用<code>block.super</code>来继承父模板中的内容，并在其基础上进行扩展。下面是一个示例：</p>
<pre data-language=HTML><code class="language-markup line-numbers"><!-- base.html -->
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}My Site{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>
</code></pre>
<pre data-language=HTML><code class="language-markup line-numbers"><!-- child.html -->
{% extends "base.html" %}
{% block title %}
{{ block.super }} - Dynamic Title
{% endblock %}
</code></pre>
<p>在这个示例中，我们仍然使用了<code>base.html</code>作为父模板，并在子模板<code>child.html</code>中使用<code>block.super</code>继承了父模板中的<code>title</code>区块。在子模板中，我们使用<code>{{ block.super }}</code>访问了父模板的内容，并通过在其后添加<code>- Dynamic Title</code>实现了动态的标题。当我们运行这个模板时，将会得到以下的HTML输出：</p>
<pre data-language=HTML><code class="language-markup line-numbers"><!DOCTYPE html>
<html>
<head>
<title>My Site - Dynamic Title</title>
</head>
<body>
</body>
</html>
</code></pre>
<p>通过这种方式，我们可以根据需要向网站的<code><title></code>标签动态添加内容，实现更灵活的页面展示。</p>
<h2>总结</h2>
<p>在本文中，我们介绍了如何使用<code>block.super</code>向网站的<code><title></code>标签动态添加内容。通过使用Django的模板继承机制，我们可以轻松地扩展父模板中的内容，并实现动态的网页标题。通过了解和灵活运用Django的模板继承和<code>block.super</code>，我们能够更好地控制和定制我们的网站页面。希望本文对你在使用Django开发中有所帮助！</p><div id="eaa_after_nth_p_1" class="eaa-wrapper eaa_after_nth_p_1 eaa_desktop"><div class="eaa-ad " style=""><div class="inarticle2-top" style="height:350px;">
<div class="aligncenter div-process-inarticle2-3" wwadsclass="wwads-cn wwads-vertical" wwadsadid="298" style="display:none !important;max-width:336px;margin:auto;"></div>
<div class="aligncenter div-process-inarticle2-2" adsenseclass="adsbygoogle process-inarticle2-2" adsenseslot="8512528184" adsenseslayoutkey="-ej+6y-29-jf+173" style="display:none !important;"></div>
<div class="aligncenter" style="max-width:336px;">
<ins class="adsbygoogle process-inarticle2-1"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8722128765990495"
data-ad-slot="4514374470"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div></div></div>
</p><div id="eaa_post_after_content" class="eaa-wrapper eaa_post_after_content eaa_desktop"><div class="eaa-ad " style=""><div class="wwads-cn wwads-vertical" data-id="298" style="margin:auto;"></div></div></div> </article>
<!-- <hr/>
<div style="width:80%;margin: auto;"><form method="get" class="site-search-form-2" action="https://zhannei.baidu.com/cse/site" target="_blank">
<input type="hidden" name="cc" value="deepinout.com">
<input type="hidden" name="ie" value="utf8">
<input class="search-input" name="q" value="" type="text" placeholder="站内搜索相关内容" value="">
<button class="search-btn" type="submit"><i class="fa fa-search"></i></button>
</form></div>
<hr/> -->
<nav class="article-nav">
<span class="article-nav-prev" style="float:left;text-align:left">上一篇 <a href="https://deepinout.com/django/django-questions/217_django_django_permissions_based_on_model_instance.html" rel="prev">Django: 基于模型实例的权限控制</a></span>
<span class="article-nav-next">下一篇 <a href="https://deepinout.com/django/django-questions/222_django_django_channels_jwt_authentication.html" rel="next">Django Channels JWT Authentication的方法和实例</a></span>
</nav>
<div style="width:100%;margin: auto;">
<form method="get" class="site-search-form-2" action="https://zhannei.baidu.com/cse/site" target="_blank">
<input type="hidden" name="cc" value="deepinout.com">
<input type="hidden" name="ie" value="utf8">
<input class="search-input" name="q" value="" type="text" placeholder="输入关键字" value="">
<button class="search-btn" type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
<fieldset class="gra1">
<h2>Camera课程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/android-camera2-api/android-camera-architecture-intro.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/api2.png" alt="Camera API2 教程" src="https://static.deepinout.com/homeicon/api2.png">
<p>API2 教程</p>
</div>
</a>
<a href="https://deepinout.com/android-camera-performance-analysis/android-camera-performance-analysis-course-intro.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/camera-perf.png" alt="Camera 性能教程" src="https://static.deepinout.com/homeicon/camera-perf.png">
<p>Perf 教程</p>
</div>
</a>
<a href="https://deepinout.com/android-camera-native-framework/android-camera-native-fw-overview.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/native-fw.png" alt="Camera Native Framework 教程" src="https://static.deepinout.com/homeicon/native-fw.png">
<p>Native FW 教程</p>
</div>
</a>
<a href="https://deepinout.com/camx-kmd/camera-kmd-isp-subsystem-intro.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/qocm-isp.png" alt="Camera QCOM ISP 教程" src="https://static.deepinout.com/homeicon/qocm-isp.png">
<p>ISP 教程</p>
</div>
</a>
<a href="https://deepinout.com/camera-sensor-driver/camera-sensor-driver-introduction.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/qcom-sensor.png" alt="Camera QCOM Sensor 教程" src="https://static.deepinout.com/homeicon/qcom-sensor.png">
<p>Sensor 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>Python教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/python/python-top-articles-python/1694784044_j_python-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/python.png" alt="Python 教程" src="https://static.deepinout.com/homeicon/python.png">
<p>Python 教程</p>
</div>
</a>
<a href="https://deepinout.com/numpy/numpy-top-tutorials/1695228734_j_numpy-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/numpy.png" alt="NumPy 教程" src="https://static.deepinout.com/homeicon/numpy.png">
<p>NumPy 教程</p>
</div>
</a>
<a href="https://deepinout.com/django/django-top-tutorials/1695247267_j_django-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/django.png" alt="Django 教程" src="https://static.deepinout.com/homeicon/django.png">
<p>Django 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>Java教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/java/java-top-tutorials/1695773493_j_java-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/java.png" alt="Java 教程" src="https://static.deepinout.com/homeicon/java.png">
<p>Java 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>Web教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/javascript/javascript-top-tutorials/1695982827_j_javascript-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/javascript.png" alt="JavaScript 教程" src="https://static.deepinout.com/homeicon/javascript.png">
<p>JavaScript 教程</p>
</div>
</a>
<a href="https://deepinout.com/jquery/jquery-top-tutorials/1696422863_j_jquery-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/jquery.png" alt="jQuery 教程" src="https://static.deepinout.com/homeicon/jquery.png">
<p>jQuery 教程</p>
</div>
</a>
<a href="https://deepinout.com/css/css-top-tutorials/1696366974_j_css-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/css.png" alt="CSS 教程" src="https://static.deepinout.com/homeicon/css.png">
<p>CSS 教程</p>
</div>
</a>
<a href="https://deepinout.com/php/php-top-tutorials/1696645974_j_php-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/php.png" alt="PHP 教程" src="https://static.deepinout.com/homeicon/php.png">
<p>PHP 教程</p>
</div>
</a>
<a href="https://deepinout.com/laravel/laravel-top-tutorials/1696761165_j_laravel.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/laravel-home.png" alt="Laravel 教程" src="https://static.deepinout.com/homeicon/laravel-home.png">
<p>Laravel 教程</p>
</div>
</a>
<a href="https://deepinout.com/typescript/typescript-top-tutorials/1697085462_j_typescript-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/typescript-home.png" alt="TypeScript 教程" src="https://static.deepinout.com/homeicon/typescript-home.png">
<p>TypeScript 教程</p>
</div>
</a>
<a href="https://deepinout.com/wordpress/wordpress-top-tutorials/1696737853_j_wordpress-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/wordpress.png" alt="WordPress 教程" src="https://static.deepinout.com/homeicon/wordpress.png">
<p>WordPress 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>数据库教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/sql/sql-top-tutorials/1694067222_j_sql-tutorial.html">
<div class="homecontent">
<img data-src="https://static.javatpoint.com/images/homeicon/sql.png" alt="SQL 教程" src="https://static.javatpoint.com/images/homeicon/sql.png">
<p>SQL 教程</p>
</div>
</a>
<a href="https://deepinout.com/sqlite/sqlite-top-tutorials/1695960770_j_sqlite-tutorial.html">
<div class="homecontent">
<img data-src="https://static.javatpoint.com/images/homeicon/sqlite.png" alt="SQLite 教程" src="https://static.javatpoint.com/images/homeicon/sqlite.png">
<p>SQLite 教程</p>
</div>
</a>
<a href="https://deepinout.com/mysql/mysql-top-articles-mysql/20230905134705.html">
<div class="homecontent">
<img data-src="https://static.javatpoint.com/images/homeicon/mysql.png" alt="MySQL 教程" src="https://static.javatpoint.com/images/homeicon/mysql.png">
<p>MySQL 教程</p>
</div>
</a>
<a href="https://deepinout.com/pl-sql/pl-sql-top-tutorials/1694083831_j_pl-sql-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/pl-sql.png" alt="PL/SQL 教程" src="https://static.deepinout.com/homeicon/pl-sql.png">
<p>PL/SQL 教程</p>
</div>
</a>
<a href="https://deepinout.com/mongodb/mongodb-top-tutorials/1695919515_j_mongodb-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/mongodb.png" alt="MongoDB 教程" src="https://static.deepinout.com/homeicon/mongodb.png">
<p>MongoDB 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>图形图像教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/opencv/opencv-top-tutorials/1695688015_j_opencv_tutorials.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/opencv.png" alt="OpenCV 教程" src="https://static.deepinout.com/homeicon/opencv.png">
<p>OpenCV 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>办公软件教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/excel/excel-top-tutorials/1694418671_j_excel-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/excel.png" alt="Excel 教程" src="https://static.deepinout.com/homeicon/excel.png">
<p>Excel 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>Linux教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/linux-cmd">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/linux-cmd.png" alt="Linux命令全集" src="https://static.deepinout.com/homeicon/linux-cmd.png">
<p>Linux命令全集</p>
</div>
</a>
<a href="https://deepinout.com/linux-kernel-api">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/linux-kernel-api.png" alt="Linux内核API" src="https://static.deepinout.com/homeicon/linux-kernel-api.png">
<p>Linux内核API</p>
</div>
</a>
<a href="https://deepinout.com/lvgl-tutorials">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/lvgl.png" alt="LVGL 教程" src="https://static.deepinout.com/homeicon/lvgl.png">
<p>LVGL 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>计算机教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/os/os-top-tutorials/1694296286_j_operating-system.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/operating-system.png" alt="操作系统 教程" src="https://static.deepinout.com/homeicon/operating-system.png">
<p>操作系统 教程</p>
</div>
</a>
<a href="https://deepinout.com/computer-network/computer-network-top-tutorials/1694291190_j_computer-network-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/computer-network.png" alt="计算机网络 教程" src="https://static.deepinout.com/homeicon/computer-network.png">
<p>计算机网络 教程</p>
</div>
</a>
<a href="https://deepinout.com/c-language-tutorial/c-top-tutorials/1695773895_j_c-programming-language-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/c.png" alt="C语言 教程" src="https://static.deepinout.com/homeicon/c.png">
<p>C语言 教程</p>
</div>
</a>
<a href="https://deepinout.com/cpp/cpp-top-tutorials/1696211102_j_cpp-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/cpp.png" alt="C++ 教程" src="https://static.deepinout.com/homeicon/cpp.png">
<p>C++ 教程</p>
</div>
</a>
<a href="https://deepinout.com/swift/swift-top-tutorials/1697075391_j_swift-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/swift-home.png" alt="Swift 教程" src="https://static.deepinout.com/homeicon/swift-home.png">
<p>Swift 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>大数据教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/hadoop/hadoop-top-tutorials/1697235899_j_hadoop-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/hadoop.png" alt="Hadoop 教程" src="https://static.deepinout.com/homeicon/hadoop.png">
<p>Hadoop 教程</p>
</div>
</a>
<a href="https://deepinout.com/spark/spark-top-tutorials/1697253819_j_apache-spark-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/apache-spark-home.png" alt="Spark 教程" src="https://static.deepinout.com/homeicon/apache-spark-home.png">
<p>Spark 教程</p>
</div>
</a>
<a href="https://deepinout.com/scala/scala-top-tutorials/1696973884_j_scala-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/scala-home.png" alt="Scala 教程" src="https://static.deepinout.com/homeicon/scala-home.png">
<p>Scala 教程</p>
</div>
</a>
</div>
</fieldset>
<fieldset class="gra1">
<h2>开发工具教程</h2>
<div class="firsthomecontent">
<a href="https://deepinout.com/git/git-top-tutorials/1696390559_j_git.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/git.png" alt="Git 教程" src="https://static.deepinout.com/homeicon/git.png">
<p>Git 教程</p>
</div>
</a>
<a href="https://deepinout.com/jenkins/jenkins-top-tutorials/1697103358_j_jenkins.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/jenkins.png" alt="Jenkins 教程" src="https://static.deepinout.com/homeicon/jenkins.png">
<p>Jenkins 教程</p>
</div>
</a>
<a href="https://deepinout.com/chatgpt/chatgpt-top-tutorials/1697340829_j_what-is-chatgpt.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/chatgpt.png" alt="ChatGPT 教程" src="https://static.deepinout.com/homeicon/chatgpt.png">
<p>ChatGPT 教程</p>
</div>
</a>
<a href="https://deepinout.com/intellij/intellij-idea-top-tutorials/1697263621_j_intellij-idea-tutorial.html">
<div class="homecontent">
<img data-src="https://static.deepinout.com/homeicon/intellij.png" alt="IntelliJ 教程" src="https://static.deepinout.com/homeicon/intellij.png">
<p>IntelliJ 教程</p>
</div>
</a>
</div>
</fieldset> </div>
</div>
<!--show_category end_time_1 consume time:0.014739036560059--><div class="tblside"><div class="tblside-roll"><h3>Django 精选教程</h3><ul><li class="active"><a href="https://deepinout.com/django/django-top-tutorials/1695247267_j_django-tutorial.html">Django 教程</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695247509_j_django-installation.html">Django 安装</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695247998_j_django-project.html">Django 项目</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695248329_j_django-apache-configuration.html">Django与Apache Web服务器的配置</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695248659_j_django-virtual-environment-setup.html">Django 虚拟环境设置</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695249067_j_django-admin-interface.html">Django 管理员界面</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695249603_j_django-app.html">Django 应用</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695250353_j_django-mvt.html">Django MVT设计模式</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695250949_j_django-model.html">Django 模型</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695251364_j_django-view.html">Django 视图</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695252027_j_django-template.html">Django 模板</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695252232_j_django-url-mapping.html">Django URL映射</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695252587_j_django-static-files-handling.html">Django 静态文件处理</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695252730_j_django-modelforms.html">Django 模型表单</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695252965_j_django-forms.html">Django 表单</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695253143_j_django-form-validation.html">Django 表单验证</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695253255_j_django-file-upload.html">Django 文件上传</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695253549_j_django-database-connectitvity.html">Django 数据库连接</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695253633_j_django-database-migrations.html">Django 数据库迁移</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695253731_j_django-middleware.html">Django 中间件</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695254353_j_django-request-and-response.html">Django 请求和响应</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695254970_j_django-exceptions.html">Django 异常</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695255363_j_django-session.html">Django 会话</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695255825_j_django-cookie.html">Django Cookie</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695256299_j_django-csv-output.html">Django 创建CSV文件</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695256697_j_django-pdf-output.html">Django 生成PDF文件</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695256858_j_django-and-bootstrap.html">Django 与Bootstrap</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695257110_j_django-deploy-on-github.html">Django 部署到Github</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695257220_j_django-mail-setup.html">Django 邮件设置</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695257366_j_django-default-crud.html">Django 管理后台</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695257680_j_django-crud-application.html">Django 创建读取更新删除(CRUD)示例</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695903782_j_django-redirects.html">Django 跳转/重定向完全指南</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695903950_j_django-on_delete.html">Django on_delete函数</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695904538_j_django-class-based-generic-views.html">Django 基于类的通用视图</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695904813_j_django-usercreationform.html">Django UserCreationForm创建新用户</a></li><li><a href="https://deepinout.com/django/django-top-tutorials/1695905012_j_django-image-upload.html">Django 图片上传</a></li></ul></div><div id="left_wwads_holder"></div>
<div class="widget_block" style="margin-top:5px;">
<div class="div-process-left-4" adsenseclass="adsbygoogle process-left-4" adsenseslot="7063587241" style="display:none !important;margin-top:5px;"></div>
<div class="div-process-left-3" adsenseclass="adsbygoogle process-left-3" adsenseslot="4876315718" style="display:none !important;margin-top:5px;"></div>
<div class="div-process-left-2" adsenseclass="adsbygoogle process-left-2" adsenseslot="6934385840" style="display:none !important;margin-top:5px;"></div>
<ins class="adsbygoogle process-left-1"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8722128765990495"
data-ad-slot="4598031346"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div></div><!--show_category consume time:0.018937110900879--><div class="tbrside">
<nav>
<div style="max-width:300px;">
<div class="geekdocs-fixed">
<div>
<ins class="adsbygoogle adsbygoogle-dis"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8722128765990495"
data-ad-slot="2413104752"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="div-process-right-5" bdclass="_fw7zmboy6yh" bdadid="u6947668" style="display:none !important;margin-top:5px;"></div>
<div class="div-process-right-4" adsenseclass="adsbygoogle process-right-4" adsenseslot="8262047798" style="display:none !important;margin-top:5px;"></div>
<div class="div-process-right-3" adsenseclass="adsbygoogle process-right-3" adsenseslot="7030564129" style="display:none !important;margin-top:5px;"></div>
<div class="div-process-right-2" adsenseclass="adsbygoogle process-right-2" adsenseslot="8830446518" style="display:none !important;margin-top:5px;"></div>
<ins class="adsbygoogle process-right-1"
style="display:block;margin-top:5px;"
data-ad-client="ca-pub-8722128765990495"
data-ad-slot="9961476961"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</nav>
</div>
</section>
<footer class="footer">
<div class="container">
<p>© 2025 <a href="https://deepinout.com">极客笔记</a> <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">蜀ICP备20003487号-1</a>
<hr/>
友情链接：<a target="_blank" href="https://geek-docs.com/" title="极客教程">极客教程</a></p>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?87da7b7a36f68b672b7f1010715ecef5";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
</footer>
<div class="rollbar rollbar-rb"><ul><li class="rollbar-totop"><a href="javascript:(jsui.scrollTo());"><i class="fa fa-angle-up"></i><span>回顶</span></a><h6>回顶部<i></i></h6></li></ul></div>
<script>
window.jsui={
www: 'https://deepinout.com',
uri: 'https://deepinout.com/wp-content/themes/dux',
ver: '6.2',
roll: ["1","2","3","4","5"],
ajaxpager: '5',
url_rp: 'https://deepinout.com/'
};
</script>
<!--FOOTER_CODE_START-->
<script>
var artfold = $(".article-content-fold");
if (artfold.length && artfold.css("max-height")) {
var max = artfold.height();
var url = window.location.href;
artfold.append('<div class="-fold"><span etap="article-fold">阅读余下全文</span></div>'), $('[etap="article-fold"]')
.on("click", (function() {
$(this).parent().remove(), artfold.removeClass("article-content-fold").css("max-height", "")
}))
}
</script>
<script type="text/javascript" src="https://static.deepinout.com/deepinout/static/adsalternative.min.js?v=1.0.1" async="async" defer="defer"></script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script>
<script type="text/javascript" src="https://static.deepinout.com/deepinout/static/deepinout-pcweb-ads.min.v9.0.0.js" async="async" defer="defer"></script>
<!--FOOTER_CODE_END-->
<script type='text/javascript' src='https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js?ver=10.2.1' id='jQuery-CDN-js'></script>
<script type='text/javascript' src='https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/katex.min.js?ver=10.2.1' id='Katex-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/ClipBoard/clipboard.min.js?ver=2.0.1' id='copy-clipboard-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/components/prism-core.min.js?ver=1.15.0' id='prism-core-js-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/autoloader/prism-autoloader.min.js?ver=1.15.0' id='prism-plugin-autoloader-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/toolbar/prism-toolbar.min.js?ver=1.15.0' id='prism-plugin-toolbar-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/line-numbers/prism-line-numbers.min.js?ver=1.15.0' id='prism-plugin-line-numbers-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/show-language/prism-show-language.min.js?ver=1.15.0' id='prism-plugin-show-language-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js?ver=1.15.0' id='prism-plugin-copy-to-clipboard-js'></script>
<script type='text/javascript' id='Front_Style-js-extra'>
/* <![CDATA[ */
var FrontStyle = {"openLinkInNewTab":""};
/* ]]> */
</script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/FrontStyle/frontstyle.min.js?ver=10.2.1' id='Front_Style-js'></script>
<script type='text/javascript' src='//apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js?ver=6.2' id='bootstrap-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-content/themes/dux/js/loader.js?ver=6.2' id='_loader-js'></script>
<script type='text/javascript' id='q2w3_fixed_widget-js-extra'>
/* <![CDATA[ */
var q2w3_sidebar_options = [{"sidebar":"q2w3-default-sidebar","use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":".gogogo","screen_max_width":0,"screen_max_height":700,"widgets":[".geekdocs-fixed",".widget_block"]}];
/* ]]> */
</script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.1.0' id='q2w3_fixed_widget-js'></script>
<script type='text/javascript' src='https://deepinout.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2' id='hoverIntent-js'></script>
<script type='text/javascript' id='megamenu-js-extra'>
/* <![CDATA[ */
var megamenu = {"timeout":"300","interval":"100"};
/* ]]> */
</script>
<script type='text/javascript' src='https://deepinout.com/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=2.9.7' id='megamenu-js'></script>
<script type="text/javascript">
(function ($) {
$(document).ready(function () {
$(".katex.math.inline").each(function () {
var parent = $(this).parent()[0];
if (parent.localName !== "code") {
var texTxt = $(this).text();
var el = $(this).get(0);
try {
katex.render(texTxt, el);
} catch (err) {
$(this).html("<span class=\"err\">" + err);
}
} else {
$(this).parent().text($(this).parent().text());
}
});
$(".katex.math.multi-line").each(function () {
var texTxt = $(this).text();
var el = $(this).get(0);
try {
katex.render(texTxt, el, {displayMode: true})
} catch (err) {
$(this).html("<span class=\"err\">" + err)
}
});
})
})(jQuery);
</script>
<script type="text/javascript">
Prism.plugins.autoloader.languages_path = "https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/components/";
</script>
<script>
(function($){
var cc = $(".tbcmdocside .-inner")
var cc2 = $(".tbcmdocside .-inner2")
var inner2_height = cc2.height() + 10;
var inner_height = cc.height() + 50;
if( !cc.length ){
return
}
var ot = $(".content").offset().top
var top_cc2 = cc2.offset().top
cc2.css("top", ot + inner_height)
cc.css("top", ot)
cc.animate({
scrollTop: $(".tbcmdocside a.-on").offset().top-300
}, 0)
$(window).scroll(function() {
ot = $(".content").offset().top
var tt = $(document).scrollTop()
var yt = 0
if( tt<=top_cc2 ){
yt = top_cc2-tt+ot
}
var yt2 = 0
if( tt<=ot ){
yt2 = ot-tt
}
cc2.css("top", yt2 + inner_height)
cc.css("top", yt2)
})
$(".tbcmdocside dt").on("click", function(){
$(this).parent().toggleClass("-on")
})
$(".tbcmdocside .-search input").on("input", function(){
var word = $.trim($(this).val())
if( word ){
$(".tbcmdocside dt, .tbcmdocside dd a").hide()
$(".tbcmdocside dd a:contains("+word+")").show()
}else{
$(".tbcmdocside dt, .tbcmdocside dd a").show()
}
})
})(jQuery)
</script></body>
</html>
<!-- Dynamic page generated in 0.197 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2025-07-07 16:17:50 -->
<!-- Super Cache dynamic page detected but late init not set. See the readme.txt for further details. -->
<!-- Dynamic Super Cache -->
<!-- Compression = gzip -->
极客笔记