Django的extend模板继承

base.html母版页设计

Django的extend模板继承_第1张图片

代码如下: 




    
    Title
    


{% block content %} {% endblock %}

ordered.html订单页代码:

{% extends "base.html" %}
{% block content %}
    订单
{% endblock %}

 shoppingcar.html购物车页代码:

{% extends "base.html" %}
{% block content %}
    购物车
{% endblock %}

url.py路由代码:

  path('ordered/',views.ordered,name='ordered'),
  path('shoppingcar/', views.shoppingcar,name='shoppingcar'),

views.py视图函数代码:

def ordered(req):
    return render(req,"ordered.html")
def shoppingcar(req):
    return render(req,"shoppingcar.html")

注意:

1、共同代码段分离至base.html中,即母版中

2、母版中使用用标签: {% block  centent%} {% endblock%}定义非共同部分

3、继承模版的页面,在页面最顶部位置使用代码{% extends "base.html" %}

4、 继承模版的页面,非共同部分与母版中标签一致且名称一致,即 {% block  centent%} {% endblock%}

你可能感兴趣的:(前端,python)