Megosztás a következőn keresztül:

A Python használatának megkezdése webes fejlesztéshez Windows rendszeren

Az alábbiakban egy részletes útmutatót mutatunk be, amely bemutatja, hogyan kezdheti el a Python webfejlesztést Windows rendszeren, a Windows Alrendszer for Linux (WSL) használatával.

A fejlesztési környezet beállítása

Javasoljuk, hogy webalkalmazások létrehozásakor telepítse a Pythont a WSL-en. A Python-webfejlesztéssel kapcsolatos oktatóanyagok és utasítások nagy része Linux-felhasználók számára készült, és Linux-alapú csomagolási és telepítési eszközöket használ. A legtöbb webalkalmazást Linuxon telepítik, ami biztosítja, hogy fejlesztési és kész környezeteid között konzisztencia legyen.

Ha nem webes fejlesztéshez használja a Pythont, javasoljuk, hogy közvetlenül a Windowsra telepítse a Pythont a Microsoft Store használatával. A WSL nem támogatja a grafikus felhasználói felületű asztali számítógépeket és alkalmazásokat (például PyGame, Gnome, KDE stb.). A Python telepítése és használata közvetlenül Windows rendszeren ezekben az esetekben. Ha még nem használta a Pythont, tekintse meg útmutatónkat: Ismerkedés a Python windowsos használatával kezdőknek. Ha szeretné automatizálni az operációs rendszere gyakori feladatait, tekintse meg útmutatónkat: Kezdje el használni a Pythont Windows rendszerű számítógépeken szkriptek írásához és automatizáláshoz. Bizonyos speciális forgatókönyvek esetén érdemes lehet egy adott Python-kiadást közvetlenül python.org letölteni , vagy érdemes lehet telepíteni egy alternatív verziót, például az Anaconda, Jython, PyPy, WinPython, IronPython stb. Ezt csak akkor javasoljuk, ha ön egy fejlettebb Python-programozó, akinek konkrét oka van egy alternatív implementáció kiválasztására.

Windows-alrendszer telepítése Linuxhoz

A WSL lehetővé teszi egy GNU/Linux parancssori környezet futtatását közvetlenül a Windowssal és kedvenc eszközeivel, például a Visual Studio Code-tal, az Outlookkal stb. Általában a WSL 2 használatát javasoljuk a Python webfejlesztési munkáihoz.

A WSL 2 engedélyezéséhez és telepítéséhez tekintse meg a WSL telepítési dokumentációját. Ezek a lépések magukban foglalják a Linux-disztribúció (például Ubuntu) kiválasztását.

Miután telepítette a WSL-t és a Linux-disztribúciót, nyissa meg a Linux-disztribúciót (ez megtalálható a Windows start menüjében), és ellenőrizze a verziót és a kódnevet a következő paranccsal: lsb_release -dc.

Javasoljuk, hogy rendszeresen frissítse Linux-disztribúcióját, beleértve közvetlenül a telepítés után is, hogy biztosan a legújabb csomagokkal rendelkezzen. A Windows nem kezeli automatikusan ezt a frissítést. A disztribúció frissítéséhez használja a következő parancsot: sudo apt update && sudo apt upgrade.

Jótanács

Fontolja meg, telepítse az új Windows Terminált a Microsoft Store több lap engedélyezéséhez (gyorsan váltson több Linux-parancssor, Windows parancssor, PowerShell, Azure CLI stb.), hozzon létre egyéni kulcskötéseket (billentyűparancsok a lapok megnyitásához vagy bezárásához, másolás és beillesztés stb.), használja a keresési funkciót, és egyéni témákat állítson be (színsémák, betűstílusok és méretek, háttérkép/elmosódás/átlátszóság). További információ.

A Visual Studio Code telepítése

