python django web開發案例

編程使我快樂 發佈 2022-03-01T20:48:42+00:00

好嘞,繼續我們今天的學習。我從PHP中文網上下載了一套網站模板,我們今天的主要內容就是創建一個Django工程,然後去加載我們的前端模板,正常顯示出來即可,由於涉及到的內容比較多,我就拿一個頁面重點去說明,其他頁面按照同樣的方法即可完成。

好嘞,繼續我們今天的學習。

我從PHP中文網上下載了一套網站模板,我們今天的主要內容就是創建一個Django工程,然後去加載我們的前端模板,正常顯示出來即可,由於涉及到的內容比較多,我就拿一個頁面重點去說明,其他頁面按照同樣的方法即可完成。

我下載的模板名字是 Espire,大家也可以隨意準備一些現成的模板去做今天的練習!

好嘞,我們重新創建一個新的工程

然後我們把所有的html頁面放到templates目錄里去

然後我們在工程下面創建一個CHN的目錄,該目錄里用來存放所有的靜態資源文件

好了,然後我們就開始整理我們的Django工程了,因為不涉及到連結資料庫,所以我們只會使用到mvt里的views和templates部分功能。

  1. 首先加載顯示主頁面index.html
  2. 我們創建相應的views,然後配置url路由即可!
  3. 創建一個HINDEX的app,用它來控制系統首頁面
  1. 然後我們啟動運行下看看效果
  1. 接下來我們把該頁面里所有的靜態資源都加載顯示出來,我們分析下該頁面發現裡面涉及到這些資源:

但是我們發現,我們的所有的資源都是「static/開頭的」,但是我們的資源目錄結構卻是:

那我們調整下我們的結構唄:

  1. 然後我們開始做靜態資源(css js 圖片 字體等)加載,如何加載靜態資源呢?我們需要去settings.py里做下配置
  1. 然後我們去設置index頁面

所有的資源引用也改下:

  1. 運行看下效果,看看css加載是否成功

Css加載成功了,但是頁面里部分圖片還沒有加載成功,我們繼續修改圖片的引用方式

  1. 按照djang的形式修改圖片的引用

大家自己把頁面元素修改下就行了!

  1. 我們再加個頁面跳轉的功能
  1. 如何把這種頁面跳轉修改成django的模式呢?做頁面跳轉顯示的控制其實就是mvt里的views的功能,因此我們添加views功能即可

此刻運行下去看看

  1. 添加v-view的視圖方法
  1. 運行看下效果
  1. 接下來就是工作量了,我們需要給每個頁面跳轉都實現下其視圖方法,然後每個模板里都做靜態資源引用即可把django工程跑通!

可能有些人就疑問了,用django開發web工程這麼麻煩嗎?我們一定要這麼改才能用嗎?如果我頁面有很多,那豈不是工作量很大啊?

我的回答是,如果是前後端不分離的話,我們先暫時這麼慢慢地去修改。如果親啊後端分離的話,前端功能頁面的顯示跟django沒關係的,前後端直接通過api通信即可,就不要麻煩的做靜態資源的引用了。甚至部署的時候,前端和後台都有可能是部署在不同主機的!

好了,今天先到這裡,明天繼續django的學習!

關鍵字: