MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO: 4 trinn
MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO: 4 trinn

Innholdsfortegnelse:

Anonim
MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO
MODERN VENDING MACHINE GUI BRUKE RASPBERRY PI MED DJANGO

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:

  1. Raspberry pi Med raspian OS installert i den
  2. En berøringsskjerm som er kompatibel med bringebær pi
  3. Litt kunnskap om grunnleggende nettspråk (CSS, HTML, JavaScript)

Trinn 1: Installere Django og forutsetning for prosjekt

  1. oppgradere eksisterende Python 2 til 3 ved hjelp av terminalen. Du kan gå gjennom trinnene i videoen.
  2. Installer Django på Raspberry pi ved hjelp av Pip -kommandoen på terminallinjen.
  3. (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
Sette opp Django -applikasjonen din
Sette opp Django -applikasjonen din

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
Bytte filer i Raspberry-pi og konfigurere
Bytte filer i Raspberry-pi og konfigurere

Gratulerer, hvis du fulgte trinnene til nå er det på tide å teste GUI på bringebær pi.

  1. lag en Django -applikasjon med samme navn som brukes på din PC eller bærbare datamaskin
  2. Lag maler og statiske mapper på din Pi
  3. Erstatt de nye filene med de faktiske filene du opprettet For flere detaljer, se bildene.
  4. Det neste trinnet er å lage et automatisk startskript for å starte serveren under oppstart i bakgrunn
  5. 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