iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 2
2
Modern Web

來個Django Web介面測試吧系列 第 2

來個Django Web介面測試吧:Day02-Django Web開發:先架再說

環境介紹

  • 作業系統:windows
  • 開發工具:anaconda(使用一般的python3也可以),本篇主要以python3為主。
  • 編輯器:ATOM(其實哪一款編輯都可以,隨自己喜好),但最愛用的是notepad++。

本篇適合對象

  • 願意不斷求解答案的人(這次三十天的鐵人賽文章,不太會手把手一一講解,不過大部分問題(例如:環境安裝,可以google找到答案)
  • 怎樣的人會比較容易上手?

曾經安裝過pyhton環境,了解python3與anaconda的差異,如果你能答出pip與conda指令的差異,我想本篇文章對你來說不是問題。


三十天預計介紹的構面

  • 建立一個簡易Django Web專案

    1. 了解Django Web建立流程
    2. 了解前端後端流程
    3. 了解基礎的網頁知識
  • 介面測試開發
    1.了解介面
    2.介面開發
    3.介面測試
    4.介面框架
    5.介面測試工具

白話一點是,簡單建立一個web app進行介面測試,簡單一句話充滿一堆坑~汗


直上Django Web:HelloWord

  • 安裝anaconda(python3版本):使用anaconda純粹是套件已經安裝相當完整,可以少走一些套件缺少的問題。
  • 安裝django
    • 在測試資料夾路徑開啟cmd,輸入指令conda install django,確認安裝完成。
      https://ithelp.ithome.com.tw/upload/images/20190903/20102269YpIG9xjLG2.jpg

    • 輸入指令django-admin,確認django為我們提供的指令。
      https://ithelp.ithome.com.tw/upload/images/20190903/2010226984QmBgAXCB.jpg

    • 輸入指令django-admin startproject HelloWord #建立HelloWord專案

      • 在測試資料夾中發現新增了名為HelloWord的專案資料夾。
        https://ithelp.ithome.com.tw/upload/images/20190903/20102269sg9QmhGFJq.jpg
    • 透過ATOM開啟測試資料夾,觀看HelloWord的專案資料夾的結構,下圖你可以比較一下,使用CMD指令與使用編輯器的差異。
      https://ithelp.ithome.com.tw/upload/images/20190903/20102269wfUPgwzNdg.jpg

      • HelloWord\ __init__.py:是空白檔案,用於辨識Python目錄。
      • HelloWord\ settings.py:django專案設定檔。
      • HelloWord\ urls.py:django專案URL宣告。
      • HelloWord\ wsgi.py:與WSGI相容的web server,可以提供服務。
      • manage.py:django專案的命令列工具。
    • 輸入指令cd HelloWord #進入HelloWord路徑

    • 輸入指令python manage.py #查看manage提供的命令
      https://ithelp.ithome.com.tw/upload/images/20190903/201022699vqdKj8Olb.jpg

    • 輸入指令python manage.py startapp sign #建立名為sign的應用程式
      https://ithelp.ithome.com.tw/upload/images/20190903/20102269nMRUqNTEYF.jpg

      • 底下的檔案就不再介紹了,待之後使用再介紹,沒介紹的請google吧。
    • 輸入指令python manage.py runserver #啟用Web server服務

      • 這裡代表我們已經建置完成基本專案,預設的port為8000
      • 須改port者,可以指令後面加上 127.0.0.1:8001,例如:python manage.py runserver 127.0.0.1:8591 這樣port更改為8001。
        https://ithelp.ithome.com.tw/upload/images/20190903/201022693TLagdrzw6.jpg
    • 若成功開啟服務,會看到如下畫面:
      https://ithelp.ithome.com.tw/upload/images/20190903/20102269KgYRjiAzxm.jpg


小結

剩下的我們明日再談吧,讓小斯休息一下,在我飛快地敲打鍵盤時,孩子已經悄悄的睡了,但家事還沒做啊。
順帶一提,眼尖的看官有沒有發現我默默地跟word打招呼阿 其實是打錯字


上一篇
來個Django Web介面測試吧:Day01-開賽簡介
下一篇
來個Django Web介面測試吧:Day03-Django Web開發:接續美麗的錯誤HelloWord
系列文
來個Django Web介面測試吧30

1 則留言

0
AliceTw
iT邦新手 5 級 ‧ 2020-07-04 00:24:54

您好,我照著您的步驟做下來,但是到了下python manage.py的指令的時候就不能work,也沒有錯誤訊息跳出來,確認一下路徑應該也沒錯,想請問您可能是甚麼原因?謝謝~~https://ithelp.ithome.com.tw/upload/images/20200704/20128402tt92KftV9h.pnghttps://ithelp.ithome.com.tw/upload/images/20200704/20128402oX8hTICbhG.png

黑修斯 iT邦新手 5 級 ‧ 2020-07-04 08:24:48 檢舉

python manage.py的指令後面要加入 runserver,
指令為 python manage.py runserver

AliceTw iT邦新手 5 級 ‧ 2020-07-04 23:04:11 檢舉

我剛剛再跑了一次還是不行,應該是因為python本身沒有正確執行和安裝(不知道跟anaconda有沒有關係...),謝謝您撥空回答,我再看看~~

AliceTw iT邦新手 5 級 ‧ 2020-07-04 23:46:47 檢舉

我要留言

立即登入留言