Django-Templates模板语法(五)

模版的继承

你们有没有见过一些网站,这些网站页面整体都大差不差 只是某一些局部在做变化

# 模版的继承 你自己先选好一个你要想继承的模版页面 {% extends 'home.html' %} # 继承了之后子页面跟模版页面长的是一模一样的 你需要在模版页面上提前划定可以被修改的区域 {% block content %} 模版内容 {% endblock %} # 子页面就可以声明想要修改哪块划定了的区域 {% block content %} 子页面内容 {% endblock %} # 一般情况下模版页面上应该至少有三块可以被修改的区域 1.css区域 2.html区域 3.js区域 {% block css %} {% endblock %} {% block content %} {% endblock %} {% block js %} {% endblock %} # 每一个子页面就都可以有自己独有的css代码 html代码 js代码 """
一般情况下 模版的页面上划定的区域越多 那么该模版的扩展性就越高,但是如果太多 那还不如自己直接写
""" 

模版的导入

"""
将页面的某一个局部当成模块的形式,哪个地方需要就可以直接导入使用即可
""" {% include 'wasai.html' %} 

settings.py

STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR,'statics') ] 

urls.py

urlpatterns = [ url(r'^admin/', admin.site.urls), # 模板的继承 url(r'^home/',views.home), url(r'^login/',views.login), url(r'^register/',views.reg), ] 

views.py

from django.shortcuts import render, HttpResponse def home(request): return render(request, 'home.html') def login(request): return render(request, 'login.html') def reg(request): return render(request,'reg.html') 

home.html

{% load static %}  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link <span class="sr-only">(current)   color:green; }  color:red; }