СОВРЕМЕННЫЙ ГИП ДЛЯ ТОРГОВОГО АВТОМАТА ИСПОЛЬЗОВАНИЕМ МАЛИНЫ С ДЖАНГО: 4 шага

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:50

Можем ли мы создать современный графический интерфейс с использованием веб-языков для торгового автомата?

Ответ на этот вопрос - да, мы можем. Мы можем использовать их для торговых автоматов в режиме киоска. Следующая идея, которую я уже применил в моем существующем проекте, работает нормально, и мы много тестировали. Вы также можете создать красивый современный графический интерфейс с помощью существующие знания css и HTML, JavaScript. Взаимодействие между выводами Django и GPIO объяснено максимально четко. Если вы хотите сделать то же самое, продолжайте читать.

Запасы

Требуются следующие предварительные условия:

1. Raspberry pi с установленной в нем raspian OS
2. Сенсорный дисплей, совместимый с raspberry pi
3. Немного знаний об основах веб-языков (CSS, HTML, JavaScript)

Шаг 1. Установка Django и необходимых компонентов для Project

1. обновить существующий Python 2 до 3 с помощью терминала. Вы можете выполнить действия, описанные в видео.
2. Установите Django на Raspberry pi с помощью команды Pip в строке терминала.
3. (необязательно) Установите необходимые библиотеки для сенсорного дисплея. Для этого перейдите на веб-страницу производителя дисплея.

Шаг 2. Настройка приложения Django

Если вам комфортно с IDE на raspberry pi, сделайте это, но я рекомендую создать приложение Django на ПК. Лучше использовать PyCharm или Visual Studio для разработки приложений Django. Я закончу с Pycharm. Перейдите в Pycharm и создайте новый проект под этим Select Django. Дайте новое имя для проекта и в Enable Template и создайте имя для вашего приложения, и если вы работаете с базами данных, включите Django admin и нажмите start. Он установит необходимые пакеты. После этого выполните следующие действия.

• Проверьте, запущен ли сервер или нет, используя команду - python manage.py runserver на терминале
• Если вы не знаете об основах Django, перейдите на сайт приложения «Опросы», где вы сможете легко разобраться в основах Django.

Шаг 3: Создание графического интерфейса и соединение с серверной частью

• Для создания графического интерфейса я сделаю это с помощью Html 5 и CSS 3. Вы можете создать несколько страниц по вашему желанию, а значки и изображения попробуйте загрузить и использовать, если вы работаете с автономным торговым автоматом и для онлайн-использования URL-ссылок. Я сохранил эти файлы.html в каталоге шаблонов, который мы только что включили.
• Используйте статическую папку для хранения изображений, видео и файлов CSS соответственно
• После этого используйте urls.py в Django, чтобы связать файлы с внутренним прогрессом.

(или)

clone или Скачать репозиторий в GitHub - Raspberry-pi-Gui-Django

Шаг 4: Замена файлов в Raspberry-pi и настройка

Поздравляем, если вы выполнили шаги до сих пор, самое время протестировать графический интерфейс на raspberry pi.

1. создать приложение Django с тем же именем, что и на вашем ПК или ноутбуке
2. Создание шаблонов и статических папок на вашем Pi
3. Замените новые файлы фактическими файлами, которые вы создали. Для получения более подробной информации обратитесь к изображениям.
4. Следующим шагом является создание сценария автозапуска для запуска сервера во время загрузки в фоновом режиме.
5. Последнее, что нужно сделать - включить режим киоска в raspberry pi для получения дополнительных сведений. Посетите мою страницу Github и, если вы хотите показать хром в полноэкранном режиме.