ВиджетсПлейграунд

Введение

Система управления компонентами для фронтенда. Фронтенд реализован на Vue2/Vue-router/Vuex, интерфейс — на Flow-UI (http://flow-ui.refined-x.com/), бэкенд — на основе платформы «Дикий пёс» (野狗云).

Помимо управления компонентами, проект демонстрирует подход к разработке проекта Vue без использования инструментов сборки. Подробнее см. в статье «Как разработать проект Vue с полным стеком без инструмента сборки» (https://refined-x.com/2017/10/28/%E5%A6%82%E4%BD%95%E4%B8%8D%E7%94%A8%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%BC%80%E5%8F%91Vue%E5%85%A8%E5%AE%B6%E6%A1%B6%E9%A1%B9%E7%9B%AE/).

Функции

Управление компонентами

• Двухуровневая классификация.
• Фильтрация по тегам.
• Сортировка по времени и названию.
• Поиск по ключевым словам.

Демонстрация компонентов

• Редактирование в реальном времени.
• Комбинации из нескольких компонентов.
• Результат сразу виден.

Применение компонентов

• Копирование кода HTML/CSS/JS одним нажатием.
• Можно также создать конфигурационный код на основе результатов редактирования, чтобы можно было мгновенно воспроизвести результат редактирования.

Управление пользователями

• После подключения к бэкенду на платформе «Дикий пёс», можно управлять пользователями.
• Статистика использования и следов пользователей.

Конфигурация

• Проект можно запустить сразу после загрузки на сервер.
• Перед запуском измените значение seajs.root в нижнем скрипте index.html на "" (в соответствии с путём сервиса, где находится проект).
• Значение переменной seajs.widgetRootPath указывает на расположение демонстрационной библиотеки компонентов (/widgets), обычно не требует изменений.
• seajs.config.base — это адрес библиотеки модулей Flow-UI, обычно не требуется изменять.

Демонстрация: http://refined-x.com/WidgetsPlayground/