Sodoben grafični vmesnik za avtomate z uporabo maline PI z DJANGOM: 4 koraki

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:03

Ali lahko izdelamo sodoben grafični vmesnik z uporabo spletnih jezikov za avtomate?

Zgoraj je odgovor pritrdilen. Lahko jih uporabimo za prodajne avtomate, ki uporabljajo način kioska. Naslednjo idejo sem že uporabil pri svojem obstoječem projektu in dobro deluje in smo veliko preizkusili. Lahko naredite tudi lep videz sodobnega grafičnega vmesnika z obstoječe znanje o css in HTML, JavaScript. Vmesnik med zatiči Django in GPIO je pojasnjen čim bolj jasno. Če želite storiti enako, nadaljujte z branjem.

Zaloge

Potrebni so naslednji predpogoji:

1. Raspberry pi Z nameščenim raspian OS
2. Zaslon na dotik, združljiv z malinovim pi
3. Nekaj znanja o osnovah spletnih jezikov (CSS, HTML, JavaScript)

1. korak: Namestitev programa Django in Predpogoj za projekt

1. nadgradite obstoječi Python 2 na 3. S pomočjo terminala lahko sledite korakom v videoposnetku.
2. Namestite Django na Raspberry pi z ukazom Pip v terminalni vrstici.
3. (neobvezno) Namestite potrebne knjižnice za zaslon na dotik. Za to pojdite na spletno stran proizvajalca zaslona.

2. korak: Nastavitev aplikacije Django

Če vam je všeč IDE na malini pi, pojdite na to. Ampak priporočam, da aplikacijo Django naredite na računalniku. Bolje je, da za razvoj aplikacij Django uporabite PyCharm ali Visual Studio. Končal bom s Pycharmom. Pojdite na Pycharm in ustvarite nov projekt pod tem Izberite Django. Dajte novo ime za projekt in za Omogoči predlogo ter ustvarite ime za svojo aplikacijo, in če delate na podatkovnih bazah, omogočite skrbnika Django in pritisnite start. Namestil bo potrebne pakete. Po tem sledite tem korakom.

• Preverite, ali strežnik deluje ali ne uporablja ukaz - python manage.py runserver na terminalu
• Če ne veste o osnovah Djanga, se pomaknite do aplikacije Ankete spletnega mesta, kjer lahko preprosto razumete Osnove Djanga.

3. korak: Ustvarjanje grafičnega vmesnika in povezovanje z zaledjem

• Za ustvarjanje grafičnega vmesnika bom naredil s HTML 5 in CSS 3. Po želji lahko ustvarite številne strani, ikone in slike pa poskusite prenesti in uporabiti, če delate z avtomatom brez povezave in za spletne povezave uporabljate povezave URL. Te datoteke.html sem shranil v imenik predlog, ki smo ga pravkar omogočili.
• Za shranjevanje slik, video posnetkov in datotek CSS uporabite statično mapo
• Po tem uporabite urls.py v Djangu, da datoteke povežete z napredkom v ozadju.

(ali)

klonirajte ali prenesite skladišče v GitHub-Raspberry-pi-Gui-Django

4. korak: Zamenjava datotek v Raspberry-pi in konfiguriranje

Čestitamo, če ste sledili korakom do Zdaj je čas, da preizkusite grafični vmesnik na malini pi.

1. ustvarite aplikacijo Django z istim imenom, kot ga uporabljate v računalniku ali prenosnem računalniku
2. Ustvarite predloge in statične mape na svojem Pi
3. Nove datoteke zamenjajte z dejanskimi datotekami, ki ste jih ustvarili. Za več podrobnosti glejte Slike.
4. Naslednji korak je ustvariti skript za samodejni zagon za zagon strežnika med zagonom v ozadju
5. Zadnja stvar je, da omogočite način kioska v maline pi za več podrobnosti Oglejte si mojo stran Github in če želite prikazati krom v celozaslonskem načinu