天天看點

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

Django中簡單添加HTML、css、js等檔案

首先申明下自己的環境,

python版本3.65(親測3.7版本有毒,沒解決掉!)

Django版本1.11.15(版本比較成熟,也可以用最新的版本)

建立預設Django項目後

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

添加Html

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

在urls.py檔案中添加如圖代碼,照抄也可以哦!但都的和我的一樣。

接着添加HTML檔案到templates

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

到這裡你就可以打開看下效果了!

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

我擦,别慌,沒加路由位址,給位址後面輸入/index/再來看下:

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

添加css和js等靜态資源

首先在setting添加路徑

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

這裡還有一點就是依次建立所需檔案夾到templates檔案中,并把檔案移動到相應位置。

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

使用就更簡單了,看下圖的方式,照貓畫虎即可!

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

來試試效果吧。

django添加html,Django中簡單添加HTML、css、js等檔案(非正規添加,适合小白)

Spring MVC程式中得到靜态資源檔案css,js,圖檔檔案的路徑問題總結

上一篇 | 下一篇 Spring MVC程式中得到靜态資源檔案css,js,圖檔 檔案的路徑 問題總結 作者:輕舞肥羊 日期:2012-11-26 http://www.blogjava.net/fi ...

利用beautifulsoup下載下傳網頁html代碼中的css, js, img檔案并儲存

# -*- coding:utf-8 -*- from bs4 import BeautifulSoup as BS import urllib.request as rqst import os u ...

TP5.1:将外部資源引入到架構中(css/js/font檔案)

為了讓我們的架構形式變得更加好看,我們需要加入Bootstrap和Jq檔案到架構中 1.通過Bootstrap和jq官網進行相關檔案的下載下傳 (1)Bootstrap下載下傳位址:https://v3.bo ...

JAVA中解決Filter過濾掉css,js,圖檔檔案等問題

public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOE ...

Spring MVC程式中怎麼得到靜态資源檔案css,js,圖檔檔案的路徑問題

問題描述 在用springmvc開發應用程式的時候.對于像我一樣的初學者,而且還是自學的人,有一個很頭疼的問題.那就是資料都已經查出來了,但是頁面的樣式仍然十分簡陋,加載不了css.js,圖檔等資源文 ...

轉:JAVA中解決Filter過濾掉css,js,圖檔檔案等問題

原文連結:https://www.cnblogs.com/ermeng/p/6440966.html public void doFilter(ServletRequest request, Serv ...

Django之CSS,JS靜态檔案的配置

一. 專門建立一個目錄放靜态檔案,即CSS,JS等. 1)先把jquery.min拿過來. 2)建立一個CSS檔案放入樣式 3)在login.html中引入.css檔案 在login.html中引入. ...

linux sed指令查詢結果前後批量追加内容(html檔案批量修改css,js等檔案路徑)

1.需求:linux使用shell指令查詢結果前後批量追加内容 例如:我需要在目前目錄下所有的css檔案路徑前追加域名 我想的是用sed替換去實作,鮑哥的思路是用for循環 1.1方法1:鮑哥的for ...

django中,如何把所有models模型檔案放在同一個app目錄下?

django的每個app目錄下,都有自己的models.py檔案. 原則上,每個app涉及的資料庫,都會定義在這個檔案裡. 但是,有的資料庫,涉及到多個app應用,不是很友善放在一個單獨的app裡. ...

随機推薦

[Phalcon] DI預設的服務

代碼,說明一切 namespace Phalcon\Di\FactoryDefault; use Phalcon\Di\Service; use Phalcon\Di\FactoryDefault; ...

ACM題目————數獨

描述 數獨是一種運用紙.筆進行演算的邏輯遊戲.玩家需要根據9×9盤面上的已知數字,推理出所有剩餘空格的數字,并滿足每一行.每一列.每一個3*3宮内的 數字均含1-9,不重複. 每一道合格的數獨謎題都有 ...

基于XMPP的即時通信系統的建立(四)— 元件介紹

服務端 伺服器 許可證 作業系統 是否支援任意用戶端登入 備注 ejabberd 開源 Elang 是 支援虛拟主機和叢集 Openfire Apache Java 是 Tigase GPLv3 Ja ...

Mina學習之IoSession

Session(會話)是Mina的核心部分:每當一個clinent連接配接到server時,都會建立一個新的session,并且儲存在記憶體中知道該連結斷開. session 是用來存儲一些關于連接配接資訊,加 ...

jquery的使用 超級快速入門 熟練使用

如何使用jquery,首先需要引入jquery的js庫檔案,可以是免費的cdn資源,也可以是本地下載下傳的資源 使用方法:$(function(){                  這裡面寫你要執行的代 ...

ORACLE中seq$表更新頻繁的分析

在分析ORACLE的AWR報告時,發現SQL ordered by Executions(記錄了按照SQL的執行次數排序的TOP SQL.該排序可以看出監控範圍内的SQL執行次數)下有一個SQL語句執 ...

接口自動化測試持續內建--Soapui接口功能測試資料傳遞

做接口測試經常會遇到如下兩種情況需要處理資料傳遞 接口間的資料依賴,A接口請求的參數需要用到B接口的傳回值 接口請求通常要用到鑒權的接口擷取Token,Token通常會跟其他接口構成一對多的關系,這種 ...

微信小程式測試二三事

微信小程式雖是微信推出的新形态的産品,但是在測試思路上跟其他的傳統測試,大相徑庭.既然大相徑庭,那我們該如何測試呢. 功能測試功能測試跟傳統的web功能測試一樣,不是app的功能測試哦.這是因為小程式 ...

Angular中ui-grid的使用詳解

Angular中ui-grid的使用 在項目開發的過程中,産品經理往往會提出各種需求,以提高使用者體驗.最近,項目中用到的表格特别多,而且表格的列數和行數也超多.為了讓使用者浏覽更爽,産品經理提出,當表格 ...

JAVA-Eclipse中web-inf和meta-inf檔案夾

WEB-INF     /WEB-INF/web.xml        你的Web應用程式配置檔案,這是一個XML檔案,其中描述了 servlet 和其他的應用元件配置及命名規則:  /WEB- IN ...