MODERNÉ VENDING MACHINE GUI VYUŽÍVAJÚCE RASPBERRY PI S DJANGO: 4 kroky

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:57

Môžeme vytvoriť moderné GUI pomocou webových jazykov pre automat?

Odpoveď vyššie je áno, môžeme. Môžeme ich použiť na predajné automaty v režime kiosku. Nasledujúci nápad som už použil na svojom existujúcom projekte a funguje to dobre a veľa sme toho vyskúšali. Môžete tiež vytvoriť dobre vyzerajúce moderné GUI s existujúce znalosti CSS a HTML, JavaScript. Rozhranie medzi pinmi Django a GPIO je vysvetlené čo najjasnejšie. Ak chcete urobiť to isté, pokračujte v čítaní.

Zásoby

Vyžadujú sa nasledujúce predpoklady:

1. Raspberry pi V ňom je nainštalovaný raspian OS
2. Dotykový displej kompatibilný s Raspberry Pi
3. Trochu znalostí o základoch webových jazykov (CSS, HTML, JavaScript)

Krok 1: Inštalácia Django a predpoklad pre projekt

1. upgradujte existujúci Python 2 na 3 pomocou terminálu. Kroky si môžete prejsť vo videu.
2. Nainštalujte Django na Raspberry pi pomocou príkazu Pip na terminálovom riadku.
3. (voliteľné) Nainštalujte požadované knižnice pre dotykový displej. Na tento účel navštívte webovú stránku výrobcu displeja.

Krok 2: Nastavenie aplikácie Django

Ak vám vyhovuje IDE na Raspberry Pi, choďte do toho. Odporúčam však urobiť aplikáciu Django na PC. Na vývoj aplikácií Django je lepšie použiť PyCharm alebo Visual Studio. Hotovo s Pycharmom. Choďte na Pycharm a vytvorte Nový projekt pod tým Vyberte Django. Zadajte nový názov projektu a v časti Povoliť šablónu a vytvorte názov aplikácie. Ak pracujete s databázami, povoľte správcu Django a stlačte tlačidlo Štart. Nainštaluje sa potrebné balíky. Potom postupujte podľa týchto krokov.

• Skontrolujte, či je server spustený alebo nepoužíva príkaz - python manage.py runserver na termináli
• Ak neviete o základoch Djanga, prejdite na aplikáciu Ankety na webe, kde im ľahko porozumiete.

Krok 3: Vytvorenie GUI a prepojenie s backendom

• Na vytvorenie grafického používateľského rozhrania urobím HTML 5 a CSS 3. Môžete vytvoriť niekoľko stránok podľa vlastného želania a ikony a obrázky sa pokúsiť stiahnuť a použiť, ak pracujete s automatom offline a na online používanie odkazov na adresy URL. Tieto súbory.html som uložil do adresára šablón, ktorý sme práve povolili.
• Na ukladanie obrázkov, videí a súborov CSS použite statický priečinok
• Potom pomocou urls.py v Django prepojte súbory s priebehom back -endu.

(alebo)

klonovať alebo stiahnuť úložisko v GitHub-Raspberry-pi-Gui-Django

Krok 4: Výmena súborov v Raspberry-pi a konfigurácia

Gratulujeme, ak ste postupovali podľa krokov do teraz, je čas otestovať grafické používateľské rozhranie na malinovom pi.

1. vytvorte aplikáciu Django s rovnakým názvom, aký sa používa vo vašom počítači alebo prenosnom počítači
2. Vytvorte na svojom Pi šablónové a statické priečinky
3. Nahraďte nové súbory skutočnými súbormi, ktoré ste vytvorili. Bližšie informácie nájdete na obrázkoch.
4. Ďalším krokom je vytvorenie skriptu automatického spustenia na spustenie servera počas zavádzania na pozadí
5. Posledná vec je povoliť režim Kiosk v Raspberry Pi pre viac podrobností Pozrite sa na moju stránku Github a ak chcete zobraziť chróm v režime celej obrazovky