Egyszerűsítse fejlesztési folyamatát e két egymást kiegészítő keretrendszer erejével.

A mai világban a mobilalkalmazások minden vállalkozás számára elengedhetetlenek. A Flutter és a Django az alkalmazások fejlesztéséhez használt két népszerű keretrendszer. A Flutter egy nyílt forráskódú felhasználói felület eszközkészlet, amellyel egyetlen kódbázisból gyönyörű, natívan összeállított alkalmazásokat hozhat létre mobilra, webre és asztali számítógépekre.

A Django egy magas szintű Python webes keretrendszer, amely biztonságos és karbantartható webhelyek és webes alkalmazások gyors fejlesztését teszi lehetővé.

A Django és a Flutter jelentőségének feltárása az alkalmazásfejlesztésben

A Django alapja a Model-View-Controller (MVC) építészeti minta és követi a Don’t Repeat Yourself (DRY) elvet, amely biztosítja a kód újrafelhasználhatóságát és csökkenti a redundanciát.

Te tudod használni A 2023 februárjában megjelent Flutter 3.7 gyönyörű, natívan összeállított alkalmazásokat hozhat létre mobilra, webre és asztali számítógépekre egyetlen kódbázisból. A Flutter a Dart programozási nyelvet használja, amely gyors, modern és mobilfejlesztésre optimalizált.

instagram viewer

A Django és a Flutter hatékony funkcióinak kombinálása az alkalmazásfejlesztésben hatékony lehet fejlesztési folyamatokat, csökkentett redundanciát és optimális felhasználói élményt a keretrendszerek kiegészítőinek köszönhetően erősségeit.

A Django és a Flutter integrálásának korlátai

A Django és a Flutter integrálásának korlátai közé tartozhatnak a kompatibilitási problémák, a fejlesztés bonyolultabbá tétele, valamint egy lehetséges tanulási görbe a két keretrendszert nem ismerő fejlesztők számára.

Bár a Django és a Flutter nagy és aktív közösséggel rendelkezik, a köztük lévő integráció még csak a kezdeti szakaszban van, így a fejlesztők kihívásokkal szembesülhetnek, amikor konkrét problémákra megoldást találnak.

A Django integrálása a Flutterrel

Az első rész a Django projekt, a második pedig a flutter beállításához vezet.

1. Állítsa be Django projektjét

tudsz hozzon létre egy REST API-t a Django REST keretrendszer segítségével. Kezdje egy virtuális környezet létrehozásával és a Django telepítésével:

pip install django

Ezután telepítse a Django REST keretrendszert, egy hatékony és rugalmas eszközkészletet az API-k építéséhez:

pip install django-rest-framework

A pip programnak olyan kimenetet kell adnia, amely jelzi, hogy a telepítés sikeres volt:

Fejezze be egy új projekt létrehozásával a Django parancssori felület (CLI) használatával:

django-admin startproject myproject

2. Hozzon létre egy Django alkalmazást

Kezdje egy új alkalmazás létrehozásával a projekten belül a Django CLI használatával:

django-admin startapp api

Ezután határozza meg a Django modelleket modellek.py fájl az alkalmazásban lévő adatok megjelenítéséhez. Ezután migrálja át a modelleket az adatbázisba a következő paranccsal:

python manage.py makemigrations
python manage.py migráció

Folytassa a Django-nézetek létrehozásával views.py HTTP kérések és válaszok kezelésére. Ügyeljen arra, hogy a következőket adja hozzá az importálási nyilatkozatokhoz:

tól től rest_framework.decorators import api_view, permission_classes

Ez akkor van így, ha függvénynézeteket használ, és nem osztálynézeteket. Az osztálynézetekhez:

tól től rest_framework.views import APIView

Az összetett adattípusok JSON- vagy XML-formátumba konvertálásához sorosítókat definiálhat a Django-ban. Olyan formátumban sorosítják az adatokat, amelyek könnyen átvihetők a különböző rendszerek között. Alternatív megoldásként használhatja a JsonResponse metódust a return utasításban, hogy közvetlenül generáljon JSON választ.

