6 extends,block与include模板语法

表白:黑白圣堂血天使,天剑鬼刀阿修罗。 
讲解对象:/6 extends,block与include模板语法
作者:融水公子 rsgz
 Django开发流程

Django开发流程 http://www.rsgz.top/post/138.html


1 views.py

# coding:utf-8from django.shortcuts import renderfrom django.http import HttpResponsefrom django.urls import reversefrom django.http import HttpResponseRedirectdef index(request):    return render(request,'ciju/home.html')

2 home.html

{% extends 'ciju/base.html' %}{% block title %}欢迎光临首页{% endblock %}{% block content %}这里是首页,下面是ad.html的内容{% include 'ciju/ad.html' %}{% endblock %}

base.html

<!DOCTYPE html><html><head>    <title>{% block title %}默认标题{% endblock %}</title></head><body>{% include 'ciju/nav.html' %}{% block content %}<div>这里是默认内容,所有继承自这个模板的,如果不覆盖就显示这里的默认内容。</div>{% endblock %}{% include 'ciju/bottom.html' %}{% include 'ciju/tongji.html' %}</body></html>

nav.html/bottom.html/tongji.html 内容相同

nav.html:这是navbottom.html:这是bottomtongji.html:这是统计

ad.html

<div id="container" style="width:500px;font-family:微软雅黑;"><div id="header" style="background-color:#8EE5EE;"><h1 style="margin-bottom:0;">完美世界</h1></div><div id="menu" style="background-color:#7AC5CD;height:200px;width:100px;float:left;"><b>人物</b><br>不朽之王<br>大主宰<br>荒天帝</div><div id="content" style="background-color:#98F5FF;height:200px;width:400px;float:left;">什么人,渡过时间长河而来?直接压的安澜的拉车凶兽都跪伏在地?!</div><div id="footer" style="background-color:#53868B;clear:both;text-align:center;">版权 © rsgz.top</div></div>

3 urls.py

from django.contrib import adminfrom django.urls import pathfrom ciju import viewsurlpatterns = [    path('',views.index,name='home'),# 首页新版本不再使用^、$,只需要‘’就可以    path('admin/', admin.site.urls),]

最后结果:

===

公众号:小雪妃

谢谢大家的支持!可以点击我的头像,进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录,里面真的有很多优秀的文章,欢迎大家的到来。
---

(0)

相关推荐