django模板中的extends和include使用方法

一、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

原文地址:https://www.cnblogs.com/roadwide/p/11318048.html

时间: 2024-10-12 17:10:05

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

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

一.变量 1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量.    2.使用dot(.)能够访问变量的属性    3.当模板引擎碰到dot的时候,查找的顺序是什么样子呢?        a.字典查找,例如:foo["var1"]        b.属性查找,例如:foo.bar        c.方法查找,例如:foo.bar()        d.list-index查找,例如foo[bar] 注意:方法查找比一般的查找要复杂一些 (1

Django 模板中引用静态资源(js,css等)

Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1.6/howto/static-files/ 大致步骤是这样的: 1.确保setting.py里的installed_apps中包括了django.contrib.staticfiles,没有的话大家给添上就行. 2.同样是在setting.py里面进行添加,我们需要添加静态资源相关的配置.可以这么写

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

在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ time.year }}

django 模板中定义临时列表

<ul class="num_t clr"> {% for obj in ""|ljust:"10" %} <li>{{ forloop.counter }}</li> {% endfor %} </ul> 官网是这样使用: ljust Left-aligns the value in a field of a given width. Argument: field size For exampl

django模板中使用加法,以及变量赋值

加法 django中自带过滤add {{ num|add:'12' }} 这样就表示num加12,有了加就有减法了~~~ 还可以{{ num|add:total }}还可以与其他属性相加 变量赋值 {% with distance=5 %} {# 自定义的属性只在with标签内可用 #} {% endwith %} django模板中使用加法,以及变量赋值

django模板中的自定义过滤器

(1)在APP下创建templatetags文件夹,与Models.py.views.py等同级,templatetags文件夹下添加__init__.py文件,可为空,再添加一个模块文件,例如cpt_filters.py,目录结构如下 myapp/ __init__.py models.py templatetags/ __init__.py cpt_filters.py views.py admin.py appa.py 目录下添加__init__.py文件可让python知道这里是pyth

django 模板中url的处理

在模板中直接添加‘/home’这样的链接是十分不推荐的,因为这是一个相对的链接,在不同网页中打开可能会返回不一样的结果. 所以推荐的是 <a href="{{ object.get_absolute_url }}">{{ object.name }}</a> 这种方式,或者 <a href={% url 'article' article.pk %} > 这里第二种方式同时需要在urls.py中设置, url(r'^article/(?P<pk

django 模板中通过变量替代key取字典内容

模板中通过变量替代key取字典内容 templatetags/├── get_item.py├── __init__.py ###get_item.py # coding=utf-8 from django import templatefrom django.utils.safestring import mark_safefrom django.template.base import resolve_variable, Node, TemplateSyntaxError register

Django模板中显示mongo 的object id 即 _id的内容

在django模块中直接使用object._id显示ID内容会报错,解决方法如下: 1. 在应用目录(appdir)的目录先新建目录 templatetags,目录结果和内容如下: /projectdir  /appdir    /templatetags       __init__.py       appname_tags.py     models.py     views.py appname_tags.py的内容如下: from django import template regi