Електроніка, схеми, плати, статті


1 2 3 4 5 6 »

STM32 Motor control SDK - керування оборотами мотора за допомогою потенціометра 📑

16.09.2020

Векторне управління безколекторним мотором. Як програмно керувати обертами мотора за допомогою потенціометра. X-CUBE-MCSDK, STM32 Motor Control Software Development Kit (MCSDK) для мікроконтролерів STM32.

Brushless Motors

Flask✙Gunicorn✙Nginx➭😎

01.09.2020
Flask✙Gunicorn✙Nginx➭😎

Це покрокова інструкція як підняти у продакшені додаток написаний на Flask за допомогою GUNICORN та NGNIX. Отже ми створили web-додаток за допомогою мікрофреймвока Flask. Ми його запускали і тестували на http://localhost:5000/. Але у такому вигляді на робочому сервері йому жити не можна. Він не потягне навантаження і це може бути небезпечно. Як його підняти у продакшені? Для цтого ми будемо використовувати GUNICORN і NGNIX.

web-dev склерозник

STM32 Motor control SDK - програмне керування обертам мотора

24.08.2020

Векторне управління безколекторним мотором. Як програмно керувати обертами мотора за допомогою X-CUBE-MCSDK, STM32 Motor Control Software Development Kit (MCSDK) для мікроконтролерів STM32.

Brushless Motors

STM32 Motor control SDK - як створити перший проект

14.08.2020

Векторне управління безколекторним мотором. Створення проекту і запуск бесколлекторного мотора за допомогою X-CUBE-MCSDK, STM32 Motor Control Software Development Kit (MCSDK) для мікроконтролерів STM32.

Brushless Motors

Vue SVG. Приклад побудови живого параметричного креслення

17.06.2020
Vue SVG. Приклад побудови живого параметричного креслення

SVG drawing on Vue

Отже, на Vue можна робити параметричні креслення у форматі SVG, а потім зберегти як окремий SVG-файл. Що таке параметричне креслення і кому воно потрібно? Уявіть що Ви працюєте закрійником, всі викрійки типові, різні тільки розміри. Було б дуже зручно якби Ви вбили основні розміри (параметри), а програма сама побудувала б креслення. Так само це стосується інших галузей, де треба завдати декілька параметрів і отримати креслення. Наприклад, Ви займатись виготовленням коробок з картону, тощо. І щоб скоротити час на креслення і вчасно виконати замовлення клієнта, Вам потрібна система для швидкої побудови креслення.

У цьому прикладі я буду "малювати" статор електричного двигуна.

Переглянути приклад SVG креслення на Vue

web-dev склерозник

Вимірювання моменту мотора

16.06.2020

Відео про Метод вимірювання моменту мотора. Пристрій для вимірювання моменту мотора і побудови графіків потужності, оборотів, КПД. Використання тензодатчика для побудови електронного пристрою для вимірювання моменту.

Brushless Motors

Vue SVG - компонент. Приклад 📑

12.06.2020
Vue SVG - компонент. Приклад 📑

Одного разу, в одному з проектів знадобилося мені створити візуальний компонент, який би зображував хід якогось процесу. Наприклад, користувач заповнює данні і цей процес розбитий на кроки. Треба якось красивенько йому показати, що зараз це крок №2 з 4. Або у відсотках і щоб візуально було ясно скільки ще йому страждати або чекати. Звісно, що і кількість "кроків" і кольори і розмір у різних місцях де буде використано цей компонент будуть різні. CSS - в даному випадку не вирішував задачу. З картинками заморочуватися не хотілося, тому вирішив спробувати SVG. Оскільки векторна графіка SVG виписується тегами проблем не повинно бути (принаймні для Vue). Далі приклад компонента (трохи спрощений від того про який я писав), який являє собою простенький SVG - компонент.

Переглянути приклад SVG компонент на Vue

web-dev склерозник

Flask + Vue 🏁 Финальный пример 🏁

09.05.2020
Flask + Vue 🏁 Финальный пример 🏁

Backend + Frontend

В этом финальном примере переделан фронтенд на работу с реальным бекендом. Теперь приложение на Flask (backend) и приложение на Vue (frontend) работают вместе. И для переделки фронтенда из прошлого примера пришлось… всего то переделать один миксин crud. Это меньше 100 строк размашистого кода.

Еще в appDataset добавлен параметр url для каждого instance.

Все прочие доработки связаны с «наведением красоты». Таким образом, благодаря тому, что структура приложения разделена на компоненты и миксины, понадобились минимальные переделки.

web-dev склерозник

Flask, CORS, JSON-файл. Пример#6

30.04.2020
Flask, CORS, JSON-файл. Пример#6

CORS

Cross-origin resource sharing (CORS) - совместное использование ресурсов между разными источниками.

Дело в том, что если Java Script будет обращаться к бекенду с другого домена, то он не сможет получить данные без особого разрешения, таковы правила безопасности для JavaScript. На этапе разработки удобно, если такая возможность будет. Например, бэкенд работает на одном домене (на каком то удаленном сервере), а разработка фронтенда ведется на другом домене или на локальном домене (localhost).

В этом примере сделана небольшая доработка. Применен модуль cross_origin, который решает эту проблему.

web-dev склерозник

Flask. Model. Пример#5

15.04.2020
Flask. Model. Пример#5

В этом примере приложения на Flask показано, как можно организовать работу с данными используя возможности ООП, и сделать код приложения легко читаемым, разделенным на функциональные модули и гибким. Этот пример можно использовать как некий базовый шаблон для начала разработки приложения.

web-dev склерозник

Flask > db_class > SQLite. Пример#4

12.04.2020
Flask > db_class > SQLite. Пример#4

В этом примере приложения на Flask создан отдельный класс db_class, который позволяет организовать и упростить работу с таблицами базы данных. Теперь для каждой таблицы из базы данных нужно создать объект из описанного класса и прописать по 4 роута (Create, Read, Update, Delete ). В примере (пока) создан только объект client, и прописаны роуты только для него. Обратите внимание как стало легче читать содержимое файла my_ap.py

В этом примере нужно сначала создать базу данных. Для этого запустите скрипт createDB.py.


python3 ./createDB.py

Этот скрипт создаст базу данных SQLite и заполнит её данными.

После этого можно запускать пример:

web-dev склерозник

Flask + SQLite + JSON. Пример#3

07.04.2020
Flask + SQLite + JSON. Пример#3

В этом примере рассмотрено приложение на Flask-е которое работает с базой данных. В качестве примера выбран SQLite. Реализованы основные операции с данными (CRUD - Create, Read, Update, Delete)

В этом примере нужно сначала создать базу данных. Для этого запустите скрипт createDB.py.


python3 ./createDB.py

Этот скрипт создаст базу данных SQLite и заполнит её данными.

После этого можно запускать пример:

web-dev склерозник
1 2 3 4 5 6 »

Архіви

Підписка