Használja ki IntelliSense, Linting, Hibakeresési támogatás, Kódrészletekés Egységtesztelési a VS Code használatával. A VS Code szépen integrálható a Linux windowsos alrendszerével, és beépített terminál biztosít a kódszerkesztő és a parancssor közötti zökkenőmentes munkafolyamat létrehozásához, amellett, hogy támogatja a Git verziókövetési a felhasználói felületbe beépített gyakori Git-parancsokkal (hozzáadás, véglegesítés, leküldés, lekérés).

  1. A VS Code letöltése és telepítése Windowsra. A VS Code Linuxhoz is elérhető, de a Linux windowsos alrendszere nem támogatja a grafikus felhasználói felületű alkalmazásokat, ezért telepíteni kell a Windowsra. Ne aggódjon, továbbra is képes lesz integrálni a Linux parancssorát és eszközeit a Távoli - WSL-bővítmény segítségével.

  2. Telepítse a Távoli – WSL-bővítményt a VS Code-ba. Ez lehetővé teszi, hogy a WSL-t használja integrált fejlesztési környezetként, és kezelni tudja a kompatibilitást és az elérési utat. További információ.

Fontos

Ha már telepítve van a VS Code, a WSL-bővítmény telepítéséhez meg kell győződnie arról, hogy a május 1.35-ös vagy újabb kiadást használja. Nem javasoljuk a WSL használatát a VS Code-ban a Remote-WSL bővítmény nélkül, mivel elveszíti az automatikus kiegészítés, a hibakeresés, a linting stb. támogatását. Érdekes tény: Ez a WSL-bővítmény telepítve van $HOME/.vscode-server/extensions fájlban.

Új projekt létrehozása

Hozzunk létre egy új projektkönyvtárat a Linux (Ubuntu) fájlrendszerünkön, amelyen ezután a VS Code-ot használó Linux-alkalmazásokkal és -eszközökkel fogunk dolgozni.

  1. Zárja be a VS Code-ot, és nyissa meg az Ubuntu parancsot (a WSL-parancssort) a Start menüben (a bal alsó Windows-ikonon), és írja be a következőt: "Ubuntu".

  2. Az Ubuntu parancssorban lépjen oda, ahová a projektet el szeretné helyezni, és hozzon létre hozzá egy könyvtárat: mkdir HelloWorld.

Ubuntu terminál

Jótanács

Fontos megjegyezni, hogy a Windows-alrendszer linuxos (WSL) használatakor most két különböző fájlrendszer között dolgozik: 1) a Windows fájlrendszere, 2) a Linux fájlrendszere (WSL), amely a példánkban az Ubuntu. Figyelnie kell a csomagok telepítésére és a fájlok tárolására. Az eszköz vagy csomag egy verzióját a Windows fájlrendszerben, a Linux fájlrendszerben pedig teljesen más verziót telepíthet. Az eszköz windowsos fájlrendszerbeli frissítése nem lesz hatással a Linux fájlrendszerben lévő eszközre, és fordítva. A WSL csatlakoztatja a rögzített meghajtókat a számítógépen a /mnt/<drive> Linux-disztribúció mappája alatt. A Windows C: meghajtó például a /mnt/c/ alá van szerelve. Windows-fájljait az Ubuntu terminálról érheti el, és linuxos alkalmazásokat és eszközöket használhat ezeken a fájlokon, és fordítva. Javasoljuk, hogy a Python-webfejlesztéshez használt Linux fájlrendszerben dolgozzon, mivel a webes eszközök nagy része eredetileg Linuxra van írva, és linuxos éles környezetben van üzembe helyezve. Emellett elkerüli a fájlrendszer szemantikai sajátosságainak keveredését is (például abban az értelemben, hogy a Windows nem megkülönbözteti a kis- és nagybetűket a fájlneveknél). Ez azt is jelzi, hogy a WSL mostantól támogatja a Linux és a Windows fájlrendszer közötti váltást, így bármelyiken tárolhatja a fájlokat. További információ.

A Python, a pip és a venv telepítése

Az Ubuntu már telepítve van a Python 3.6-os verziójával, de nem rendelkezik olyan modulokkal, amelyeket várhatóan más Python-telepítésekkel fog használni. Továbbra is telepíteni kell a Pipet, a Python standard csomagkezelőjét és a venv-t, az egyszerűsített virtuális környezetek létrehozásához és kezeléséhez használt standard modult. Ne feledje, hogy előfordulhat, hogy frissítenie kell a Linux-disztribúciót, hogy a legújabb verziója legyen a következő paranccsal: sudo apt update && sudo apt upgrade.

  1. Győződjön meg arról, hogy a Python3 már telepítve van, nyissa meg az Ubuntu terminált, és írja be a következőt: python3 --version. Ennek a Python-verziószámot kell visszaadnia. Ha frissítenie kell a Python verzióját, először frissítse az Ubuntu-verziót a következő beírással: sudo apt update && sudo apt upgrade, majd frissítse a Pythont a következő paranccsal sudo apt upgrade python3.

  2. Telepítse pip a következő parancs beírásával: sudo apt install python3-pip. A Pip lehetővé teszi olyan további csomagok telepítését és kezelését, amelyek nem részei a Python standard kódtárának.

  3. Telepítse venv a következő parancs beírásával: sudo apt install python3-venv.

Virtuális környezet létrehozása

A Virtuális környezetek használata ajánlott eljárás Python-fejlesztési projektekhez. Virtuális környezet létrehozásával elkülönítheti a projekteszközöket, és elkerülheti a verziószámozási ütközéseket a többi projekt eszközeivel. Előfordulhat például, hogy egy régebbi webes projektet tart fenn, amelyhez a Django 1.2 webes keretrendszer szükséges, de aztán egy izgalmas új projekt jön létre a Django 2.2 használatával. Ha globálisan frissíti a Django-t egy virtuális környezeten kívül, később verziószámozási problémákba ütközhet. A véletlen verziószámozási ütközések megelőzése mellett a virtuális környezetek lehetővé teszik a csomagok rendszergazdai jogosultságok nélküli telepítését és kezelését.

  1. Nyissa meg a terminált, és a HelloWorld projektmappában a következő paranccsal hozzon létre egy .venv nevű virtuális környezetet. python3 -m venv .venv

  2. A virtuális környezet aktiválásához írja be a következőt: source .venv/bin/activate. Ha működött, a parancssor előtt kell látnia a (.venv) fájlt. Most már rendelkezik egy önálló környezettel, amely készen áll a kódírásra és a csomagok telepítésére. Ha végzett a virtuális környezettel, adja meg a következő parancsot a inaktiválásához: deactivate.

    Virtuális környezet létrehozása

Jótanács

Javasoljuk, hogy hozza létre a virtuális környezetet abban a könyvtárban, amelyben a projektet tervezi. Mivel minden projektnek külön könyvtárral kell rendelkeznie, mindegyiknek saját virtuális környezete lesz, így nincs szükség egyedi elnevezésre. Javasoljuk, hogy használja a .venv nevet a Python-konvenciók követéséhez. Néhány eszköz (például a pipenv) is ezt a nevet adja, ha a projektkönyvtárba telepít. Nem szeretné az .env parancsot használni, mert az ütközik a környezeti változódefiníciós fájlokkal. Általában nem javasoljuk a nem ponttal kezdődő neveket, mivel nincs szükség arra, hogy a ls folyton emlékeztessen a könyvtár létezésére. Azt is javasoljuk, hogy adja hozzá a .venv fájlt a .gitignore fájlhoz. (Íme a GitHub alapértelmezett Gitignore-sablonja a Pythonhoz referenciaként.) A virtuális környezetek VS Code-ban való használatáról további információt a Python-környezetek használata a VS Code-ban című témakörben talál.

WSL-terminálablak megnyitása a VS Code-ban

A VS Code a (korábban telepített) WSL-bővítményt használja a Linux-alrendszer távoli kiszolgálóként való kezelésére. Ez lehetővé teszi, hogy a WSL-t integrált fejlesztési környezetként használja. További információ.

  1. Nyissa meg a projektmappát a VS Code-ban az Ubuntu-terminálból a következő beírással: code . (a "." azt mondja a VS Code-nak, hogy nyissa meg az aktuális mappát).

  2. Zárja be az Ubuntu terminált. A továbblépéshez a VS Code-ba integrált WSL-terminált fogjuk használni.

  3. Nyissa meg a WSL-terminált a VS Code-ban a Ctrl+` lenyomásával (a backtick (`) karakterrel), vagy válassza a Nézet>Terminállehetőséget. Ezzel megnyit egy bash (WSL) parancssort, amely az Ubuntu terminálban létrehozott projektmappa elérési útjára nyílik meg.

    VS Code WSL-terminállal

A Microsoft Python-bővítmény telepítése

Előfordulhat, hogy a WSL-telepítéshez VS Code-bővítményeket kell telepítenie. Egyes, a VS Code-ra már telepített bővítmények nem lesznek automatikusan elérhetők. További információ.

  1. Nyissa meg a VS Code-bővítmények ablakot a ctrl+Shift+X megadásával (vagy a menüben navigáljon bővítmények megtekintése).

  2. A Marketplace felső Keresési bővítmények mezőjébe írja be a következőt: Python.

  3. Keresse meg a Pythont (ms-python.python) a Microsoft-bővítmény alapján , és válassza a Telepítés a WSL-ben: [terjesztési név] gombot.

  4. A bővítmény telepítése után megjelenik egy WSL: [terjesztési név] – A VS Code Extensions ablak telepített szakasza, amely azt mutatja, hogy telepítette a Python-bővítményt.

Egyszerű Python-program futtatása

A Python egy értelmezett nyelv, és különböző típusú értelmezőket támogat (Python2, Anaconda, PyPy stb.). A VS Code-nak alapértelmezés szerint a projekthez társított értelmezőnek kell lennie. Ha van oka a módosításra, válassza ki a VS Code ablakának alján látható kék sávon megjelenő értelmezőt, vagy nyissa meg a Parancskatalógust (Ctrl+Shift+P), és írja be a Python: Értelmező kiválasztása parancsot. Ekkor megjelenik a jelenleg telepített Python-értelmezők listája. További információ a Python-környezetekkonfigurálásáról.

Hozzunk létre és futtassunk egy egyszerű Python-programot tesztként, és győződjön meg arról, hogy a megfelelő Python-értelmező van kiválasztva.

  1. Nyissa meg a VS Code Fájlkezelő ablakát a Ctrl+Shift+E billentyűkombinációval (vagy a menüben navigáljon aNézetkezelőbe>).

  2. Ha még nincs megnyitva, nyissa meg az integrált WSL-terminált a Ctrl+Shift+' billentyűkombinációval , és győződjön meg arról, hogy az aktuális könyvtár a HelloWorld python projektmappája.

  3. Python-fájl létrehozása a következő beírással: touch test.py. Az imént létrehozott fájlnak meg kell jelennie az Explorer ablakában, a .venv és a .vscode mappák alatt, amelyek már a projektkönyvtárban találhatók.

  4. Válassza ki az imént az Explorer ablakban létrehozott test.py fájlt a VS Code-ban való megnyitásához. Mivel a fájlnévben szereplő .py azt jelzi a VS Code-nak, hogy ez egy Python-fájl, a korábban betöltött Python-bővítmény automatikusan kiválaszt és betölt egy Python-értelmezőt, amelyet a VS Code ablak alján fog látni.

    Python-értelmező kiválasztása a VS Code-ban

  5. Illessze be ezt a Python-kódot a test.py fájlba, majd mentse a fájlt (Ctrl+S):

    print("Hello World")

  6. Az imént létrehozott Python "Hello World" program futtatásához jelölje ki a test.py fájlt a VS Code Explorer ablakban, majd kattintson a jobb gombbal a fájlra a beállítások menüjének megjelenítéséhez. Válassza a Python-fájl futtatása a terminálbanlehetőséget. Másik lehetőségként az integrált WSL terminálablakban adja meg a következőt: python3 test.py a "Hello World" program futtatásához. A Python-értelmező a "Hello World" szöveget fogja kinyomtatni a terminálablakban.

Gratulálok. Mindannyian Python-programok létrehozására és futtatására vannak beállítva! Most hozzunk létre egy Hello World-alkalmazást két legnépszerűbb Python-webes keretrendszerrel: Flask és Django.

Hello World oktatóanyag a Flaskhoz

A Flask egy Python-webalkalmazás-keretrendszer. A Flask dokumentációja útmutatást nyújt az első lépésekhez, valamint egy részletesebb oktatóanyagot arról, hogyan hozhat létre egy kis, de teljes alkalmazást.

Az alábbi lépéseket követve létrehozhat egy kis "Hello World" Flask-alkalmazást a VS Code és a WSL használatával.

  1. Nyissa meg az Ubuntu -t (a WSL-parancssort) a Start menüben (a bal alsó Windows ikon) és írja be a következőt: "Ubuntu".

  2. Hozz létre egy könyvtárat a projekthez: mkdir HelloWorld-Flask, majd cd HelloWorld-Flask lépj be a könyvtárba.

  3. Hozzon létre egy virtuális környezetet a projekteszközök telepítéséhez: python3 -m venv .venv

  4. Nyissa meg a HelloWorld-Flask projektet a VS Code-ban a következő paranccsal: code .

  5. A VS Code-n belül nyissa meg az integrált WSL-terminált (más néven Basht) a Ctrl+Shift+' billentyűkombinációval (a HelloWorld-Flask projektmappát már ki kell jelölni). Zárja be az Ubuntu parancssort, mivel a VS Code-tal integrált WSL-terminálban fogunk dolgozni.

  6. Aktiválja a 3. lépésben létrehozott virtuális környezetet a BASH-terminál használatával a VS Code-ban: source .venv/bin/activate. Ha működött, a parancssor előtt kell látnia a (.venv) fájlt.

  7. Telepítse a Flaskot a virtuális környezetben a következő beírással: python3 -m pip install flask. Ellenőrizze, hogy telepítve van-e a következő beírással: python3 -m flask --version.

  8. Hozzon létre egy új fájlt a Python-kódhoz: touch app.py

  9. Nyissa meg a app.py fájlt a VS Code Fájlkezelőjében (Ctrl+Shift+Emajd válassza ki a app.py fájlt). Ezzel aktiválja a Python-bővítményt egy értelmező kiválasztásához. Alapértelmezés szerint Python 3.6.8 64 bites ('.venv': venv). Figyelje meg, hogy a virtuális környezetet is észlelte.

    Aktivált virtuális környezet

  10. A app.py adjon hozzá kódot a Flask importálásához és a Flask-objektum egy példányának létrehozásához:

    from flask import Flask
app = Flask(__name__)

  11. A app.pyfájlban hozzon létre egy függvényt, amely tartalmat ad vissza, ebben az esetben egy egyszerű karakterláncot. Flask app.route dekorátort használja arra, hogy a "/" URL-útvonalat a megfelelő függvényhez kösse.

    @app.route("/")
def home():
    return "Hello World! I'm using Flask."

    Jótanács

    Több dekorátort is használhat ugyanazon a függvényen, sorbanként egyet attól függően, hogy hány különböző útvonalat szeretne ugyanarra a függvényre leképezni.

  12. Mentse a app.py fájlt (Ctrl+S).

  13. A terminálban futtassa az alkalmazást a következő paranccsal:

    python3 -m flask run

    Ez futtatja a Flask fejlesztői kiszolgálót. A fejlesztőkiszolgáló alapértelmezés szerint app.py keres. A Flask futtatásakor a következőhöz hasonló kimenetnek kell megjelennie:

    (env) user@USER:/mnt/c/Projects/HelloWorld$ python3 -m flask run
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

  14. A Visual Studio értesítést küld arról, hogy "Az alkalmazás most már az 5000-s porton fut". Kattintson a Megnyitás böngészőben gombra. Vagy a Ctrl+Kattintás az http://127.0.0.1:5000/ URL-címre a terminálban. A böngészőben a következő üzenetnek kell megjelennie:

    Helló világ! A Flaskot használom.

  15. Figyelje meg, hogy amikor egy URL-címet (például "/") látogat meg, a hibakeresési terminálban megjelenik egy üzenet, amely a HTTP-kérést jeleníti meg:

    127.0.0.1 - - [19/Jun/2019 13:36:56] "GET / HTTP/1.1" 200 -

  16. Állítsa le az alkalmazást a terminál Ctrl+C billentyűkombinációval.

Jótanács

