MODERN VENDING MACHINE GUI BRUGER RASPBERRY PI MED DJANGO: 4 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:26

Kan vi lave moderne GUI ved hjælp af websprog til automat?

Svaret til ovenstående er ja, vi kan. Vi kan bruge dem til automater ved hjælp af kiosktilstand. Følgende idé har jeg allerede anvendt på mit eksisterende projekt, og det fungerer fint, og vi har testet meget. Du kan også lave en flot moderne GUI med eksisterende viden om css og HTML, JavaScript. Grænsefladen mellem Django og GPIO pins forklares så klart som muligt. Hvis du vil gøre det samme, skal du fortsætte med at læse videre.

Forbrugsvarer

Følgende forudsætning er påkrævet:

1. Hindbær pi Med raspian OS installeret i det
2. En touchscreen -skærm kompatibel med hindbær pi
3. Lidt viden om det grundlæggende i websprog (CSS, HTML, JavaScript)

Trin 1: Installation af Django og forudsætning for projekt

1. opgradere eksisterende Python 2 til 3 ved hjælp af terminalen. Du kan gå igennem trinene i videoen.
2. Installer Django på Raspberry pi ved hjælp af Pip -kommandoen på terminallinjen.
3. (valgfrit) Installer nødvendige biblioteker til berøringsskærm. Gå hertil på din skærmproducents webside.

Trin 2: Opsætning af din Django -applikation

Hvis du er fortrolig med IDE på hindbær pi, gå efter det. Men jeg anbefaler at lave Django -applikation på pc. Det er bedre at bruge PyCharm eller Visual Studio til Django -applikationsudvikling. Jeg vil gøre med Pycharm. Gå til Pycharm og opret et nyt projekt under det Vælg Django. Giv et nyt navn til projektet og på Aktiver skabelon, og opret et navn til din app, og hvis du arbejder på databaser, skal du aktivere Django -admin og trykke på start. Det vil installere nødvendige pakker. Herefter følger disse trin.

• Kontroller, at serveren kører eller ikke bruger kommando - python manage.py runserver på terminal
• Hvis du ikke kender til Django basics, skal du navigere til webstedet Polls -app, hvor du let kan forstå Django Basics.

Trin 3: Oprettelse af en GUI og tilknytning til backend

• Til oprettelse af en GUI vil jeg færdig med Html 5 og CSS 3. Du kan oprette et antal sider efter eget ønske og til ikoner og billeder prøve at downloade og bruge, hvis du arbejder med offline automat og til online brug af URL -links. Jeg har gemt de.html -filer i Skabelonmappe, vi lige har aktiveret.
• Brug statisk mappe til at gemme henholdsvis billeder, videoer og CSS -filer
• Brug derefter urls.py i Django til at forbinde filerne med back end -fremskridt.

(eller)

klon eller download depotet i GitHub-Raspberry-pi-Gui-Django

Trin 4: Udskiftning af filer i Raspberry-pi og konfiguration

Tillykke, hvis du fulgte trin indtil nu er det tid til at teste GUI på hindbær pi.

1. Opret en Django -applikation med samme navn som bruges på din pc eller bærbare
2. Opret skabelon og statiske mapper på din Pi
3. Erstat de nye filer med de faktiske filer, du har oprettet Se billederne for flere detaljer.
4. Det næste trin er at oprette et automatisk startskript til at starte serveren under opstart i baggrunden
5. Den sidste ting er at aktivere Kiosk Mode i hindbær pi for flere detaljer Tjek min Github -side og hvis du vil vise chrom i fuldskærmstilstand