DVA Boot Admin

Полностью обновлено, теперь поддерживает Ant.Design 4.0

Основано на самой зрелой технологии экосистемы React, это набор готовых к использованию административных панелей, включающий уникальные кастомные компоненты и множество проверенных временем сторонних компонентов. Это больше чем просто панель управления — это всё необходимое для вашего следующего веб-проекта, чтобы вы могли быстро и стабильно создавать надёжные, красивые и удобные в использовании веб-приложения.

Главная страница GitHub | Главная страница Gitee

## Оглавление

Функционал

Упаковано использование dva-фреймворка для управления данными, простые запросы можно выполнять без необходимости определения моделей и сервисов
Упаковано создание тестовых данных, что позволяет независимо от работы серверной части развивать клиентскую часть приложения
Упакованы запросы пагинации, упрощены и стандартизированы логика пагинации
Упакованы fetch-запросы, адаптированы для различных типов взаимодействия с сервером, включая параметры body, parameter, path, динамические заголовки запросов, а также возможность перехвата запросов до и после выполнения- Загрузка маршрутов по требованию, обеспечивает быстрый первый экран
Расширено использование antd, созданы много полезных UI-компонентов, которые могут быть легко генерированы одним конфигурационным файлом, включая CRUD-функциональность (таблицы данных, формы поиска, формы добавления/редактирования)
Структурирована директория по бизнес-модулям, что позволяет сосредоточиться на разработке уникальных функций без влияния других модулей, минимизируя связывание
В режиме производства сборка занимает всего 2,09 МБ после сжатия gzip; при использовании только необходимых модулей, размер может составлять менее 1 МБ
Примеры использования некоторых часто используемых компонентов
Множество тщательно спроектированных страниц и сценариев взаимодействия
Функционал, упакованное в dva-boot шаблонизаторе
Глобальное управление ошибками, глобальные перехватчики запросов, выделение общих конфигураций
Автоматическое конфигурирование кода boot-template-cli

Инженерная структура

.
├── public                   # Неучаствующие в компиляции ресурсные файлы
├── templates                # Шаблоны файлов подготовленные для генерации кода
├── src                      # Основной каталог программы
│   ├── index.js             # Входной файл запуска и отрисовки программы
│   ├── config.js            # Глобальная конфигурация
```│   ├── components           # Общедоступные компоненты
│   ├── layouts              # Компоненты структуры страниц
│   │   ├── BasicLayout      # Базовая структура
│   │   └── OtherLayout      # Компоненты структуры страниц, зависящие от конкретных функциональностей, используются при конфигурировании маршрутов
│   ├── routes               # Динамический каталог маршрутов (MVC структура с одним файлом на каждую функцию)
│   │   ├── index.js         # Конфигурационный файл маршрута
│   │   ├── Home             # Функциональный модуль
│   │   │   ├── index.js     # Конфигурационный файл маршрута
│   │   │   ├── assets       # Отдельные статические ресурсы этого модуля
│   │   │   ├── components   # Компоненты страниц
│   │   │   ├── model        # dva model
│   │   │   ├── service      # dva service
│   │   │   └── routes **    # Подмаршруты (такая же структура директорий как у родителя)
│   │   └── Login            # Функциональный модуль
│   │       ├── index.js     # Конфигурационный файл маршрута
│   │       ├── assets       # Отдельные статические ресурсы этого модуля
│   │       ├── components   # Компоненты страниц
│   │       ├── model        # dva model
│   │       ├── service      # dva service
│   │       └── routes **    # Подмаршруты (такая же структура директорий как у родителя)
│   ├── utils                # Утилиты
│   └── assets               # Ресурсные файлы
│           ├── fonts        # Шрифты & шрифт-иконки
│           ├── images       # Изображения
│           └── styles       # Глобальные стили
```## Способ использования

```javascript
$ git clone https://github.com/LANIF-UI/dva-boot-admin.git
$ cd dva-boot-admin
// Установка зависимостей
$ yarn
// Запуск
$ yarn start
// Публикация
$ yarn build
// Публикация с графическим анализом
$ yarn build --analyze