DVA Boot Admin

H1. DVA Boot Admin

H3.

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

Главная страница GitHub | Главная страница кода Cloud.

Содержание

• Функции
• Структура проекта
• Использование
• Документация:
  • Начало работы
  • Глобальная конфигурация
  • Использование modelEnhance
  • Использование pageHelper
  • Компоненты
  • Имитация данных интерфейса
  • Сборка
  • Часто задаваемые вопросы
• Скриншоты
• Журнал изменений
• Заключение

Функции

• Оборачивает поток данных dva, упрощая запросы, которые не требуют определения в модели и сервисе.
• Имитирует данные, позволяя независимо разрабатывать функции внешнего и внутреннего интерфейса.
• Реализует разбиение на страницы, упрощая и стандартизируя логику разбиения на страницы.
• Обрабатывает запросы fetch, адаптируясь к различным типам взаимодействия с серверной частью, включая body, parameter, path параметры, динамические заголовки запросов, предварительную и последующую обработку запросов.
• Загружает маршруты по требованию, обеспечивая быструю загрузку начальной страницы.
• Расширяет antd, предоставляя множество полезных пользовательских интерфейсов, которые можно настроить с помощью одной конфигурации, включая CRUD для бэкенда (таблицы данных, поиск, формы создания и редактирования).
• Организует структуру каталогов в соответствии с бизнес-модулями, что позволяет разработчикам сосредоточиться на своих функциях без необходимости отвлекаться на другие модули и обеспечивает минимальную связь между модулями.
• В производственной среде после упаковки размер составляет всего 2,09 МБ, а при использовании только часто используемых модулей — менее 1 МБ.
• Предоставляет некоторые распространённые небольшие компоненты.
• Включает множество тщательно разработанных страниц и сценариев взаимодействия.
• dva-boot предоставляет функции, упакованные в фреймворк.
• Обеспечивает глобальную обработку исключений, глобальный перехват запросов и извлечение общих конфигураций.
• Инструмент автоматического конфигурирования кодаdva-boot-desktop, который скоро появится.

Структура проекта

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

Использование

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

Совместимость

| IE / Edge | [<img

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