Ha más fájlnevet szeretne használni, mint app.py, például program.py, definiáljon egy FLASK_APP nevű környezeti változót, és állítsa az értékét a kiválasztott fájlra. A Flask fejlesztői kiszolgálója ezután az alapértelmezett app.py helyett a FLASK_APP értékét használja. További információkért tekintse meg a Flask dokumentációját.

Gratulálunk, létrehozott egy Flask-webalkalmazást a Visual Studio Code és a Windows Subsystem for Linux használatával! A VS Code és a Flask használatával kapcsolatos részletesebb oktatóanyagért tekintse meg a Flask-oktatóanyagot a Visual Studio Code-ban.

Hello World bemutató kezdőknek Django-hoz

A Django egy pythonos webalkalmazás-keretrendszer. Ebben a rövid oktatóanyagban egy kis "Hello World" Django-alkalmazást fog létrehozni a VS Code és a WSL használatával.

  1. Nyissa meg az Ubuntu -t (a WSL-parancssort) a Start menüben (a bal alsó Windows ikon) és írja be a következőt: "Ubuntu".

  2. Hozz létre egy könyvtárat a projekthez: mkdir HelloWorld-Django, majd cd HelloWorld-Django lépj be a könyvtárba.

  3. Hozzon létre egy virtuális környezetet a projekteszközök telepítéséhez: python3 -m venv .venv

  4. Nyissa meg a HelloWorld-Django projektet a VS Code-ban a következő paranccsal: code .

  5. A VS Code-n belül nyissa meg az integrált WSL-terminált (más néven Basht) a Ctrl+Shift+' billentyűkombinációval (a HelloWorld-Django projektmappát már ki kell választania). Zárja be az Ubuntu parancssort, mivel a VS Code-tal integrált WSL-terminálban fogunk dolgozni.

  6. Aktiválja a 3. lépésben létrehozott virtuális környezetet a BASH-terminál használatával a VS Code-ban: source .venv/bin/activate. Ha működött, a parancssor előtt kell látnia a (.venv) fájlt.

  7. Telepítse a Djangot a virtuális környezetben a következő paranccsal: python3 -m pip install django. Ellenőrizze, hogy telepítve van-e a következő beírással: python3 -m django --version.

  8. Ezután futtassa a következő parancsot a Django-projekt létrehozásához:

    django-admin startproject web_project .

    A startproject parancs feltételezi (a végén használva . ), hogy az aktuális mappa a projektmappája, és a következőt hozza létre benne:

    • manage.py: A Django parancssori felügyeleti segédprogramja a projekthez. A projekt adminisztratív parancsait a python manage.py <command> [options]használatával futtatja.

    • Egy almappát, web_projectamely a következő fájlokat tartalmazza:

      • __init__.py: egy üres fájl, amely tájékoztatja a Pythont, hogy ez a mappa Egy Python-csomag.
      • wsgi.py: a WSGI-kompatibilis webkiszolgálók belépési pontja a projekt kiszolgálásához. Általában ezt a fájlt as-is hagyja meg, mivel ez biztosítja a webeszerverekhez szükséges horgokat.
      • asgi.py: belépési pont az ASGI-kompatibilis webkiszolgálók számára a projekt kiszolgálásához. Általában ezt a fájlt as-is hagyja meg, mivel ez biztosítja a webeszerverekhez szükséges horgokat.
      • settings.py: a Django-projekt beállításait tartalmazza, amelyeket egy webalkalmazás fejlesztése során módosít.
      • urls.py: tartalmaz egy tartalomjegyzéket a Django-projekthez, amelyet a fejlesztés során is módosít.

  9. A Django-projekt ellenőrzéséhez indítsa el a Django fejlesztői kiszolgálóját a paranccsal python3 manage.py runserver. A kiszolgáló az alapértelmezett 8000-es porton fut, és a terminálablakban a következő kimenethez hasonló kimenetnek kell megjelennie:

    Performing system checks...

System check identified no issues (0 silenced).

