DJANGO İLE RASPBERRY PI KULLANAN MODERN OTOMATİK MAKİNESİ GUI: 4 Adım

2025 Yazar: John Day | [email protected]. Son düzenleme: 2025-01-23 15:13

Otomat için web dillerini kullanarak modern GUI yapabilir miyiz?

Yukarıdakilerin cevabı evet yapabiliriz. Bunları kiosk modunu kullanan otomatlar için kullanabiliriz. Aşağıdaki fikri zaten mevcut projemde uyguladım ve gayet iyi çalışıyor ve çok test ettik. Ayrıca iyi görünümlü modern bir GUI yapabilirsiniz. mevcut css ve HTML, JavaScript bilgisi. Django ve GPIO pinleri arasındaki arayüz mümkün olduğunca açık bir şekilde açıklanmıştır. Aynısını yapmak istiyorsanız Okumaya devam edin.

Gereçler

Aşağıdaki ön koşul gereklidir:

1. Ahududu pi İçinde ahududu işletim sistemi yüklü
2. Raspberry pi ile uyumlu dokunmatik ekran
3. Web dillerinin temelleri hakkında biraz bilgi (CSS, HTML, JavaScript)

Adım 1: Proje için Django ve Önkoşul Kurulumu

1. terminali kullanarak mevcut Python 2'yi 3'e yükseltin. Videodaki adımları inceleyebilirsiniz.
2. Terminal satırında Pip komutunu kullanarak Raspberry pi üzerinde Django'yu kurun.
3. (isteğe bağlı) Dokunmatik ekran için gerekli kitaplıkları kurun. Bunun için Ekran üreticinizin web sayfasına gidin.

Adım 2: Django Uygulamanızı Ayarlama

Ahududu pi üzerinde IDE konusunda rahatsanız, bunun için gidin. Ama PC'de Django uygulamasını yapmanızı tavsiye ederim. Django Uygulama Geliştirme için PyCharm veya Visual Studio kullanmak daha iyidir. Pycharm ile Yapacağım. Pycharm'a gidin ve Select Django altında Yeni bir proje oluşturun. Proje için ve Şablonu Etkinleştir'de yeni bir ad verin ve uygulamanız için bir ad oluşturun ve veritabanları üzerinde çalışıyorsanız Django admin'i etkinleştirin ve başlat'a basın. Gerekli paketleri yükleyecektir. Bundan sonra aşağıdaki adımları izleyin.

• Sunucunun çalışıp çalışmadığını kontrol edin - terminalde python manage.py runserver
• Django temellerini bilmiyorsanız, Django Temellerini kolayca anlayabileceğiniz site Anketler uygulamasına gidin.

3. Adım: Bir GUI Oluşturma ve Arka Uçla Bağlantı Oluşturma

• GUI Oluşturmak İçin Html 5 ve CSS ile Yapacağım 3. Dilediğiniz kadar sayfa oluşturabilirsiniz ve çevrimdışı otomat ile çalışıyorsanız ve çevrimiçi kullanım URL bağlantıları için Simgeler ve resimler için indirip kullanmayı deneyin. Bu.html dosyalarını az önce etkinleştirdiğimiz Şablon Dizininde sakladım.
• Sırasıyla Görüntüler, Videolar ve CSS dosyalarını depolamak için statik klasör kullanın
• Bundan sonra, Dosyaları arka uç ilerlemesiyle bağlamak için Django'da urls.py kullanın.

(veya)

GitHub'daki depoyu klonlayın veya indirin - Raspberry-pi-Gui-Django

Adım 4: Raspberry-pi'deki Dosyaları Değiştirme ve Yapılandırma

Tebrikler, Şimdiye kadarki adımları izlediyseniz, GUI'yi ahududu pi üzerinde test etme zamanı.

1. PC'nizde veya Dizüstü bilgisayarınızda kullanılanla aynı ada sahip bir Django uygulaması oluşturun
2. Pi'nizde Şablon ve Statik Klasörler Oluşturun
3. Yeni Dosyaları oluşturduğunuz gerçek Dosyalarla değiştirin Daha fazla ayrıntı için Resimlere bakın.
4. Sonraki adım, Arka Planda önyükleme sırasında sunucuyu başlatmak için bir Otomatik başlatma komut dosyası oluşturmaktır.
5. Son şey, daha fazla ayrıntı için ahududu pi'de Kiosk Modunu etkinleştirmektir Tam Ekran Modunda krom göstermek istiyorsanız Github Sayfama göz atın ve