接着 模板结构优化 往下讲
-
确保
mysite/setting.py中INSTALLED_APPS已经安装了django.contrib.staticfiles -
确保
mysite/setting.py中设置了STATIC_URL -
在已经安装的
app下创建static文件夹，并将该应用的静态资源存放在里面 :front/static/suolong.jpgtemplates/index.html{% block content %} <img src="/static/suolong.jpg" alt="suolong"> {% endblock %} -
mysite/setting.py中STATIC_URL值是可变的，这样以后引用静态资源的路径都要根据STATIC_URL是新值去修改，因此我们需要使用{% load static %}templates/index.html{% extends 'base.html' %} {% load static %} {% block content %} <img src="{% static 'suolong.jpg' %}" alt="suolong"> {% endblock %} -
公共资源路径
在更目录下创建
static文件夹static/style.cssbody { background-color: #abcdef; }mysite/setting.pySTATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), )mysite/base.html{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="{% static 'style.css' %}"> </head> -
在每个需要加载静态资源文件的模板中都要写
{% load static %}, 为了不在每个模板中都写，我们可以吧static变为DTL模板标签mysite/setting.pyTEMPLATES = [ { 'OPTIONS': { 'builtins': [ 'django.templatetags.static' ] }, }, ]这样就不用在每个页面中引入
{% load static %}
网友评论