Editor-lite-and-pro: различия между версиями

Текущая версия от 22:01, 2 октября 2026

Lite и Pro — два режима одного XIOT-EDITOR и одного проекта. Они решают разные задачи и могут использоваться совместно.

Lite автоматически формирует стандартный пользовательский интерфейс по структуре проекта.
Pro позволяет вручную создавать дополнительные страницы, окна и элементы интерфейса.

Переключение выполняется кнопкой LITE / PRO в верхней части редактора. Переключение режима не создаёт второй проект.

Клавиша F2 переключает просмотр и редактирование, а не режимы Lite и Pro.

Сравнение режимов

Задача	Lite	Pro
Начало работы	Готовый стандартный интерфейс формируется по этажам, комнатам, устройствам и сценариям проекта.	Дополнительные страницы и элементы создаются интегратором вручную.
Основное применение	Повседневное управление устройствами и сценариями.	Специализированные, технические и диспетчерские страницы.
Компоновка	Определяется структурой проекта и стандартным шаблоном.	Настраивается вручную с помощью страниц, окон, блоков и других элементов.
Совместная работа	Оба режима используют один проект и дополняют друг друга.

Lite

Lite использует созданную интегратором структуру проекта: дом, этажи, комнаты, устройства и сценарии. По этой структуре автоматически формируется стандартный пользовательский интерфейс.

Для пользователей можно назначать доступные этажи и комнаты. Настройка доступа описана в статье Настройка доступа к комнатам.

Pro

Pro используется, когда проекту нужны страницы или элементы, которых нет в стандартном интерфейсе Lite. В этом режиме интегратор может вручную собирать страницы и окна, размещать элементы, настраивать их внешний вид и связывать их с характеристиками устройств и адресами управления и состояния.

Примеры применения:

техническая панель инженерной системы;
диспетчерская страница;
специализированный экран для настенной панели;
страница с индивидуальным оформлением проекта.

Назначение режима раскрыто в статье Назначение и возможности Pro версии редактора. Практические материалы: Обзор инструментов и меню PRO версии редактора и Структура элементов и адаптивный интерфейс.

Повторное использование элементов Pro

Выбранную страницу, окно или элемент можно сохранить в формате .xelem, а затем загрузить для повторного использования. .xelem — файл элемента, а не всего проекта: этот экспорт не выполняет Сохранить проект, не создаёт версию проекта и не загружает конфигурацию на XIOT-PLC.

Во время вёрстки в Pro используйте Сохранить проект как самостоятельную контрольную точку. Чтобы применить конфигурацию на объекте, нажмите Загрузить конфигурацию на контроллер: команда сначала сохраняет проект локально и после успешной записи отправляет сохранённую конфигурацию на XIOT-PLC. Облачное сохранение и публикацию приложения проверяют отдельно: успешная загрузка на PLC их не подтверждает. Подробнее: Сохранение резервной копии проекта.

Что выбрать

Начните с Lite: настройте структуру, устройства и стандартный интерфейс. Переходите в Pro, если для проекта требуется дополнительная страница или ручная компоновка. Использование Pro не требует создавать отдельный проект или отказываться от Lite.

Порядок входа и требования к браузеру: Доступ к XIOT-EDITOR.

