一、extends使用方法

首先extends也就是继承，子类继承父类的一些特性。在django模板中通过继承可以减少重复代码。

首先我们建立一个app，名字叫做hello。别忘了在settings.py中的INSTALLED_APPS注册这个app。不注册会出现hello目录下的templates中的模板无法调用。

1.在根目录下的templates创建base.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

</head>

<body>

{% block content %}

{% endblock %}

</body>

</html>

这里的block就是继承后要被替换的内容，其他的则与该模板相同

2.在hello这个app中继承这个模板

在hello目录下新建templates目录，再在此目录下新建hello目录。hello目录中新建hello.html。目录结构就像这样，理解一下django模板引用路径的规则

hello.html内容如下

{% extends 'base.html' %}

{% block title %}{{ title }}{% endblock %}

{% block content %}{{ content }}{% endblock %}

首行代码就是先继承base.html，也就是有了除了block的剩下内容。后面两个则是在为block填空，填入的内容是要传入的参数。这里分别是title和content。这里可以看出模板语句是单个大括号加百分号，而模板变量是双大括号，没有百分号。

3.添加路由和方法

路由文件urls.py内容如下

from django.contrib import admin

from django.urls import path

from hello import views

urlpatterns = [

    path('hello/<str:title>/<str:content>/',views.hello),

    path('admin/', admin.site.urls),

]

注意在路径中获取参数的方法，str还可以换为int。我觉得这种传参的方法比较简单容易理解，看了还有正则表达式的传参方法不是很直观，以后有机会再仔细学。

hello app中的views.py

from django.shortcuts import render

# Create your views here.

def hello(request,title,content):

    context={'title':title,'content':content}

    return render(request,'hello/hello.html',context)

这里函数的形参名就是在路由中获取的参数名。通过传递参数会render给hello.html这个模板，而hello.html这个模板又会继承base.html这个父模板。

实现效果如下

4.总结extends

通过extends可以减少代码重复。可以再增加header、footer等来包含共同的头部和底部内容。其实我是先找到的include，但是include要么放在head中，可以减少重复引入css或js，要么放在body中当一个共同的导航条，或者底部内容。然而如果要在多处都include就不如直接用extends了。

二、include使用方法

这里我们在hello下新建hello2.html和hello3.html。

hello2.html内容如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>hello2</title>

</head>

<body>

{% include 'hello/hello3.html' %}

</body>

</html>

hello3.html内容如下

<p>

    this is a p in hello3.html

</p>

可以看出，hello2.html包含了hello3.html中的内容。这样也达到了减少重复代码的作用。再添加views中hello2方法

def hello2(request):

    return render(request,'hello/hello2.html')

以及urls中添加hello2

from django.contrib import admin

from django.urls import path

from hello import views

urlpatterns = [

    path('hello2/',views.hello2),

    path('hello/<str:title>/<str:content>/',views.hello),

    path('admin/', admin.site.urls),

]

实现效果如下

最近写了一个校内二手书交易平台的demo,很粗糙，就是个练练手的实战吧算是，欢迎来看看roadwide/campus_bookmarket

