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