GUI เครื่องจำหน่ายสินค้าอัตโนมัติที่ทันสมัยโดยใช้ RASPBERRY PI กับ DJANGO: 4 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:04

เราสามารถสร้าง GUI ที่ทันสมัยโดยใช้ภาษาเว็บสำหรับเครื่องขายแสตมป์อัตโนมัติได้หรือไม่ ?

คำตอบข้างต้นคือใช่ เราทำได้ เราสามารถใช้สิ่งเหล่านั้นสำหรับเครื่องจำหน่ายสินค้าอัตโนมัติโดยใช้โหมดคีออสก์ แนวคิดต่อไปนี้ฉันได้นำไปใช้กับโครงการที่มีอยู่แล้วและใช้งานได้ดี และเราทดสอบกันเป็นจำนวนมาก คุณยังสามารถสร้าง GUI ที่ทันสมัยและดูดีได้ด้วย ความรู้ที่มีอยู่ของ css และ HTML, JavaScript การเชื่อมต่อระหว่างพิน Django และ GPIO มีการอธิบายให้ชัดเจนที่สุด หากคุณต้องการทำแบบเดียวกัน ให้อ่านต่อ

เสบียง

จำเป็นต้องมีข้อกำหนดเบื้องต้นดังต่อไปนี้:

1. Raspberry pi ด้วย raspian OS ติดตั้งอยู่ในนั้น
2. หน้าจอสัมผัสที่เข้ากันได้กับราสเบอร์รี่ pi
3. ความรู้เล็กน้อยเกี่ยวกับพื้นฐานของภาษาเว็บ (CSS, HTML, JavaScript)

ขั้นตอนที่ 1: การติดตั้ง Django และข้อกำหนดเบื้องต้นสำหรับ Project

1. อัปเกรด Python 2 เป็น 3 ที่มีอยู่โดยใช้เทอร์มินัล คุณสามารถทำตามขั้นตอนในวิดีโอได้
2. ติดตั้ง Django บน Raspberry pi โดยใช้คำสั่ง Pip ในบรรทัดเทอร์มินัล
3. (ไม่บังคับ) ติดตั้งไลบรารีที่จำเป็นสำหรับการแสดงผลแบบสัมผัส สำหรับการดำเนินการนี้ ให้ไปที่หน้าเว็บผู้ผลิตจอแสดงผลของคุณ

ขั้นตอนที่ 2: การตั้งค่าแอปพลิเคชัน Django ของคุณ

ถ้าคุณพอใจกับ IDE บนราสเบอร์รี่ pi ไปเลย แต่ฉันแนะนำให้ทำแอปพลิเคชัน Django บนพีซี ควรใช้ PyCharm หรือ Visual Studio สำหรับ Django Application Development ฉันจะทำ Pycharm ให้เสร็จ ไปที่ Pycharm และสร้างโครงการใหม่ภายใต้ Select Django ตั้งชื่อใหม่สำหรับโครงการและเปิดใช้งานเทมเพลตและสร้างชื่อสำหรับแอปของคุณและหากคุณกำลังทำงานกับฐานข้อมูลให้เปิดใช้งานผู้ดูแลระบบ Django แล้วกดเริ่ม มันจะติดตั้งแพ็คเกจที่จำเป็น หลังจากนั้นทำตามขั้นตอนเหล่านี้

• ตรวจสอบว่าเซิร์ฟเวอร์กำลังทำงานหรือไม่ใช้คำสั่ง - python manage.py runserver บนเทอร์มินัล
• หากคุณไม่ทราบเกี่ยวกับพื้นฐานของ Django ให้ไปที่แอป Polls ของไซต์ ซึ่งคุณสามารถทำความเข้าใจเกี่ยวกับ Django Basics ได้อย่างง่ายดาย

ขั้นตอนที่ 3: การสร้าง GUI และการเชื่อมโยงกับแบ็กเอนด์

• สำหรับการสร้าง GUI ฉันจะเสร็จสิ้นด้วย Html 5 และ CSS 3 คุณสามารถสร้างหน้าได้หลายหน้าตามที่คุณต้องการ และสำหรับไอคอนและรูปภาพ พยายามดาวน์โหลดและใช้งาน หากคุณกำลังทำงานกับเครื่องขายของอัตโนมัติแบบออฟไลน์ และสำหรับลิงก์ URL ที่ใช้ออนไลน์ ฉันได้เก็บไฟล์.html เหล่านั้นไว้ในไดเร็กทอรีเทมเพลตที่เราเพิ่งเปิดใช้งาน
• ใช้โฟลเดอร์แบบคงที่สำหรับจัดเก็บไฟล์รูปภาพ วิดีโอ และ CSS ตามลำดับ
• หลังจากนั้นใช้ urls.py ใน Django เพื่อเชื่อมโยงไฟล์ที่มีความคืบหน้าส่วนหลัง

(หรือ)

โคลนหรือดาวน์โหลดที่เก็บใน GitHub - Raspberry-pi-Gui-Django

ขั้นตอนที่ 4: การแทนที่ไฟล์ใน Raspberry-pi และการกำหนดค่า

ขอแสดงความยินดี หากคุณทำตามขั้นตอนจนถึงตอนนี้ ถึงเวลาทดสอบ GUI บน raspberry pi แล้ว

1. สร้างแอปพลิเคชัน Django ด้วยชื่อเดียวกับที่ใช้ในพีซีหรือแล็ปท็อปของคุณ
2. สร้างเทมเพลตและโฟลเดอร์แบบคงที่บน Pi. ของคุณ
3. แทนที่ไฟล์ใหม่ด้วยไฟล์จริงที่คุณสร้างขึ้น สำหรับรายละเอียดเพิ่มเติม โปรดดูที่ รูปภาพ
4. ขั้นตอนต่อไปคือการสร้างสคริปต์เริ่มต้นอัตโนมัติเพื่อเริ่มเซิร์ฟเวอร์ระหว่างการบู๊ตใน Background
5. สิ่งสุดท้ายคือการเปิดใช้งานโหมดคีออสก์ในราสเบอร์รี่ pi สำหรับรายละเอียดเพิ่มเติม ตรวจสอบหน้า Github ของฉัน และหากคุณต้องการแสดงโครเมียมในโหมดเต็มหน้าจอ