MODERN VENDING MACHINE GUI MED RASPBERRY PI MED DJANGO: 4 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:41

Kan vi göra moderna GUI med webbspråk för automater?

Svaret för ovan är ja vi kan. Vi kan använda dem för varuautomater som använder kioskläge. Följande idé använde jag redan på mitt befintliga projekt och det fungerar bra och vi testade mycket. Du kan också göra en snygg modern GUI med befintlig kunskap om css och HTML, JavaScript. Gränssnittet mellan Django och GPIO -stift förklaras så tydligt som möjligt. Om du vill göra detsamma fortsätter du att läsa vidare.

Tillbehör

Följande förutsättningar krävs:

1. Raspberry pi Med raspian OS installerat i det
2. En pekskärm som är kompatibel med hallon pi
3. Lite kunskap om grunderna i webbspråk (CSS, HTML, JavaScript)

Steg 1: Installera Django och förutsättning för projekt

1. uppgradera befintlig Python 2 till 3 med terminalen. Du kan gå igenom stegen i videon.
2. Installera Django på Raspberry pi med pip -kommandot på terminalraden.
3. (valfritt) Installera nödvändiga bibliotek för pekskärm. För detta går du igenom din tillverkares webbsida.

Steg 2: Konfigurera din Django -applikation

Om du är bekväm med IDE på hallon pi gå för det. Men jag rekommenderar att göra Django -applikation på PC. Det är bättre att använda PyCharm eller Visual Studio för Django Application Development. Jag gör det med Pycharm. Gå till Pycharm och skapa ett nytt projekt under det Välj Django. Ge ett nytt namn för projektet och på Aktivera mall och skapa ett namn för din app och om du arbetar med databaser aktiverar du Django -admin och trycker på start. Det kommer att installera nödvändiga paket. Därefter följer du dessa steg.

• Kontrollera att servern körs eller inte använder kommandot - python manage.py runserver på terminalen
• Om du inte vet om Django -grunderna navigerar du till webbplatsen Polls -appen där du enkelt kan förstå Django Basics.

Steg 3: Skapa ett GUI och länka med backend

• För att skapa ett GUI ska jag göra det med Html 5 och CSS 3. Du kan skapa ett antal sidor som du vill och för ikoner och bilder kan du försöka ladda ner och använda om du arbetar med offlineautomater och för webbadresslänkar online. Jag har lagrat dessa.html -filer i mallkatalogen som vi just aktiverat.
• Använd statisk mapp för att lagra bilder, videor respektive CSS -filer
• Använd därefter urls.py i Django för att länka filerna med back end -framsteg.

(eller)

klona eller ladda ner förvaret i GitHub-Raspberry-pi-Gui-Django

Steg 4: Ersätta filer i Raspberry-pi och konfigurera

Grattis, om du följt stegen till nu är det dags att testa GUI på hallon pi.

1. skapa ett Django -program med samma namn som används på din dator eller bärbara dator
2. Skapa mallar och statiska mappar på din Pi
3. Ersätt de nya filerna med de faktiska filer du skapade. Mer information finns i Bilderna.
4. Nästa steg är att skapa ett autostartskript för att starta servern under uppstart i bakgrunden
5. Det sista är att aktivera Kiosk Mode i hallon pi för mer information Kolla in min Github -sida och om du vill visa krom i helskärmsläge