好嘞,繼續我們今天的學習。
我從PHP中文網上下載了一套網站模板,我們今天的主要內容就是創建一個Django工程,然後去加載我們的前端模板,正常顯示出來即可,由於涉及到的內容比較多,我就拿一個頁面重點去說明,其他頁面按照同樣的方法即可完成。
我下載的模板名字是 Espire,大家也可以隨意準備一些現成的模板去做今天的練習!
好嘞,我們重新創建一個新的工程
然後我們把所有的html頁面放到templates目錄里去
然後我們在工程下面創建一個CHN的目錄,該目錄里用來存放所有的靜態資源文件
好了,然後我們就開始整理我們的Django工程了,因為不涉及到連結資料庫,所以我們只會使用到mvt里的views和templates部分功能。
- 首先加載顯示主頁面index.html
- 我們創建相應的views,然後配置url路由即可!
- 創建一個HINDEX的app,用它來控制系統首頁面
- 然後我們啟動運行下看看效果
- 接下來我們把該頁面里所有的靜態資源都加載顯示出來,我們分析下該頁面發現裡面涉及到這些資源:
但是我們發現,我們的所有的資源都是「static/開頭的」,但是我們的資源目錄結構卻是:
那我們調整下我們的結構唄:
- 然後我們開始做靜態資源(css js 圖片 字體等)加載,如何加載靜態資源呢?我們需要去settings.py里做下配置
- 然後我們去設置index頁面
所有的資源引用也改下:
- 運行看下效果,看看css加載是否成功
Css加載成功了,但是頁面里部分圖片還沒有加載成功,我們繼續修改圖片的引用方式
- 按照djang的形式修改圖片的引用
大家自己把頁面元素修改下就行了!
- 我們再加個頁面跳轉的功能
- 如何把這種頁面跳轉修改成django的模式呢?做頁面跳轉顯示的控制其實就是mvt里的views的功能,因此我們添加views功能即可
此刻運行下去看看
- 添加v-view的視圖方法
- 運行看下效果
- 接下來就是工作量了,我們需要給每個頁面跳轉都實現下其視圖方法,然後每個模板里都做靜態資源引用即可把django工程跑通!
可能有些人就疑問了,用django開發web工程這麼麻煩嗎?我們一定要這麼改才能用嗎?如果我頁面有很多,那豈不是工作量很大啊?
我的回答是,如果是前後端不分離的話,我們先暫時這麼慢慢地去修改。如果親啊後端分離的話,前端功能頁面的顯示跟django沒關係的,前後端直接通過api通信即可,就不要麻煩的做靜態資源的引用了。甚至部署的時候,前端和後台都有可能是部署在不同主機的!
好了,今天先到這裡,明天繼續django的學習!