June 20, 2019 - 22:57:59
Django version 2.2.2, using settings 'web_project.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

    Amikor első alkalommal futtatja a kiszolgálót, az létrehoz egy alapértelmezett SQLite-adatbázist a fájlban db.sqlite3, amely fejlesztési célokra szolgál, de éles környezetben használható alacsony kötetű webalkalmazásokhoz. Emellett a Django beépített webkiszolgálója csak helyi fejlesztési célokra . Amikor azonban telepít egy webtárhelyre, a Django ehelyett a tárhely webkiszolgálóját használja. A Django-projekt wsgi.py modulja felelős az éles kiszolgálókhoz való integrációért.

    Ha az alapértelmezett 8000-es porttól eltérő portot szeretne használni, adja meg a parancssor portszámát, például python3 manage.py runserver 5000.

  10. A Visual Studio értesítést küld arról, hogy "A 8000-s porton futó alkalmazás elérhető". Kattintson a Megnyitás böngészőben gombra. Vagy Ctrl+click a http://127.0.0.1:8000/ terminál kimeneti ablakának URL-címe, amellyel megnyithatja az alapértelmezett böngészőt erre a címre. Ha a Django megfelelően van telepítve, és a projekt érvényes, egy alapértelmezett oldal jelenik meg. A VS Code terminálkimeneti ablaka a kiszolgálónaplót is megjeleníti.

  11. Ha végzett, zárja be a böngészőablakot, és állítsa le a kiszolgálót a VS Code-ban Ctrl+C a terminál kimeneti ablakában látható módon.

  12. Django-alkalmazás létrehozásához futtassa a felügyeleti segédprogram parancsát startapp a projektmappában (ahol manage.py található):

    python3 manage.py startapp hello

    A parancs létrehoz egy mappát hello , amely több kódfájlt és egy almappát tartalmaz. Ezek közül Ön gyakran dolgozik a views.py-val (amely a webalkalmazás lapjait meghatározó függvényeket tartalmazza) és a models.py-gyel (amely az adatobjektumokat meghatározó osztályokat tartalmazza). A migrations mappát a Django felügyeleti segédprogramja használja az adatbázisverziók kezeléséhez, ahogy az oktatóanyag későbbi részében is szó volt róla. Vannak olyan fájlok apps.py (alkalmazáskonfiguráció), admin.py (felügyeleti felület létrehozásához) és tests.py (tesztekhez), amelyek nem tartoznak ide.

  13. Módosítsa hello/views.py úgy, hogy megfeleljen a következő kódnak, amely egyetlen nézetet hoz létre az alkalmazás kezdőlapján:

    from django.http import HttpResponse

def home(request):
    return HttpResponse("Hello, Django!")

  14. Hozzon létre egy fájlt az hello/urls.pyalábbi tartalommal. A urls.py fájlban olyan mintákat adhat meg, amelyek különböző URL-címeket irányítanak a megfelelő nézetekhez. Az alábbi kód tartalmaz egy útvonalat az alkalmazás ("") gyökér URL-jének térképezéséhez az views.home függvényhez, amelyet éppen hozzáadtál hello/views.py-hez.

    from django.urls import path
from hello import views

urlpatterns = [
    path("", views.home, name="home"),
]

  15. A web_project mappa tartalmaz egy urls.py fájlt is, amely az URL-útválasztást ténylegesen kezeli. Nyissa meg web_project/urls.py és módosítsa úgy, hogy megfeleljen a következő kódnak (tetszés szerint megtarthatja a tanulságos megjegyzéseket). Ez a kód a hello/urls.py-t az alkalmazásból lekéri a django.urls.includesegítségével, amely megőrzi az útvonalakat az alkalmazáson belül. Ez az elkülönítés akkor hasznos, ha egy projekt több alkalmazást tartalmaz.

    from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path("", include("hello.urls")),
]

  16. Mentse az összes módosított fájlt.

  17. A VS Code terminálban indítsa el a fejlesztői kiszolgálót python3 manage.py runserver, és nyisson meg a böngészőt http://127.0.0.1:8000/ a "Hello, Django" feliratot tartalmazó oldal megtekintéséhez.

Gratulálunk, létrehozott egy Django-webalkalmazást a VS Code és a Windows Subsystem for Linux használatával! A VS Code és a Django használatával kapcsolatos részletesebb oktatóanyagért lásd a Django-oktatóanyagot a Visual Studio Code-ban.

További erőforrások

  • Last updated on