一 前言
成都創新互聯公司是一家專業提供港南企業網站建設,專注與網站設計制作、成都網站建設、H5建站、小程序制作等業務。10年已為港南眾多企業、政府機構等服務。創新互聯專業網站制作公司優惠進行中。
前面幾節以圖書管理系統開發為切入點,對Django涉及的幾個核心概念點進行了介紹,但缺乏連貫性。本文將從頭到尾完成一個簡單的實例項目,把Django開發流程串聯一遍,對想了解或學習Django Web開發的同學應該會有一點幫助。
?
二 Django入門實例
1.?????準備開發環境
以windows系統為例,提前安裝好Python3、Django2、Pycharm,在此不再贅述。
2.?????創建Django項目
打開pycharm,fileànew projectàDjango,填寫項目Location和python解釋器后,點擊create,即可完成項目創建,如圖:
以上目錄及文件是創建項目時自動生成的。
?
3.?????創建APP
每個項目可以有多個app,每個app可以理解成項目的子模塊,所以app共享項目資源。
在pycharm的terminal輸入以下命令,創建名為login的app,如下:
命令執行后,項目Demo目錄下會自動生成login目錄及一系列文件。
?
4.?????編寫路由
路由的作用是將瀏覽器發送的url請求轉發到對應的視圖函數,如圖:
在項目核心目錄urs.py里增加路由,匹配到index的請求都轉發到login的index視圖函數進行處理。
?
5.?????編寫視圖函數
路由轉發的請求由視圖函數處理,即業務邏輯實現部分,在app的views.py里編寫,即定義并實現視圖函數,如圖:
?
6.?????啟動WEB服務
在pycharm的terminal輸入如下命令,啟動web服務器(IP:PORT根據實際情況修改):
python manage.py runserver 127.0.0.1:8080
?
啟動后,在瀏覽器訪問http://127.0.0.1:8080/index/,即可看到后臺視圖函數返回的結果,如圖:
到這里,你的web應用已經能夠正常運行了,整個流程已經通了,接下來,我們進一步返回html頁面,而不是一個簡單的字符串。
?
7.?????使用模板返回html頁面
1) 右鍵點擊templates目錄->new->html,新建一個html文件,編寫簡單html如下:
定義了一個簡單的html文件,通過視圖函數傳入wx_name變量并展示。
2) 當返回html頁面時,修改視圖函數如下:
通過render返回定義的index.html頁面,且傳入了wx_name的變量值“小蟒社區”。你可能會疑惑,它怎么找到我們定義的index.html呢?
3) 配置templates目錄
為了讓渲染頁面時找到html文件,需要在settings.py里配置路徑,如下:
4) 再次瀏覽器訪問http://127.0.0.1:8080/index/,即可看到后臺視圖函數返回的html頁面,如圖:
8.?????實現前后臺交互
上面我們已經可以發送index的get請求,且返回期望的頁面。接下來,再看下如何整一個可以和后臺交互的post請求。假定我們有個很簡單的login頁面,輸入用戶名登錄后,返回hello 用戶名。
1) 新建模擬post請求的login頁面
為了讓頁面顯得稍微好看一點,使用先前介紹的Bootstrap框架化個狀吧。在pycharm項目目錄,新建一個static目錄,然后再建一個js目錄存放jQuery,并且把下載的Bootstrap目錄也放到static里,目錄結構如圖:
同樣,為了讓Django能夠找到我們新建的static目錄,在settings.py里增加如下配置項:
STATIC_URL?=?'/static/' ? STATICFILES_DIRS?=?[os.path.join(BASE_DIR,?"static"),]
?
2) 在templates目錄新建login.html
像新建index頁面一樣,再創建一個login頁面,html簡單如下:
?
3) 增加login的路由及對應的視圖函數login,如下:
?
4) 訪問login頁面http://127.0.0.1:8080/login/,如圖:
?
5) 輸入用戶名 張三、密碼111,點擊提交按鈕,響應如圖:
9.?????使用數據庫
限于篇幅原因,使用數據庫部分不再寫了,有興趣可以自行查看相關資料,或者參考本系列文章——Django web開發系列(三)模型與管理后臺,有介紹默認數據sqllite及模型遷移的兩個命令。
?
10.??其他
關于python學習、分享、交流,筆者開通了微信公眾號【小蟒社區】,感興趣的朋友可以關注下,歡迎加入,建立屬于我們自己的小圈子,一起學python。
?
當前題目:Djangoweb開發系列(八)之快速入門實例教程
文章分享:http://m.kartarina.com/article34/pihgpe.html
成都網站建設公司_創新互聯,為您提供品牌網站設計、電子商務、外貿網站建設、App開發、Google、用戶體驗
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