一、静态资源的引入方式
1.在项目根目录下创建 static文件夹。
2.settings.py 中配置环境变量，方便程序可以识别此路径。
要在 STATIC_URL = '/static/' 下边添加下面代码
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
或
STATICFILES_DIRS = os.path.join(BASE_DIR, 'static')
3.前端引入
在页面顶部：
{% load static %}
#引入CSS、JS，相当于拼接的字符串路径
{% static 'xxx.css' %}
{% static 'xxx.js' %}
二、模板(template)包含、继承与 {% block %} 的用法
使用模板前，先设置settings.py里的变量TEMPLATES的'DIRS'值，模板目录templates添加为环境变量，这样Django才能自动找到模板页面：
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'templates')], #这行要修改
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
Django模板存放方式有两种方法：
1、在项目根下创建templates目录，然后把模板存入在templates目录里，多个APP的话，就直接在templates目录下建立与APP名相同名称的目录即可。Django会自动查找到，这种方法简单、直观，适合个人或小项目。例：myblog\templates\blog\；myblog\templates\blog2\；myblog\templates\blog3\;
2、各个APP下单独建立一个templates目录，然后再建立一个与应用名相同的的目录，把模板放到对应的目录里。这样的方法适合大项目多人协作，每个人只负责各自的APP项目的时候。多样式多站点(域名)的情况也适用，不同的APP用不同的模板样式，不同的域名。例：myblog\blog\templates\blog；myblog\blog2\templates\blog2\；myblog\blog3\templates\blog3\;
两种方法，模板调用方法一样：
return render(request, 'app/index.html', context)
两种方法各有优点，大家选适合自己的就好，后面本教程就用第一个方法。
一般的网站所有页面的头部和尾部都一样，只有中间的部分不一样。这时我们就可以把这个页面分为三个部分，每个部分分别存放在页面head.html、index.html、footer.html中，其中，头部head.html用来放所有页面头部相同的代码、主体部分index.html放与其它页面不相同的代码、尾部head.html放与其它页面尾部相同的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MyBlog</title>
</head>
<body>
<div>头部</div>
#-----------以上部分可以保存成header.html，作为头部------------
<div>中部</div> #这一句作为中部index.html
#-----------以下部分可以保存成footer.html，作为底部------------
<div>尾部</div> </div> </body> </html>
index.html内容如下，是不是就简单的实际了头尾不变，只变中间的内容。其实如果你想拆分，可以拆成无数个块，然后再组合，只改你想改变的块就可以。这个就是块的标签{% block content %}
{% include 'head.html' %}
<div>中部</div>
{% include 'footer.html' %}
我们使用base页面作为基础页面，就保含一些固定的内容。{% block xxx%} {% endblock %} 这两个之间的就是内容会填充的地方。
templates/base.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MyBlog</title>
</head>
<body>
<div>头部</div>
{% block content %}
{% endblock %}
{% block test%}
{% endblock %}
<div>尾部</div> </div> </body> </html>
templates/index.html
{% extends "base.html" %}
{% block content %}
<div>中部</div>
{% endblock %}
{% block test%}
<div>test内容</div>
{% endblock %}
说明：
这里面的{% extends "base.html" %} 的意思是继承 base.html页面的代码，需要留意的是，使用继承方法的话，这个代码一定要放页面的第一行。
块一般以{% block xxx %}开始，你要变化的动态的内容放到中间，以 {% endblock %}结尾。其中xxx在base.hmtl随意起名，在引入的页面中使用对应的名字就会填充到对应的块位置。这里有两个块：一个content、一个test块。
标签：总结,templates,django,html,block,模板,页面 From： https://www.cnblogs.com/baihuitestsoftware/p/17611608.html