Django 全局的static和templates的使用詳解
一、問題
首先我們在進行Django框架搭建的時候我們需要建立一個全局的變量,一是為了實現(xiàn)代碼的復(fù)用,二是為了方便管理,如下圖的樣式
二、解決
1、修改setting里面的配置文件
①templates的路徑:
按照以下的規(guī)則進行添加【app/templates】,然后在APP下面建立這個templates。
APP下的:
②static的路徑:
在最后添加這部分內(nèi)容,保留以前的static的路徑
2、在html中引用:
①templates:
在主templates中添加一個主的HTML文件
其中block代表區(qū)域,也就是后面整個主體的部分,這樣相當(dāng)于把一個body嵌入到這個HTML中
主界面的代碼如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main</title> </head> <body> {% block title %}{% endblock %} <a rel="external nofollow" ><h3>百度一下</h3></a> </body> </html>
應(yīng)用界面的代碼:
其中{% extends 'main.html' %}是最為重要的,必須頂頭寫不然會出錯{% block title %}(title只是一個標識,可以使用任意的字符,只要能保持一致就可以檢索到)和{% endblock %}相對相應(yīng)也就是嵌套的區(qū)域
代碼如下:
{% 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' %}" rel="external nofollow" ><h3>Show頁面</h3></a> <br> <a href="{% url 'index:seconds' %}" rel="external nofollow" ><h3>Seconds頁面</h3></a> <br> <video src="{% static 'videos\first.m4a' %}" width="400" controls loop></video> </body>. {% endblock %}
結(jié)果圖:
②static:
static比較簡單
在調(diào)用之前使用{% load staticfiles %}就可以完成調(diào)用,使用的時候使用{% static ‘[js/css/pic/video/等路徑]' %}就可以完成使用
如上圖
三、成果展示
四、總結(jié)
Django開發(fā)的templates有很多技巧可以多參考一下前人寫的,如果出現(xiàn)templates無法加載的情況,檢出路徑是否出現(xiàn)錯誤,以及拼寫是否有誤。
五、參考
附上Django的使用手冊:
https://docs.djangoproject.com/en/2.1/ref/settings/#databases
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Python3.6基于正則實現(xiàn)的計算器示例【無優(yōu)化簡單注釋版】
這篇文章主要介紹了Python3.6基于正則實現(xiàn)的計算器,涉及Python基于正則表達式的算術(shù)式遍歷、查找及數(shù)學(xué)運算相關(guān)操作技巧,需要的朋友可以參考下2018-06-06深入理解Python虛擬機中浮點數(shù)(float)的實現(xiàn)原理及源碼
在本篇文章當(dāng)中主要分析在 cpython 虛擬機當(dāng)中 float 類型的實現(xiàn)原理以及與他相關(guān)的一些源代碼,文中的示例代碼講解詳細,感興趣的可以了解一下2023-03-03用Python獲取攝像頭并實時控制人臉的實現(xiàn)示例
這篇文章主要介紹了用Python獲取攝像頭并實時控制人臉的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07