![MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO: 4 trinn MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO: 4 trinn](https://i.howwhatproduce.com/images/009/image-24747-j.webp)
Innholdsfortegnelse:
2025 Forfatter: John Day | [email protected]. Sist endret: 2025-01-23 15:02
![MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO](https://i.howwhatproduce.com/images/009/image-24747-1-j.webp)
Kan vi lage moderne GUI ved hjelp av nettspråk for salgsautomat?
Svaret ovenfor er ja vi kan. Vi kan bruke dem til salgsautomater som bruker kioskmodus. Følgende idé brukte jeg allerede på mitt eksisterende prosjekt, og det fungerer bra, og vi testet mye. Du kan også lage en flott moderne GUI med eksisterende kunnskap om css og HTML, JavaScript. Grensesnittet mellom Django og GPIO -pins blir forklart så tydelig som mulig. Hvis du vil gjøre det samme, fortsett å Les videre.
Rekvisita
Følgende forutsetning er nødvendig:
- Raspberry pi Med raspian OS installert i den
- En berøringsskjerm som er kompatibel med bringebær pi
- Litt kunnskap om grunnleggende nettspråk (CSS, HTML, JavaScript)
Trinn 1: Installere Django og forutsetning for prosjekt
- oppgradere eksisterende Python 2 til 3 ved hjelp av terminalen. Du kan gå gjennom trinnene i videoen.
- Installer Django på Raspberry pi ved hjelp av Pip -kommandoen på terminallinjen.
- (valgfritt) Installer nødvendige biblioteker for berøringsskjerm. Gå gjennom skjermprodusentens webside.
Trinn 2: Konfigurere Django -applikasjonen din
![Sette opp Django -applikasjonen din Sette opp Django -applikasjonen din](https://i.howwhatproduce.com/images/009/image-24747-2-j.webp)
![Sette opp Django -applikasjonen din Sette opp Django -applikasjonen din](https://i.howwhatproduce.com/images/009/image-24747-3-j.webp)
Hvis du er komfortabel med IDE på bringebær pi, gå for det. Men jeg anbefaler å gjøre Django -applikasjon på PC. Det er bedre å bruke PyCharm eller Visual Studio for Django Application Development. Jeg gjør det med Pycharm. Gå til Pycharm og opprett et nytt prosjekt under Select Django. Gi et nytt navn for prosjektet og på Aktiver mal og opprett et navn for appen din, og hvis du jobber med databaser, aktiver Django -admin og trykk på start. Den installerer nødvendige pakker. Følg deretter disse trinnene.
- Sjekk at serveren kjører eller ikke bruker kommando - python manage.py runserver på terminal
- Hvis du ikke vet om grunnleggende Django, navigerer du til nettstedet Polls -appen, hvor du enkelt kan forstå Django Basics.
Trinn 3: Opprette en GUI og koble til backend
- For å lage en GUI vil jeg ferdig med Html 5 og CSS 3. Du kan opprette et antall sider etter eget ønske, og for ikoner og bilder kan du prøve å laste ned og bruke hvis du arbeider med en automat uten nett og for URL -lenker. Jeg har lagret disse.html -filene i malkatalogen vi nettopp har aktivert.
- Bruk statisk mappe til å lagre henholdsvis bilder, videoer og CSS -filer
- Etter det kan du bruke urls.py i Django for å koble filene med back end -fremgang.
(eller)
klone eller Last ned depotet i GitHub-Raspberry-pi-Gui-Django
Trinn 4: Bytte ut filer i Raspberry-pi og konfigurere
![Bytte filer i Raspberry-pi og konfigurere Bytte filer i Raspberry-pi og konfigurere](https://i.howwhatproduce.com/images/009/image-24747-4-j.webp)
![Bytte filer i Raspberry-pi og konfigurere Bytte filer i Raspberry-pi og konfigurere](https://i.howwhatproduce.com/images/009/image-24747-5-j.webp)
Gratulerer, hvis du fulgte trinnene til nå er det på tide å teste GUI på bringebær pi.
- lag en Django -applikasjon med samme navn som brukes på din PC eller bærbare datamaskin
- Lag maler og statiske mapper på din Pi
- Erstatt de nye filene med de faktiske filene du opprettet For flere detaljer, se bildene.
- Det neste trinnet er å lage et automatisk startskript for å starte serveren under oppstart i bakgrunn
- Den siste tingen er å aktivere Kiosk Mode i bringebær pi for flere detaljer Sjekk min Github -side og hvis du vil vise krom i fullskjermsmodus
Anbefalt:
Hvordan bruke DS1307 Bruke Arduino: 7 trinn
![Hvordan bruke DS1307 Bruke Arduino: 7 trinn Hvordan bruke DS1307 Bruke Arduino: 7 trinn](https://i.howwhatproduce.com/images/011/image-30914-j.webp)
Hvordan bruke DS1307 Bruke Arduino: DS1307 er en sanntidsklokke IC (RTC). Denne IC brukes til å gi tidsdata. Tildelt tid starter fra sekunder, minutt, timer, dager, dato, måned og år. Denne IC krever ytterligere eksterne komponenter som Crystal og 3,6V batterier. Krystall
Hvordan bruke en tenåring til å skrive ut bilder på Splatoon 2 Bruke SplatPost -skriveren: 10 trinn
![Hvordan bruke en tenåring til å skrive ut bilder på Splatoon 2 Bruke SplatPost -skriveren: 10 trinn Hvordan bruke en tenåring til å skrive ut bilder på Splatoon 2 Bruke SplatPost -skriveren: 10 trinn](https://i.howwhatproduce.com/images/011/image-32655-j.webp)
Hvordan bruke en tenåring til å skrive ut bilder på Splatoon 2 Bruke SplatPost -skriveren: I denne instruksen vil jeg vise hvordan du bruker SplatPost -skriveren av ShinyQuagsire. Uten klare instruksjoner ville noen som ikke har erfaring med kommandolinjen ha litt problemer. Målet mitt er å forenkle trinnene ned til poi
Neopixel Ws2812 Rainbow LED-glød med M5stick-C - Kjører Rainbow på Neopixel Ws2812 Bruke M5stack M5stick C Bruke Arduino IDE: 5 trinn
![Neopixel Ws2812 Rainbow LED-glød med M5stick-C - Kjører Rainbow på Neopixel Ws2812 Bruke M5stack M5stick C Bruke Arduino IDE: 5 trinn Neopixel Ws2812 Rainbow LED-glød med M5stick-C - Kjører Rainbow på Neopixel Ws2812 Bruke M5stack M5stick C Bruke Arduino IDE: 5 trinn](https://i.howwhatproduce.com/images/001/image-2825-28-j.webp)
Neopixel Ws2812 Rainbow LED-glød med M5stick-C | Running Rainbow på Neopixel Ws2812 Bruke M5stack M5stick C Bruke Arduino IDE: Hei folkens i denne instruksen, vi lærer hvordan du bruker neopixel ws2812 LED eller led strip eller led matrise eller led ring med m5stack m5stick-C utviklingstavle med Arduino IDE, og vi skal lage et regnbuemønster med den
Hvordan bruke DMX512 / RDM med Raspberry Pi: 6 trinn (med bilder)
![Hvordan bruke DMX512 / RDM med Raspberry Pi: 6 trinn (med bilder) Hvordan bruke DMX512 / RDM med Raspberry Pi: 6 trinn (med bilder)](https://i.howwhatproduce.com/images/001/image-1768-66-j.webp)
Hvordan bruke DMX512 / RDM med Raspberry Pi: Raspberry Pi kan brukes til belysningskontroller via DMX512 -buss. I DMX512 brukes bussystemer RS-485 som det fysiske laget. Vår RS422 / RS485 Serial HAT er en fullt galvanisk isolert seriell kommunikasjonshatt designet for bruk med Raspberry Pi
Hvordan bruke Wiimote som en datamus ved å bruke stearinlys som sensor !!: 3 trinn
![Hvordan bruke Wiimote som en datamus ved å bruke stearinlys som sensor !!: 3 trinn Hvordan bruke Wiimote som en datamus ved å bruke stearinlys som sensor !!: 3 trinn](https://i.howwhatproduce.com/images/002/image-4572-76-j.webp)
Slik bruker du Wiimote som en datamus ved å bruke stearinlys som en sensor !!: Denne guiden viser deg hvordan du kobler din Wii -fjernkontroll (Wiimote) til din PC og bruker den som en mus