1. 程式人生 > >小猿圈python之Django怎麼使用本地css/js檔案

小猿圈python之Django怎麼使用本地css/js檔案

剛接觸Django框架時,往往好多小夥伴想做出很炫的頁面,夢想總是好的,但是一下手,感覺css特效都不知道怎麼插進去,js也不會,這可咋整,別擔心,其實很簡單,小猿圈今天帶大家學習一下Django下使用本地css和js。

在manager.py同層級下建立static資料夾, 裡面放上css , js, images等檔案或者資料夾

我的資料夾層級

然後只需在settings.py中進行設定就行, 在末尾新增以下程式碼:

STATIC_URL = '/static/'

HERE = os.path.dirname(os.path.abspath(__file__))

HERE = os.path.join(HERE, '../')

STATICFILES_DIRS = (

    # Put strings here, like "/home/html/static" or "C:/www/django/static".

    # Always use forward slashes, even on Windows.

    # Don't forget to use absolute paths, not relative paths.

    os.path.join(HERE, 'static/'),

)

最後在需要使用的html檔案中通過以下方式匯入:

<!--引入本地css & js-->

<link rel="stylesheet" href="../static/style/app.css" />

<script type="text/javascript" src="../static/js/app.js"></script>

這樣就可以為你們夢想的頁面而努力,磨毛不誤砍柴工,先把準備做好,然後安心的把程式碼敲好,這樣才能做出優美功能強大的頁面,這個知識點雖然小,但是很實用,剛接觸Django框架的朋友們都會用到,感覺不錯的朋友們,可以關注一下