Django的学习——全局的static和templates的使用

我会带着你远行 2021-11-05 16:10 299阅读 0赞

**一、问题**

首先我们在进行Django框架搭建的时候我们需要建立一个全局的变量，一是为了实现代码的复用，二是为了方便管理，如下图的样式  
![1340584-20190706235333225-1811456084.png][]

**二、解决**

**1、修改setting里面的配置文件**  
**①templates的路径:**  
按照以下的规则进行添加【**app/templates】**,然后在APP下面建立这个templates。  
![1340584-20190706235931202-651011982.png][]  
  
APP下的：  
![1340584-20190707000218428-1416539597.png][]

**②static的路径：**  
在最后添加这部分内容，保留以前的static的路径  
![1340584-20190707000317906-508027232.png][]

**2、在html中引用：**

**①templates:**  
在主templates中添加一个主的HTML文件  
其中block代表区域，也就是后面整个主体的部分，这样相当于把一个body嵌入到这个HTML中  
主界面的代码如下:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Main</title>
    </head>
    <body> {% block title %}{% endblock %} <a href="https://www.baidu.com/"><h3>百度一下</h3></a>
    </body>
    </html>

应用界面的代码：  
其中**\{% extends  'main.html' %\}**是最为重要的，必须顶头写不然会出错**\{% block title %\}（title只是一个标识，可以使用任意的字符，只要能保持一致就可以检索到）**和**\{%  endblock %\}**相对相应也就是嵌套的区域  
代码如下：

{% extends "main.html" %} {% block title %} {% load staticfiles %} </head>
    
    <body>
    <img src="{% static 'images\pk_1.jpg' %}" height="500" width="500">
    <p> 我是不是你最疼爱的人，你为什么不说话，我在这等着你回来等着你回来，一朵花儿开就是一朵花儿，满山的花儿在这里开啊！ </p>
    <img src="{% static 'images\pk_1.jpg' %}" height="500" width="500">
    <br>
    <a href="{% url 'index:show' %}"><h3>Show页面</h3></a>
    <br>
    <a href="{% url 'index:seconds' %}"><h3>Seconds页面</h3></a>
    <br>
    <video src="{% static 'videos\first.m4a' %}" width="400" controls loop></video>
    </body>. {% endblock %}

结果图:  
![1340584-20190707000706147-197901110.png][]

![1340584-20190707001129223-1459577840.png][]  
  
**②static:**  
static比较简单  
在调用之前使用**\{% load staticfiles %\}**就可以完成调用，使用的时候使用**\{% static ‘\[js/css/pic/video/等路径\]’ %\}**就可以完成使用   
如上图  
  
**三、成果展示**  
![1340584-20190707001937054-1512944232.png][]

**四、总结**  
Django开发的templates有很多技巧可以多参考一下前人写的，如果出现templates无法加载的情况，检出路径是否出现错误，以及拼写是否有误。  
  
**五、参考**  
附上Django的使用手册：  
**[https://docs.djangoproject.com/en/2.1/ref/settings/\#databases][https_docs.djangoproject.com_en_2.1_ref_settings_databases]**

转载于:https://www.cnblogs.com/future-dream/p/11144842.html

[1340584-20190706235333225-1811456084.png]: /images/20211104/8b81f34acfa54e0bb890d178eddc32ef.png
[1340584-20190706235931202-651011982.png]: /images/20211104/5b06a64d6ec44392b3ef1d92f48e6b59.png
[1340584-20190707000218428-1416539597.png]: /images/20211104/9574467ade8f4b1ba38c01648ae57432.png
[1340584-20190707000317906-508027232.png]: /images/20211104/96e95614b0b94872b05009e7c52eccf0.png
[1340584-20190707000706147-197901110.png]: /images/20211104/1b1dd0ec5bf44512a9502c54cca9d3ed.png
[1340584-20190707001129223-1459577840.png]: /images/20211104/27fd3db50c314192b33f8534755487a0.png
[1340584-20190707001937054-1512944232.png]: /images/20211104/77551b61ffb541acb530428e9d43dff4.png
[https_docs.djangoproject.com_en_2.1_ref_settings_databases]: https://docs.djangoproject.com/en/2.1/ref/settings/#databases