天天看點

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

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

首先申明下自己的環境,

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

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

建立預設Django項目後

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

添加Html

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

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

接着添加HTML檔案到templates

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

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

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

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

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

添加css和js等靜态資源

首先在setting添加路徑

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

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

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

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

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

來試試效果吧。

django在html頁面中寫js,Django中簡單添加HTML、css、js等檔案

标簽:

版權申明:本站文章部分自網絡,如有侵權,請聯系:[email protected]

特别注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯系,版權歸原作者所有