Djangoweb開發系列(八)之快速入門實例教程

一 前言

成都創新互聯公司是一家專業提供港南企業網站建設,專注與網站設計制作、成都網站建設、H5建站、小程序制作等業務。10年已為港南眾多企業、政府機構等服務。創新互聯專業網站制作公司優惠進行中。

前面幾節以圖書管理系統開發為切入點,對Django涉及的幾個核心概念點進行了介紹,但缺乏連貫性。本文將從頭到尾完成一個簡單的實例項目,把Django開發流程串聯一遍,對想了解或學習Django Web開發的同學應該會有一點幫助。

?

二 Django入門實例

1.?????準備開發環境

以windows系統為例,提前安裝好Python3、Django2、Pycharm,在此不再贅述。

2.?????創建Django項目

打開pycharm,fileànew projectàDjango,填寫項目Location和python解釋器后,點擊create,即可完成項目創建,如圖:

Django web開發系列(八)之快速入門實例教程

以上目錄及文件是創建項目時自動生成的。

?

3.?????創建APP

每個項目可以有多個app,每個app可以理解成項目的子模塊,所以app共享項目資源。

在pycharm的terminal輸入以下命令,創建名為login的app,如下:

Django web開發系列(八)之快速入門實例教程

命令執行后,項目Demo目錄下會自動生成login目錄及一系列文件。

?

4.?????編寫路由

路由的作用是將瀏覽器發送的url請求轉發到對應的視圖函數,如圖:

Django web開發系列(八)之快速入門實例教程

在項目核心目錄urs.py里增加路由,匹配到index的請求都轉發到login的index視圖函數進行處理。

?

5.?????編寫視圖函數

路由轉發的請求由視圖函數處理,即業務邏輯實現部分,在app的views.py里編寫,即定義并實現視圖函數,如圖:

Django web開發系列(八)之快速入門實例教程

?

6.?????啟動WEB服務

在pycharm的terminal輸入如下命令,啟動web服務器(IP:PORT根據實際情況修改):

python manage.py runserver 127.0.0.1:8080

?

啟動后,在瀏覽器訪問http://127.0.0.1:8080/index/,即可看到后臺視圖函數返回的結果,如圖:

Django web開發系列(八)之快速入門實例教程

到這里,你的web應用已經能夠正常運行了,整個流程已經通了,接下來,我們進一步返回html頁面,而不是一個簡單的字符串。

?

7.?????使用模板返回html頁面

1) 右鍵點擊templates目錄->new->html,新建一個html文件,編寫簡單html如下:

Django web開發系列(八)之快速入門實例教程

定義了一個簡單的html文件,通過視圖函數傳入wx_name變量并展示。

2) 當返回html頁面時,修改視圖函數如下:

Django web開發系列(八)之快速入門實例教程

通過render返回定義的index.html頁面,且傳入了wx_name的變量值“小蟒社區”。你可能會疑惑,它怎么找到我們定義的index.html呢?

3) 配置templates目錄

為了讓渲染頁面時找到html文件,需要在settings.py里配置路徑,如下:

Django web開發系列(八)之快速入門實例教程

4) 再次瀏覽器訪問http://127.0.0.1:8080/index/,即可看到后臺視圖函數返回的html頁面,如圖:

Django web開發系列(八)之快速入門實例教程

8.?????實現前后臺交互

上面我們已經可以發送index的get請求,且返回期望的頁面。接下來,再看下如何整一個可以和后臺交互的post請求。假定我們有個很簡單的login頁面,輸入用戶名登錄后,返回hello 用戶名。

1) 新建模擬post請求的login頁面

為了讓頁面顯得稍微好看一點,使用先前介紹的Bootstrap框架化個狀吧。在pycharm項目目錄,新建一個static目錄,然后再建一個js目錄存放jQuery,并且把下載的Bootstrap目錄也放到static里,目錄結構如圖:

Django web開發系列(八)之快速入門實例教程

同樣,為了讓Django能夠找到我們新建的static目錄,在settings.py里增加如下配置項:

STATIC_URL?=?'/static/'
?
STATICFILES_DIRS?=?[os.path.join(BASE_DIR,?"static"),]

?

2) 在templates目錄新建login.html

像新建index頁面一樣,再創建一個login頁面,html簡單如下:

Django web開發系列(八)之快速入門實例教程

?

3) 增加login的路由及對應的視圖函數login,如下:

Django web開發系列(八)之快速入門實例教程

?

4) 訪問login頁面http://127.0.0.1:8080/login/,如圖:

Django web開發系列(八)之快速入門實例教程

?

5) 輸入用戶名 張三、密碼111,點擊提交按鈕,響應如圖:

Django web開發系列(八)之快速入門實例教程

9.?????使用數據庫

限于篇幅原因,使用數據庫部分不再寫了,有興趣可以自行查看相關資料,或者參考本系列文章——Django web開發系列(三)模型與管理后臺,有介紹默認數據sqllite及模型遷移的兩個命令。

?

10.??其他

關于python學習、分享、交流,筆者開通了微信公眾號【小蟒社區】,感興趣的朋友可以關注下,歡迎加入,建立屬于我們自己的小圈子,一起學python。

?

當前題目:Djangoweb開發系列(八)之快速入門實例教程
文章分享:http://m.kartarina.com/article34/pihgpe.html

成都網站建設公司_創新互聯,為您提供品牌網站設計電子商務外貿網站建設App開發Google用戶體驗

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都網站建設公司
主站蜘蛛池模板: 亚洲精品无码专区在线播放| 少妇伦子伦精品无码STYLES| 中文无码字幕中文有码字幕| 人妻中文字系列无码专区| 无码国产精品一区二区免费I6| av无码东京热亚洲男人的天堂| 人妻丰满熟妇aⅴ无码| 久久AV高清无码| 夜夜添无码试看一区二区三区| 久久久国产精品无码一区二区三区| 国产羞羞的视频在线观看 国产一级无码视频在线| 亚洲熟妇无码另类久久久| 人妻精品久久无码区洗澡| 久久久久亚洲AV无码专区首| 国产无码一区二区在线| 无码午夜人妻一区二区不卡视频| 国内精品人妻无码久久久影院| 亚洲 无码 在线 专区| 中文字幕久久久人妻无码| 亚洲中文字幕久久精品无码APP| 免费无码AV一区二区| 无码一区18禁3D| 精品久久久久久无码不卡| 人妻少妇乱子伦无码视频专区 | 亚洲中文无码线在线观看| 日韩va中文字幕无码电影| 国产精品无码一区二区三区免费| 在人线av无码免费高潮喷水 | 无码人妻精品一区二区三区不卡| 色综合久久中文字幕无码| 久久久久久无码国产精品中文字幕 | 色综合AV综合无码综合网站| 亚洲av无码成人精品区| 免费A级毛片无码久久版| 久久人妻无码一区二区| 无码熟妇人妻在线视频| 久久国产精品成人无码网站| 日韩人妻系列无码专区| 亚洲AV无码乱码在线观看性色扶| 国产福利电影一区二区三区久久老子无码午夜伦不| 亚洲精品无码mⅴ在线观看|