温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

django之模板继承

发布时间:2020-06-11 18:15:10 来源:网络 阅读:572 作者:crystaleone 栏目:开发技术

使用环境同上篇django文章。


运行django服务:

]# cd py3/django-test1/test4
]# python manage.py runserver 192.168.255.70:8000

创建html模板文件:

]# cd py3/django-test1/test4/templates/bookshop/
]# vim base.html
<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    {% block head %}{% endblock %}
</head>
<body>
<h2>logo</h2>
<hr>
{% block content1 %}
    <h2>父模板--继承</h2>
{% endblock %}
<hr>
<h2>contact</h2>
</body>
</html>

base.html为模板基础,让index2.html继承base.html:

]# vim index2.html
{% extends 'bookshop/base.html' %}

编辑视图函数:

]# cd /root/py3/django-test1/test4
]# vim bookshop/views.py
from django.shortcuts import render
from .models import *
...
def index2(request):
    return render(request,'bookshop/index2.html')

添加应用url路由:

]# vim bookshop/urls.py 

from django.conf.urls import url
from .  import views

urlpatterns = [
    ...
    url(r'^index2$',views.index2, name='index2'),
]

浏览器访问:http://192.168.255.70:8000/index2

django之模板继承

以上就是基本实现模板继承的示例演示。

再修改index2.html:

]# vim templates/bookshop/index2.html
{% extends 'bookshop/base.html' %}
{% block content1 %}
<h2>this is a index2.html page!</h2>
{% endblock content1 %}

说明:

block content1与父模板重名,则会覆盖继承的模板。

在结束标签中{% endblock content1%}可以添加名称。



访问浏览器:http://192.168.255.70:8000/index2

django之模板继承


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI