在 Django 中，我们可以使用模板继承来避免代码的重复。模板继承是指我们可以在一个模板中定义一些公共的 HTML 代码，然后在其他模板中继承这个基础模板，并根据需要添加或覆盖一些内容。

通常情况下，我们会定义一个名为 base.html 的基础模板，其中包含网站的公共结构和样式，例如页眉、页脚、导航栏等。然后，在其他模板中，我们可以使用 extends 指令来继承这个基础模板，并在 block 块中添加或覆盖一些内容。

例如，下面是一个简单的 base.html 模板：

{% load static %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="description" content="">

    <meta name="author" content="">

    <title>{% block title %}{% endblock %}</title>

    <!-- 引入 Bootstrap 的 CSS 文件 -->

    <link rel="stylesheet" href="{% static 'bootstrap-4.6.2/dist/css/bootstrap.min.css' %}">

    {% block extra_head %}{% endblock %}

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light">

    <div class="container">

        <a class="navbar-brand" href="#">EDC</a>

        {#        Enterprise Data Center#}

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"

                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

            <span class="navbar-toggler-icon"></span>

        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">

            <ul class="navbar-nav mr-auto">

                <li class="nav-item active">

                    <a class="nav-link" href="#">用户管理<span class="sr-only">(current)</span></a>

                </li>

                <li class="nav-item">

                    <a class="nav-link" href="#">Link</a>

                </li>

                <li class="nav-item">

                    <a class="nav-link disabled">Disabled</a>

                </li>

            </ul>

            <ul class="navbar-nav ml-auto">

                <li class="nav-item">

                    <a class="nav-link" href="{% url 'home' %}">首页</a>

                </li>

                <li class="nav-item">

                    <a class="nav-link" href="#">文章</a>

                </li>

                <li class="nav-item">

                    <a class="nav-link" href="{% url 'about' %}">关于我们</a>

                </li>

                <li class="nav-item dropdown">

                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"

                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                        个人中心

                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">

                        <a class="dropdown-item" href="#">个人信息</a>

                        <a class="dropdown-item" href="#">修改密码</a>

                        <div class="dropdown-divider"></div>

                        <a class="dropdown-item text-danger" href="{% url 'logout' %}">注销</a>

                    </div>

                </li>

            </ul>

        </div>

    </div>

</nav>

<div class="container">

    {% block content %}{% endblock %}

</div>

<!-- 引入 jQuery 的 JavaScript 文件 -->

<script src="{% static 'jquery/jquery-3.6.0.min.js' %}"></script>

<!-- 引入 Bootstrap 的 JavaScript 文件 -->

<script src="{% static 'bootstrap-4.6.2/dist/js/bootstrap.min.js' %}"></script>

{% block extra_script %}{% endblock %}

</body>

</html>

在上面的模板中，我们定义了一个 title 块和一个 content 块。在 title 块中，我们使用了一个默认值 My Site，但是在其他模板中，我们可以通过覆盖 title 块来修改这个值。在 content 块中，我们使用了一个空块，但是在其他模板中，我们可以在这个块中添加内容。

例如，下面是一个简单的 home.html 和about.html模板，它继承了 base.html 模板，并在 content 块中添加了一些内容：

{% extends 'base.html' %}

{% block content %}

<h2>Welcome to My Site</h2>

<p>This is the home page.</p>

{% endblock %}
{% extends 'base.html' %}

{% block content %}

<h2>Welcome to My Site</h2>

<p>This is the about page.</p>

{% endblock %}

在上面的模板中，我们使用了 extends 指令来继承了 base.html 模板。在 content 块中，我们添加了一些 HTML 代码来显示欢迎信息和介绍信息。

使用模板继承可以让我们更轻松地维护网站的代码，减少代码的重复，并使网站的结构更加清晰易懂。

路由设置：

from django.urls import path

from . import views

urlpatterns = [

    path('', views.index, name='index'),

    path('home/', views.home, name='home'),

    path('about/', views.about, name='about'),

    path('user_list/', views.user_list, name='user_list'),

    # ... 其他 URL 模式 ...

]

视图：

from django.contrib.auth.models import User

from django.shortcuts import render

# Create your views here.

from django.http import HttpResponse

def index(request):

    return HttpResponse("Hello, world. You're at the index.")

def home(request):

    return render(request, 'home.html')

    # return HttpResponse("This is the home page.")

def about(request):

    return render(request, 'about.html')

    # return HttpResponse("This is the about page.")

def user_list(request):

    users = User.objects.all()

    context = {'title': 'user list', 'users': users}

    return render(request, 'myapp/user_list.html', context)

Django4全栈进阶之路14 项目实战（用户管理）：base.html基础模板设计的更多相关文章

  1. Python全栈开发之路 【第四篇】：Python基础之函数

    本节内容 函数def: 1.位置参数,默认参数 2.位置参数,关键参数 3.如果参数中出现 *users,传递的参数就可以不再是固定的个数, 传过来的所有元素进行打包成元组 *args,**kwarg ...

  2. Python全栈开发之路 【第五篇】：Python基础之函数进阶(装饰器、生成器&迭代器)

    本节内容 一.名称空间 又名name space,就是存放名字的地方.举例说明,若变量x=1,1存放于内存中,那名字x存放在哪里呢?名称空间正是存放名字x与1绑定关系的地方. 名称空间共3种,分别如下 ...

  3. Python全栈开发之路 【第六篇】：Python基础之常用模块

    本节内容 模块分类: 好处: 标准库: help("modules") 查看所有python自带模块列表 第三方开源模块: 自定义模块: 模块调用: import module f ...

  4. Python全栈开发之路 【第三篇】：Python基础之字符编码和文件操作

    本节内容 一.三元运算 三元运算又称三目运算,是对简单的条件语句的简写,如: 简单条件语句: if 条件成立: val = 1 else: val = 2 改成三元运算: val = 1 if 条件成 ...

  5. python 全栈开发之路 day1

    python 全栈开发之路 day1   本节内容 计算机发展介绍 计算机硬件组成 计算机基本原理 计算机 计算机(computer)俗称电脑,是一种用于高速计算的电子计算机器,可以进行数值计算,又可 ...

  6. web前端全栈学习之路

    web前端全栈学习之路 --- 陆续更新中 一.HTML相关 1.HTML常用标签:http://www.cnblogs.com/wyb666/p/8733699.html 2.HTML5基础: 3. ...

  7. 你的Node应用，对接分布式链路跟踪系统了吗？(一） 原创： 金炳 Node全栈进阶 4天前 戳蓝字「Node全栈进阶」关注我们哦

    你的Node应用,对接分布式链路跟踪系统了吗?(一) 原创: 金炳 Node全栈进阶 4天前 戳蓝字「Node全栈进阶」关注我们哦

  8. C#.Net全栈工程师之路-学习路径

    C#.Net全栈工程师之路-学习路径 按架构分: C/S架构: B/S架构: Mobile移动开发: 按技术点分: C#编程基础以及OOP面向对象编程: 数据库基础以及高级应用(MYSQL+MSSQL ...

  9. 战争热诚的python全栈开发之路

    从学习python开始,一直是自己摸索,但是时间不等人啊,所以自己为了节省时间,决定报个班系统学习,下面整理的文章都是自己学习后,认为重要的需要弄懂的知识点,做出链接,一方面是为了自己找的话方便,一方 ...

  10. Python全栈开发之路 【第一篇】：Python 介绍

    本节内容 一.Python介绍 python的创始人为荷兰人——吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本 ...

随机推荐

  1. 基于Mindspore2.0的GPT2预训练模型迁移教程

    摘要: 这篇文章主要目的是为了让大家能够清楚如何用MindSpore2.0来进行模型的迁移. 本文分享自华为云社区<MindNLP-基于Mindspore2.0的GPT2预训练模型迁移教程> ...

  2. svn提交规范

    本文档参考了Git提交规范,旨在规范使用SVN进行代码版本管理时的提交操作. 提交前的准备 1. 检查代码 在提交代码前,请先进行必要的代码检查,确保代码的正确性.可读性和可维护性.可以使用代码质量管 ...

  3. Mybatis数据库驱动

    Mybatis数据库驱动 最近在学习mybatis的源码,有一个databaseIdProvider根据不同数据库执行不同sql的功能,我正好有一个mysql还有一个瀚高数据库,就去试了一下,使用如下 ...

  4. Eclipse安装和配置环境教程（图文详解）

    前言 在上一篇文章中,壹哥给大家介绍了Notepad++这个更高级点的记事本,它进行Java开发相比windows自带的记事本要更方便一些.但是即便如此,用这种记事本进行Java开发效率依然很低.如果 ...

  5. ThreadPool实现机制

    Android中阻塞队列的应用有哪些 阻塞队列在 Android 中有很多应用,比如: 线程池:线程池任务的执行就是基于一个阻塞队列,如果线程池任务已满,则任务需要等待阻塞队列中的其他任务完成. Ha ...

  6. 使用 screw(螺丝钉) 快速生成数据库文档

    一.框架介绍 回想起那个去年的7月份,第一份实习,组长让我写一份金蝶云的SQL文档,当时一看2000多张表,当时就猛吸一根烟,然后去gitee看看有没有好的框架快速生成 SQL 文档 ,由此找到了 s ...

  7. day66:Linux:nginx+uwsgi+django跑python项目

    目录 0.uwsgi简述 1.使用uwsgi+django运行demo 2.nginx+uwsgi+django跑pythonav项目 0.uwsgi简述 1.什么是wsgi WSGI,全称Web S ...

  8. RDIFramework.NET代码生成器全新V5.1版本发布

    RDIFramework.NET代码生成器介绍 RDIFramework.NET代码生成器,代码.文档一键生成. RDIFramework.NET代码生成器集代码生成.各数据库对象文档生成.数据库常用 ...

  9. abp(net core)+easyui+efcore实现仓储管理系统——模块管理升级之上(六十一)

    Abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统--ABP总体介绍(一) abp(net core)+ ...

  10. Go语言实现协程下载器

    一般常用的下载方式是通过浏览器访问URL,然后基于HTTP进行下载.这种单线程下载方式通常比较慢,这里尝试使用Go语言实现一个多协程的下载器. 大致思路 按照传统的单线程的思路,实现下载要基于HTTP ...