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


1 2 3 4 5 6 »

Vue шаг за шагом. CRUD. Пример#3

12.03.2020
Vue шаг за шагом. CRUD. Пример#3

CRUD

В этом примере освоим работу с данными используя подход CRUD (создание (create), чтение (read), обновление (update), удаление (delete)).

Именно понимание основного замысла этого подхода облегчит в будущем разработку и поддержку больших и сложных приложений. В данном примере мы создадим четыре отдельных метода для работы с данными. Каким бы сложным не казалось приложение или структура данных, можно обойтись этими четырьмя методами. Мало того, если backend для любой сущьности будет реализовывать все 4 метода, то frontend сможет реализовать интерфейс любой сложности и любого вида. Крайне желательно чтобы стандарт работы и формат выдачи данных на backend-е не менялся от одной сущьности к другой и выдерживался стандарт. В этом случае Вы сможете создать стандартные компоненты для работы с данными (что и будет продемонстрировано в следующих примерах). В реальной жизни, долгоиграющие проекты страдают болезнью, которую я называю «наслоение исторических слоев». Приходят новые технологии, backend состоит из разных составных частей, backend пишут разные люди/группы, и получается что могут быть совсем не похожие форматы данных. И если здесь не будет стандартизации, это все придется разгребать фронтенду. И мы будем строить такую структуру приложения, чтобы оно в любом случае смогло.

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

Vue шаг за шагом. Свойство data. Пример#2

11.03.2020
Vue шаг за шагом. Свойство data. Пример#2

Компонент с собственными данными

В компонент client добавлены собственные данные (объект data). Обратите внимание, что объект data - это функция. Данные, заполняются при создании компоненты (см. «mounted»). Это пока, в будущем они будут загружаться с сервера. Поскольку компонент, судя из названия, будет работать с данными «Клиенты», и эти данные другим элементам приложения типа «меню» не нужны в принципе, владение собственными данными не считается большим грехом. В большинстве случаев рекомендуется создавать компоненты, которым данные передаются, а своих они не имеют (или если и имеют, то только те, которые необходимы для функционирования компонента). Мы к этому будем стремиться, но в данном случае компонент client — будет родительским компонентом. Именно он будет работать с данными, а другие компоненты только отображать их. И понимание разделения полномочий в дальнейшем упростит построение сложного или масштабного приложения.

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

Vue шаг за шагом. Vue Router. Пример#1

10.03.2020
Vue шаг за шагом. Vue Router. Пример#1

первая серия примеров

Вступление

Что это: сборник примеров с пошаговым и поэтапным построением web - приложения на Vue. Также построение простенького backend-а на Flask (python) для более ясного понимания как срастить backend и frontend. Основной упор примеров сделан не на то, как сделать формочку, табличку для одного объекта данных, какие библиотеки использовать (этого добра в интернете полно), а на то, как выстроить структуру приложения для безболезненного его дальнейшего развития. Серия примеров построена по принципу меньше слов, больше примеров. Не ожидайте подробных объяснений, придется немного разбираться самому.

Для кого: для тех, кто знаком с Vue, хотя бы поверхностно. Для тех, кто кроме «Hello world!» сделал небольшое приложение и имеет массу вопросов «Как?» и «Зачем?».

Что будет рассмотрено в плане применения возможностей Vue: роуты, компоненты, Vuex.Store, построение взаимодействий родительских и дочерних компонент, распределение обязанностей компонент, построение компонент на основе примесей (mixins), вычисляемые поля, компоненты для постраничного вывод данных с сортировкой, фильтром/поиском, работа с данными (CRUD), компоненты для создания адаптивной таблицы под desktop/mobile версии, построение и работа с формами, стандартизация работы с данными — как итог создание стандартной компоненты для табличного постраничного просмотра и редактирования данных, разбиение приложения на компоненты, работа с локальным хранилищем, динамическая загрузка компонент. Отдельными примерами будет сделан простой backend с использованием framewrk Flask. После чего будет доработано приложение на Vue для работы с backend-ом. В конце получим некий шаблон - заготовку для web - приложений на Vue. На этом будет закончена первая, базовая серия примеров. Работа с более сложной структурой данных будет рассмотрена в следующей серии примеров.

