Django搭建博客_4：自定义模板和静态文件位置

小灰灰 2023-07-25 09:07 96阅读 0赞

### 文章目录 ###

*   *  1 自定义模板位置
     *  2 自定义静态文件位置
     *  3 通用静态文件
     *  4 基础模板
     *  5 重置管理后台模板

这里介绍如何在./mystie/settings.py中设置模板和静态文件的位置。

## 1 自定义模板位置 ##

*  在项目根目录创建templates目录：

~ pwd
    /DjangoDemo/mysite
    ~ mkdir templates
    ~ ls
    blog       db.sqlite3 manage.py  mysite     templates

*  编辑./mysite/settings.py文件，修改TEMPLATES的值。

TEMPLATES = [
        { 
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [os.path.join(BASE_DIR, 'templates')],  # ①
            'APP_DIRS': False,  # ②
            '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',
                ],
            },
        },
    ]

语句①定义了模板文件的位置，并且该目录的名称templates也定义了，BASE\_DIR表示项目的根目录，os.path.join()方法代表拼接两个目录，即./templates。  
语句②表示不再允许Django按照默认方式寻找模板文件。

*  接下来将原./blog/templates/中的文件都移动到./templates/文件夹中。

接下来即可正常访问博客了。

## 2 自定义静态文件位置 ##

在网站开发中，常常将网页中的CSS，JavaScrip文件及网页上的图片称为静态文件。  
在./mysite/settings.py文件的中，对于静态文件存放地址的配置：

# Static files (CSS, JavaScript, Images)
    # https://docs.djangoproject.com/en/1.11/howto/static-files/
    
    STATIC_URL = '/static/'

*  在该配置文件下发增加如下代码：

STATICFILES＿DIRS = (
        os.path.join(BASE＿DIR, "static"),
    )

以上代码意思是，指定了静态文件存放目录的位置，即在根目录的statis目录下。

*  在项目根目录创建static目录，并放入测试图片newton.jpg
 *  重启Django服务，然后访问：http://127.0.0.1:8000/static/newton.jpg即可查看静态资源。  
    在这里插入图片描述

之所以能够如此设置，是因为Django的settings配置变量中的STATICFILES＿FINDERS的默认值规定了静态文件的查找顺序和内容：

STATICFILES＿FINDERS = (
    	"django.contrib.staticfiles.finders.FileSystemFinder",
    	"django.contrib.staticfiles.finders.AppDirectoriesFinder",
    )

按照这个默认值，首先读取 django.contrib.staticfiles.finders.FileSystemFinder，如果没有设置此值，就找不到什么，但不会对网站运行造成影响。然后通过django.contrib.staticfiles.finders.AppDirectoriesFinder在每个应用中查找有没有默认的静态文件目录static。  
如果在命名时将两处都做了设置，而且静态文件的名字还都一样，那么Django会在找到第一个后终止查询。

## 3 通用静态文件 ##

将static目录分为css、fonts、images、js四类，并将项目中需要使用的文件下载好放到相关的目录中：

## 4 基础模板 ##

一般啦哎激昂，网站的界面可以大致分为上、中、下三部分，上部就是头部，显示网站的logo和导航等；中间就是要显示的具体内容；下部显示网站的版权信息等。  
按照这种划分，将头部和底部都可以做成基础模板。  
在./templates目录中创建header.html文件和footer.html文件。

header.html:

{% load staticfiles %}
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <a class="navbar-brand" href="https://blog.csdn.net/tt75281920"><img src="{% static '/images/logo.png' %}" width="100px"></a>
    		</div>
    		<div>
    			<ul class="nav navbar-nav" role="navigation">
    				<li><a href="{% url 'blog:blog_title' %">BLOG</a></li>
    			</ul>
    			<ul class="nav navbar-nav navbar-right">
    				<li><a href="#">LOGIN</a></li>
    			</ul>
    		</div>
    	</nav>
    </div>

footer.html

<div class="container">
    	<hr>
    	<p class="text-ceenter">blog:    https://blog.csdn.net/tt75281920</p>
    </div>

头尾代码完成后，需要修改下之前用的base.html文件，将头尾文件整合进来。

{% load staticfiles %}
    <!DOCTYPE html>
    <html lang="zh-cn">
    	<head>
    		<meta charset="utf-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<title>{% block title%}{% endblock %}</title>
    		<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
    	</head>
    	<body>
    		{% include "header.html" %}
    		<div class="container">
    			{% block content %}{% endblock %}
    		</div>
    		{% include "footer.html" %}
    		{% block javascript %} {% endblock %}
    	</body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R0NzUyODE5MjA_size_16_color_FFFFFF_t_70]

## 5 重置管理后台模板 ##

当我们访问管理员后台界面的时候，会发现页面打不开了。报错为：TemplateDoesNotExist（模板文件不存在）。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R0NzUyODE5MjA_size_16_color_FFFFFF_t_70 1]  
查看报错信息：

Template-loader postmortem
    
    Django tried loading these templates, in this order:
    
    Using engine django:
    django.template.loaders.filesystem.Loader: /Users/xxx/Documents/develope/DjangoDemo/mysite/templates/admin/login.html (Source does not exist)

可以看到，在第一节的时候，设置自定义模板的时候，将模板文件设置到项目中，而且把’APP\_DIRS’设置成False，而本地又没有管理后台的模板文件，所以会报错。  
因此只需要将系统的模板（django的安装目录下 ./django/contrib/admin/templates 文件夹下的admin和registration文件夹）拷贝过来，即能正常展示后台页面。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R0NzUyODE5MjA_size_16_color_FFFFFF_t_70]: /images/20230528/66d94a5730044b199bb6424a1d09c1fa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R0NzUyODE5MjA_size_16_color_FFFFFF_t_70 1]: /images/20230528/8cb10b86b6fe4b3191b81ea2e98b0dfd.png