ZOE: проект демонстрации интеграции на основе Vue

Основные функции

• Проект построен на базе современного фреймворка Vue.js, в качестве основного инструмента используется webpack-шаблон vue-cli.
• Интеграция с открытым исходным кодом библиотеки компонентов element-ui от компании «Голодный». Демонстрация различных эффектов использования через примеры (demos).
• Полная поддержка контроля разрешений на стороне клиента. Динамическое построение таблицы маршрутизации на основе данных с сервера с использованием vue-router.
• Поддержка бесконечного уровня меню на основе данных из бэкенда.
• Глобальное управление состоянием на основе vuex и открытого исходного кода плагина для сохранения состояния vuex.
• Имитация данных бэкенда с помощью mockjs для демонстрации CRUD-операций.
• Интеграция компонента echarts от Baidu для создания панели инструментов (dashboard) с данными о рынке.
• Использование eslint с большим количеством функций ES6.

Шаблон сборки на основе vue-cli может быть использован для быстрой разработки базовых шаблонов фронтенда. Основные технологии включают:

Экосистема Vue: Vue + Vuex + Vue-Router. Библиотеки компонентов: Element-UI 2.0.11 / ECharts. Библиотека HTTP-запросов: Axios. Данные для имитации: MockJS. Библиотека иконок: Font-Awesome.

Система разрешений на основе Vue

Требует доработки (Хэнь Хэнь).

Настройка сборки

# установка зависимостей
npm install

# запуск с горячей перезагрузкой на localhost:8080
npm run dev

# сборка для продакшена с минификацией
npm run build

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