Что будем использовать: Vue, Vue Material, Bootstrap, Flask, SQLite.

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

BLDC двигун своїми руками

25.02.2020

Відео про те, як я від "нічого робити" ізваяв BLDC двигун. Цей безколекторний двигун був зроблений зі статора автомобільного генератора.

Двигун не має ніякої технічної цінності і робився для розваги.

Brushless Motors

Сайт переїхав

14.01.2020

Сайт http://avislab.com/blog/ перенесено на окремий домен https://blog.avislab.com/. Тепер сайт працює на новій платформі. Я намагався перенести всю інформацію максимально коректно, але не виключаю, що могли виникнути деякі проблеми під час експорту, імпорту публікацій. Тому у мене є прохання. Якщо Ви помітили помилки, спотворений код прикладів програм, або стаття просто виглядає криво - пишіть у коментарях або повідомте про це по e-mail: [email protected]

Дякую.

Новини

З Новим Роком!

30.12.2019

На початку 2020 року плануються зміни цього блогу. По-перше, планується змінити CMS на іншу, яка використовує сучасні технології, і яка спростить підготовку та прискорить публікацію нових статей. Також планується перенести блог на окремий домен. По-друге, планується поступове оновлення деяких циклів статей які втратили свою актуальність. По-трете, планується розвивати розділ "web-dev".

Новини

Векторне управління для велосипедного мотор колеса
(HUB motor & FOC)

02.12.2019

Тестую векторне управління для велосипедного мотор колеса. У чому різниця між BLDC, PMSM (синус) і FOC (векторне управління). Ділюся враженнями від їзди…

Brushless Motors Video

Датчики струму! 10 штук! Куди стільки?

23.09.2019

Датчики струму на ефекті Холла ACS712, шунти INA169, мікросхема - датчик струму IR25750

Brushless Motors Video

Мотор колесо. Векторне управління.

27.08.2019

Перше відео про те, як я робив векторне управління для велосипедного мотор колеса.

Дивись також:

Безколекторні мотори "на пальцях":
https://youtu.be/tjmou9dtxBg

PMSM. Вимірювання фазних струмів:
https://youtu.be/Bm-zcvIphoA

Навіщо потрібні перетворення Кларк, пряме і зворотне перетворення Парка.
https://youtu.be/kQXhpciFpco

Схема управління безколекторними моторами BLDC, PMSM на мікроконтролері STM32:
Схема управления бесколлекторными моторами BLDC, PMSM на микроконтроллере STM32

Завантажити приклад PMSM з трьома датчиками Холла для STM32:
https://github.com/avislab/STM32F103SW/tree/master/Example_PMSM

Ці приклади зроблені в IDE System Workbench for STM32:
System Workbench for STM32 Установка на Ubuntu, настройка программатора и отладчика

Управління PMSM за допомогою STM32:
STM32 – PMSM Control

STM32 - PMSM Control:
https://youtu.be/IhAK6aRC_IU

Статті по безколекторним моторам:
Все про безколекторні двигуни

Завантажити інші приклади STM32:
STM32. Скачати приклади

Brushless Motors Video

GIT - Автоматическое развертывание проектов

13.06.2019
GIT - Автоматическое развертывание проектов

GIT - распределённая система управления версиями. Проект был создан Линусом Торвальдсом для управления разработкой ядра Linux, первая версия выпущена 7 апреля 2005 года.

Эта краткая инструкция по GIT позволит быстро научиться разворачивать и поддерживать на сервере Ваши проекты.

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

Векторне управління. Фазні і координатні перетворення

25.07.2019

Навіщо потрібні перетворення Кларк, пряме і зворотне перетворення Парка.

Brushless Motors Video

Як я робив PWA

15.03.2019
Як я робив PWA

PWA - це не клей :) Що таке Progressive Web Apps? Гугліть =>.

ОСЬ ЩО З ЦЬОГО ВИЙШЛО: https://avislab.github.io/map/

1. Робимо звичайне Web-application (HTML - сторіночку з JavaScript - тиком :))

Наприклад, щось таке /files/map/0.html
Зверніть увагу HTTPS немає, тому доступу до вашої локації не буде.

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

Архіви

Підписка