1. 程式人生 > >django模板總結

django模板總結

end body stat .html base.css ext jquery temp original

1. 加載靜態文件

html頂部:{% load staticfiles %}

調用:

<link rel="stylesheet" type="text/css" href="{% static ‘css/bootstrap.min.css‘ %}">
<link rel="stylesheet" type="text/css" href="{% static ‘css/bootstrap-theme.min.css‘ %}">
<link rel="stylesheet" type="text/css" href="{% static ‘css/base.css‘ %}">
<script type="text/javascript" src="{% static ‘js/jquery.min.js‘ %}"></script>
<script type="text/javascript" src="{% static ‘js/bootstrap.min.js‘ %}"></script>

templates文件位置:myproject/templates

static文件位置:myproject/app1/static/css/base.css

2. 繼承並重寫

父html: {% block mainbody %}<p>original</p>{% endblock %}

子html: {% extends "base.html" %}

{% block mainbody %}<p>繼承了 base.html 文件</p> {% endblock %}

django模板總結