@@ Строка 1: / Строка 1: @@
-__NOTOC__
+{{DISPLAYTITLE:Lite и Pro версии редактора}}
+'''Lite и Pro — два режима одного XIOT-EDITOR''' и одного проекта. Они решают разные задачи и могут использоваться совместно.
-= '''💡 Lite и ⚙️ Pro версии редактора XIOT-EDITOR''' =
+* '''Lite''' автоматически формирует стандартный пользовательский интерфейс по структуре проекта.
+* '''Pro''' позволяет вручную создавать дополнительные страницы, окна и элементы интерфейса.
-== '''1. 📘 Общие сведения''' ==
+Переключение выполняется кнопкой '''LITE / PRO''' в верхней части редактора. '''Переключение режима не создаёт второй проект'''.
-Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе '''XIOT'''.
-Он поддерживает два режима работы: '''Lite''' и '''Pro''', предназначенных для разных задач и дополняющих друг друга.
-* 🟢 '''Lite''' — автоматическое построение интерфейса управления для телефона и планшета на основе структуры проекта.
+'''Клавиша F2 переключает просмотр и редактирование, а не режимы Lite и Pro'''.
-* 🔵 '''Pro''' — ручное создание и полная кастомизация интерфейсов, технических страниц и элементов управления.
-Переключение между режимами выполняется нажатием кнопки '''Lite / Pro''' в верхнем меню редактора.
+== Сравнение режимов ==
-📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
-[[Файл:Lite main2.png|без|мини|1022x1022пкс|Lite версия редактора XIOT]]
-[[Файл:Pro main.png|без|мини|1021x1021пкс|Pro версия редактора XIOT]]
-== '''2. 🟢 Версия Lite''' ==
+{| class="wikitable"
-Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.
+! Задача !! Lite !! Pro
-Интерфейс активно развивается на основе отзывов пользователей и предложений интеграторов.
+|-
+| Начало работы || Готовый стандартный интерфейс формируется по этажам, комнатам, устройствам и сценариям проекта. || Дополнительные страницы и элементы создаются интегратором вручную.
+|-
+| Основное применение || Повседневное управление устройствами и сценариями. || Специализированные, технические и диспетчерские страницы.
+|-
+| Компоновка || Определяется структурой проекта и стандартным шаблоном. || Настраивается вручную с помощью страниц, окон, блоков и других элементов.
+|-
+| Совместная работа || colspan="2" | Оба режима используют один проект и дополняют друг друга.
+|}
-Основные принципы построения интерфейса:
+== Lite ==
-* ⚡ Быстрое восприятие информации.
-* 🤝 Интуитивно понятное управление.
-* 🧩 Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: '''💡 Свет''', '''🌡️ Климат''', '''💧 Вода''', '''🔌 Электрика''' и др.
-* 📱 Адаптация интерфейса под размеры экрана смартфона и планшета.
-* 🚀 Готовность к использованию сразу после настройки устройств и сценариев.
-Интерфейс, созданный в '''Lite-версии''', достаточен для полноценного управления системой «умного дома».
+Lite использует созданную интегратором структуру проекта: дом, этажи, комнаты, устройства и сценарии. По этой структуре автоматически формируется стандартный пользовательский интерфейс.
-Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.
-Для этого используется '''⚙️ Pro-версия''' редактора.
-При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в ‘’‘Lite’’’ версии, так и к отдельным страницам в ‘’‘Pro’’’ версии.
+Для пользователей можно назначать доступные этажи и комнаты. Настройка доступа описана в статье [[Room-access-setup|Настройка доступа к комнатам]].
-Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.
-== '''3. 🔵 Версия Pro''' ==
+== Pro ==
-Режим '''Pro''' предоставляет интегратору профессиональные возможности проектирования интерфейсов.
-Основные возможности:
+Pro используется, когда проекту нужны страницы или элементы, которых нет в стандартном интерфейсе Lite. В этом режиме интегратор может вручную собирать страницы и окна, размещать элементы, настраивать их внешний вид и связывать их с характеристиками устройств и адресами управления и состояния.
-* 🖥️ Создание неограниченного числа кастомных страниц и окон.
-* 🎨 Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей.
-* 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''.
-* 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.
-* ⚙️ Добавление технических разделов: '''Щит управления''', '''Диагностика''', '''Журналы''' и др.
-'''Примеры интерфейсов, реализованных в Pro-версии:'''
+Примеры применения:
-* 🌡️ Диспетчеризация и управление системой тёплого пола.
+* техническая панель инженерной системы;
-* 📈 История работы климатических зон.
+* диспетчерская страница;
-* 🏢 3D-управление офисом или жилым объектом.
+* специализированный экран для настенной панели;
+* страница с индивидуальным оформлением проекта.
-== '''4. 🔄 Совместное использование Lite и Pro''' ==
+Назначение режима раскрыто в статье [[Editor-pro-capabilities|Назначение и возможности Pro версии редактора]]. Практические материалы: [[Editor-pro-tools-and-menus|Обзор инструментов и меню PRO версии редактора]] и [[Ui-element-structure-and-responsive-layout|Структура элементов и адаптивный интерфейс]].
-Редактор '''XIOT-EDITOR''' поддерживает гибридный режим работы:
-* 🧭 Основной интерфейс пользователя создаётся в '''Lite'''.
+== Повторное использование элементов Pro ==
-* 🧮 Дополнительные страницы (технические, диспетчерские, графические) — в '''Pro'''.
-* 🔗 Из Lite можно добавить кастомный элемент (например, кнопку), ведущий на страницу, созданную в Pro.
-Таким образом:
+Выбранную страницу, окно или элемент можно сохранить в формате '''.xelem''', а затем загрузить для повторного использования. '''.xelem — файл элемента, а не всего проекта''': этот экспорт не выполняет '''Сохранить проект''', не создаёт версию проекта и не загружает конфигурацию на XIOT-PLC.
-* пользователь получает привычное и простое управление;
-* интегратор — профессиональный инструмент для визуализации и обслуживания.
-== '''5. 💾 Обмен элементами и шаблонами''' ==
+Во время вёрстки в Pro используйте '''Сохранить проект''' как самостоятельную контрольную точку. Чтобы применить конфигурацию на объекте, нажмите '''Загрузить конфигурацию на контроллер''': команда сначала сохраняет проект локально и после успешной записи отправляет сохранённую конфигурацию на XIOT-PLC. Облачное сохранение и публикацию приложения проверяют отдельно: успешная загрузка на PLC их не подтверждает. Подробнее: [[Project-backup|Сохранение резервной копии проекта]].
-Все созданные в редакторе XIOT элементы, страницы и компоненты можно:
-* 💽 сохранять в файл,
-* 🔄 переносить между проектами,
-* 🤝 делиться с другими разработчиками.
-Редактор поддерживает экспорт и импорт пользовательских шаблонов, позволяя создавать внутренние библиотеки графических элементов для повторного использования.
+== Что выбрать ==
-== '''6. ⚙️ Преимущества архитектуры Lite / Pro''' ==
+Начните с Lite: настройте структуру, устройства и стандартный интерфейс. Переходите в Pro, если для проекта требуется дополнительная страница или ручная компоновка. Использование Pro не требует создавать отдельный проект или отказываться от Lite.
-* 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite.
-* 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro.
-* 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте.
-* 💾 Унифицированная система сохранения и обмена элементами.
-* 🔒 Полная совместимость и единый формат данных между версиями редактора.
-== '''7. 📄 Итоги''' ==
+Порядок входа и требования к браузеру: [[Xiot-editor-access|Доступ к XIOT-EDITOR]].
-* 🟢 '''Lite''' — для быстрых, простых и типовых проектов.
-* 🔵 '''Pro''' — для сложных систем, нестандартных интерфейсов и визуализации.
-* ⚙️ В большинстве проектов используется комбинированный подход: управление — в Lite, обслуживание — в Pro.

Admin (обсуждение | вклад)

Текущая версия от 22:01, 2 октября 2026

Сравнение режимов

Lite

Pro

Повторное использование элементов Pro

Что выбрать