tól től django.http import JsonResponse

Ezután használja az alábbi nézetben.

@api_view(['GET'])
@permission_classes((engedélyek. AllowAny,))
defgetRoutes(kérés):
útvonalak = [{
"végpont": '/homeapi/',
'módszer': 'KAP',
'test': {'test': ""},
'leírás': "Adatok nagy részét adja vissza"
}]

nézet = APIView()
view.queryset = útvonalak
Visszatérés JsonResponse (útvonalak, biztonságos=Hamis, állapot=200)

Határozza meg az URL-mintákat urls.py:

tól től django.urls import pálya
tól től. import nézetek

urlpatterns = [
pálya('homeapigetroutes/', views.getRoutes),
pálya('homeapi/',views.home_page),
pálya('homeapi/login/', views.login_page),
pálya("homeapi/csrf/", views.getcsrftoken),
pálya("homeapi/submitform/", views.submit_form),
]

Ezek azok az URL-ek, amelyeket végpontként fog használni a Flutter alkalmazásban. Ha te Django alkalmazásának tárolása a PythonAnywhere-en, csak töltse be újra a webalkalmazást az API-k aktiválásához.

3. Hozzon létre egy Flutter projektet

A Flutter CLI felhasználóbarát, és parancsok széles skáláját kínálja a hatékony projektmenedzsmenthez.

Telepítse a Fluttert ha még nincs telepítve. Új projekt létrehozásához futtassa ezt a terminálparancsot:

flutter létrehozása my_project

Adjon hozzá függőségeket a dio és a dio cookie-kezelő csomaghoz pubspec.yaml fájl:

dio:^5.0.0dio_cookie_manager:^2.0.0

A Dio egy olyan csomag, amely HTTP-klienst biztosít API-kérésekhez. A dio_cookie_manager egy kiegészítő csomag, amely a dio-val együttműködve kezeli az ilyen kérésekhez tartozó cookie-kat.

Hozzon létre egy api.dart fájlt, hogy változókat rendeljen a Django többi végpontjaihoz.

const loginUrl = ' https://test.pythonanywhere.com/api/homeapi/login/';
const csrfurl = ' https://test.pythonanywhere.com/api/homeapi/csrf/';
const dataUrl = ' https://test.pythonanywhere.com/api/homeapi/';
const noteUrl = ' https://test.pythonanywhere.com/api/homeapi/submitform/';

Ezután a végpontjait POST, GET, PUT vagy DELETE kérések végrehajtásával használhatja, az igényeitől függően. Ügyeljen arra, hogy importálja az api.dart fájlt.

Ha például adatokat szeretne lekérni egy dataUrl nevű végponttól:

var válasz = várja dio.get (dataUrl);

Ha adatokat szeretne megjeleníteni a Flutter alkalmazásban, használhat widgeteket, és becsomagolhatja őket a Jövő amely lekéri az adatokat egy végpontról. A listtile widget az egyik lehetőség, amelyet megfontolhat az adatok megjelenítéséhez. Futtassa a flutter alkalmazást hibakeresési módban a következő parancs futtatásával abból a könyvtárból, amelyben a projekt található.

lebegés futás

A Flutter értesíti Önt, hogy hibakeresési módban indult:

Ezután figyelemmel kísérheti az API-hoz intézett kéréseket a Django szerver naplóiban.

A Django és a Flutter integráció jövője az alkalmazásfejlesztésben

A Django és a Flutter integrálása számos előnnyel jár az alkalmazások fejlesztésében, beleértve a gyorsabb fejlesztést, a kód újrafelhasználhatóságát, a jobb teljesítményt és a jobb felhasználói élményt.

Ahogy a Django és a Flutter közötti integráció folyamatosan fejlődik, várhatóan fejlettebb lesz funkciókat és jobb közösségi támogatást, ami még könnyebbé teszi a fejlesztők számára a kiváló minőségű mobil létrehozását alkalmazásokat.