1 模板和靜態檔案設定
1.1 下載模板和靜態檔案
- 使用pycharm開啟上節建立的專案sandboxMP, 在sandboxMP專案目錄下新建兩個資料夾:static和media;
- 下載模板和靜態檔案(下載地址:pan.baidu.com/s/1LbIv2uXw… 提取碼:cn4t)
- 將下載的檔案中media、static、templates目錄中的檔案複製到專案對應目錄
注意: 如果百度網盤中的靜態檔案出現無法下載問題,可以使用git工具直接克隆本節對應的tag版本 v1.02,該版本已經包含本節所有設定內容,克隆方法:
# 首先你要安裝了git工具,在git bash命令列執行下面克隆命令
# 克隆完成後,你可以直接使用這個版本,也可以只拷貝這個版本中media、static和templates目錄中的檔案到你上節建立的專案中
git clone --branch v1.02 git@github.com:RobbieHan/sandboxMP.git
複製程式碼
完成以上設定後的專案檔案目錄結構如下:
sandboxMP/
|-- media/ # 檔案上傳目錄
|-- sandboxMP/
|-- __init__.py # 空檔案,python包的宣告檔案
|-- settings.py # 專案配置
|-- urls.py # 專案路由,用來做url宣告
|-- wsgi.py # wsgi相容介面
|-- static # 靜態檔案存放目錄
|-- templates/ # 用來存放模板檔案(html)
|-- base-layer.html # 專案中彈窗頁面需要繼承基礎模板頁
|-- base-left.html # 左側導航
|-- base-static.html # 靜態檔案頁面,包含全域性的css和javascripts
|-- head-footer.html # 頭部導航和底部版權資訊
|-- index.html # 初始頁面,後面專案會多次基於這個頁面進行佈局
|-- page404.html # 404頁面
|-- db.sqlite3 # sqlite3資料庫檔案
|-- manage.py # 命令列工具,可用來執行專案、建立app等
複製程式碼
模板的繼承關係:
base-static.html → head-footer.html → base-left.html → index.html
複製程式碼
1.2 模板和靜態檔案配
設定模板訪問路徑
我們建立了templates用來存放模板頁面,要想讓Django能夠順利找到模板,還需要再settings.py配置TEMPLATES,加入:'DIRS': [os.path.join(BASE_DIR, 'templates')] 來指定一個查詢模板的目錄列表。
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'templates')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
複製程式碼
設定靜態檔案訪問路徑
網站中用到的圖片、JavaScript和CSS這些統稱為靜態檔案,Django提供了django.contrib.staticfile來幫助我們管理它們。
我們在專案根目錄下建立了一個static目錄用來存放靜態檔案,要想使用它還需要在sandboxMP/sandboxMP/settings.py中新增如下配置:
STATIC_URL = '/static/' # 建立django專案時已經預設新增
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
複製程式碼
2 修改顯示語言和時區
開啟sandboxMP/sandboxMP/settings.py檔案,找到LANGUAGE_CODE 修改如下:
LANGUAGE_CODE = 'zh-hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_L10N = True
USE_TZ = False
複製程式碼
最新最全文件釋出在知識星球,可以通過微信搜尋公眾號“知識星球”,直接回復"52824366"獲得訪問入口
本節文件對應原始碼版本: github.com/RobbieHan/s…
非常歡迎感興趣的朋友,到我的Github或掘金上做客,閒暇之餘給個贊或Star,贈人玫瑰手留餘香
文件配套專案地址:github.com/RobbieHan/s…
輕量級辦公管理系統專案開源地址:github.com/RobbieHan/g…