一、建立一個項目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步驟
查看網頁源代碼,查看靜態文件引入的位置是否有誤
點擊靜態文件的路徑也能夠查到,如如下路徑爲對的路徑