1. 程式人生 > >django--靜態檔案路徑和模板路徑配置

django--靜態檔案路徑和模板路徑配置

 1:django處理靜態檔案:

比如 : 我的工程是xiaoshuo-----》進入 小說 ---》 manage.py  xiaoshuo  在進入:

在下面建立一個 static 和templates資料夾

開啟  settings.py :

import os

Java程式碼  收藏程式碼
  1. STATICFILES_DIRS = (  
  2.     # Put strings here, like "/home/html/static" or "C:/www/django/static".  
  3.     # Always use forward slashes, even on Windows.  
  4.     # Don't forget to use absolute paths, not relative paths.  
  5.     os.path.join( os.path.dirname(__file__),'static').replace('\\','/'),  
  6. )  

在後面加上路徑,django1.4會自動找到static下的靜態檔案,不需要配置urls.py了

比如:

2:配置templates路徑:

Python程式碼  收藏程式碼
  1. TEMPLATE_DIRS = (  
  2.     # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
      
  3.     # Always use forward slashes, even on Windows.  
  4.     # Don't forget to use absolute paths, not relative paths.  
  5.     os.path.join( os.path.dirname(__file__),'tempates').replace('\\','/'),  
  6. )  

就可以了.....

Java程式碼  收藏程式碼
  1. from django.shortcuts import render_to_response  
  2. def detail(request):  
  3.     return render_to_response('detail.html')  

建立views.py檔案直接返回html頁面到瀏覽器

在urls.py中新增:

 ('^detail/$', detail),

common下base.html內容

Java程式碼  收藏程式碼
  1. <link rel="stylesheet" href="css/style.css" type="text/css">  
  2. <link rel="stylesheet" href="css/reset.css" type="text/css">  
  3. <link rel="stylesheet" href="css/home.css" type="text/css">  
  4. <script type="text/javascript" src="js/jquery-1.7.1.js"></script>  
  5. <script type="text/javascript" src="js/jquery.wookmark.js"></script>  

 上級目錄下detail.html內容:

Java程式碼  收藏程式碼
  1. <head>  
  2. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  3. <title>Insert title here</title>  
  4. {% include "common/base.html" %}  
  5. </head>  

 和jsp中處理的inlcude相似:注意相對路徑 django是相對訪問的url路徑的。

................

上面的base.html是改成這樣就可以訪問css和js了

Java程式碼  收藏程式碼
  1. <link rel="stylesheet" href="../static/css/style.css" type="text/css">  
  2. <link rel="stylesheet" href="../static/reset.css" type="text/css">  
  3. <link rel="stylesheet" href="../static/css/home.css" type="text/css">  
  4. <script type="text/javascript" src="../static/js/jquery-1.7.1.js"></script>  
  5. <script type="text/javascript" src="../static/js/jquery.wookmark.js"></script>