django開發2_模板、靜態文件的配置

一、建立一個項目css

在虛擬環境下,切換到自定義的目錄,html

django-admin startproject  目錄django

 

二、切換到項目目錄下,建立一個appapp

manage startapp app名詞測試

 

三、配置模板url

打開項目,在settings下,配置以下3d

四、在項目目錄下,新建文件夾templates放置模板文件(例如html文件)htm

 

五、配置靜態文件,配置以下,配置好後,在項目目錄下添加一個static文件夾,放置靜態文件(例如css,js,images文件等)blog

六、再次檢查,staticsfiles是否以及加入app,回到第二步添加一個app後,也要把該app加入到apps中,以下,我app名爲blog。路由

 

 七、使用模板,進行演示

網上隨便下載一個html模板,把該模板加入到該項目中

例如,以下是網上下載的模板文件

八、把css/js/images文件夾,放在static文件夾下;html文件結尾的模板文件放在templates文件夾下;

 

 九、打開app下的views視圖文件,添加以下。

 

十、打開項目下的urls路由文件配置路由

把外部的主頁進來的流量引入到index.html下

十一、對模板文件引用做修改,以index爲例子

打開index.html文件

修改以下

第一行爲:在該index.html下導入staticsfiles

導入後能夠在文件原來引入css/image/js的位置,添加如第二部分,說明導入靜態文件的路徑,可在後面位置排查。

 

 

 

十一、測試,運行項目,訪問如下網頁http://127.0.0.1:8000

訪問以下,配置成功

 

十二、遇到文件導入錯誤的問題的時候能夠排查,接10步驟

查看網頁源代碼,查看靜態文件引入的位置是否有誤

點擊靜態文件的路徑也能夠查到,如如下路徑爲對的路徑

相關文章
相關標籤/搜索