django模板中的extends和include使用方法的更多相关文章

  1. Django 模板中 变量 过滤器 标签 的使用方法

    一.变量       1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量.    2.使用dot(.)能够访问变量的属性    3.当模板引擎碰到dot的 ...

  2. 在 Django 模板中遍历复杂数据结构的关键是句点字符

    在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <h ...

  3. django 模板中定义临时列表

    <ul class="num_t clr"> {% for obj in ""|ljust:"10" %} <li> ...

  4. Django 模板中引用静态资源（js,css等）

    Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1. ...

  5. Django 模板中使用css, javascript

    Django 模板中使用css, javascript (r'^css/(?Ppath.*)$', 'django.views.static.serve', {'document_root': '/v ...

  6. django模板中变更数据库信息后，如何把变更后的信息同步更新到数据库

    我们在基于django开发项目的过程中,经常会遇到数据库表字段增加,删除,或者修改的情况,以及字段属性更改的情况,因为django基于ORM模式来操作数据库的, 传统上如果django项目中的数据库m ...

  7. Django 模板中 include 标签使用小结

    include 标签允许在模板中包含其它的模板的内容. 标签的参数是所要包含的模板名称,可以是一个变量,也可以是用单/双引号硬编码的字符串. 每当在多个模板中出现相同的代码时,就应该考虑是否要使用 { ...

  8. 测试开发之Django——No6.Django模板中的标签语言

    模板中的标签语言 1.if/else {% if  %} 标签检查(evaluate)一个变量,如果这个变量为真(即:变量存在,非空,不是布尔值假),系统会显示在{% if  %} 和 {% endi ...

  9. Django 模板中 变量 过滤器的使用方法

    一.变量       1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量.    2.使用dot(.)能够访问变量的属性    3.当模板引擎碰到dot的 ...

随机推荐

  1. Web协议详解与抓包实战：HTTP1协议-详解请求行（2）

    一.请求行一 二.请求行二 三.请求行三 四.常见方法(RFC7231) 实际测试截图 五.用于文档管理的 WEBDAV 方法(RFC2518) 六.WEBDAV 验证环境  1.登录  2.Wire ...

  2. 微信小程序的模板消息与小程序订阅消息

    小程序订阅消息 功能介绍 消息能力是小程序能力中的重要组成,我们为开发者提供了订阅消息能力,以便实现服务的闭环和更优的体验. 订阅消息推送位置:服务通知 订阅消息下发条件:用户自主订阅 订阅消息卡片跳 ...

  3. [LeetCode] 438. Find All Anagrams in a String 找出字符串中所有的变位词

    Given a string s and a non-empty string p, find all the start indices of p's anagrams in s. Strings ...

  4. [LeetCode] 415. Add Strings 字符串相加

    Given two non-negative numbers num1 and num2 represented as string, return the sum of num1 and num2. ...

  5. vs2017远程调试

    使用情景:服务器端程序出了问题,但本地开发环境又无法模拟.此时需要使用VS进行远程调试. 使用方法: 找到VS安装路径,将Remote Debuuger拷贝到服务器端 (注意一定要和你本地运行的VS版 ...

  6. [原创]浅谈在创业公司对PMF的理解

    [原创]浅谈在创业公司对PMF的理解 在创业时,大多数人都常谈一个词叫"MVP“,但PMF谈的比较少,PMF在创业公司尤为重要,以下谈谈个人一些看法. 1.什么是PMF? 创业公司:一种是找 ...

  7. 第三次实验报告：使用Packet Tracer分析TCP连接建立过程

    目录 1 实验目的 2 实验内容 3. 实验报告 3.1 建立网络拓扑结构 3.2 配置参数 3.3 抓包,分析TCP连接建立过程 4. 拓展 (不作要求,但属于加分项) 1 实验目的 使用路由器连接 ...

  8. 详解golang net之netpoll

    golang版本1.12.9:操作系统:readhat 7.4 golang的底层使用epoll来实现IO复用.netPoll通过pollDesc结构体将文件描述符与底层进行了绑定.netpoll实现 ...

  9. 【排错】springboot项目，启动报An attempt was made to call the method com.google.gson.GsonBuilder.setLenient()Lcom/google/gson/GsonBuilder; but it does not exist.

    pom文件新引入:     <dependency>         <groupId>com.google.code.gson</groupId>         ...

  10. Web应急：搜索引擎劫持

    当你直接打开网址访问网站,是正常的,可是当你在搜索引擎结果页中打开网站时,会跳转到一些其他网站,比如博彩,虚假广告,淘宝搜索页面等.是的,你可能了遇到搜索引擎劫持. 现象描述 从搜索引擎来的流量自动跳 ...