react drag
1.0.0
(Этот проект является выпускным дизайном автора)
Благодаря связанным исследованиям систем редактирования визуального редактирования, размышления о бизнес-сценариях, абстракции и разделении компонентов и т. Д. Мы стремимся решать проблемы нескольких фронтовых разработчиков, больше требований страниц, больших повторяющихся требований и низкой повторной использования. Реализуйте систему, основанную на платформе фронтальной визуализации на основе React. Платформа может предоставить пользователям функцию визуального редактирования передних страниц и генерирования соответствующих кодов реагирования. Для технических специалистов он доступен для создания универсальной платформы построения страниц.
Передняя часть этой системы использует технологию React в качестве структуры представления. Система использует структуру UMI для управления маршрутизацией и использует DV для управления государством. Фронт-энд опирается на Node.js в качестве среднего уровня для рендеринга на сервере, тем самым дополнительно улучшая скорость рендеринга первого экрана страницы. В передней части дисплея он завершается через страницы, макеты и компоненты. В разделе управления государством сотрудничайте с моделями и подключите представления с данными через Connect в DVA. В то же время, для запросов на переднем крае, они реализованы через уровень услуг. Поместите несколько часто используемых методов в UTILS в качестве наборов инструментов. Поместите переменные с особыми значениями.
Модули этой системы в основном включают в себя пять основных модулей: управление пользователями, организационное управление, редактирование перетаскивания страниц, предварительный просмотр и экспорт страницы, а также управление компонентами. Среди них, поскольку JWT используется в качестве метода аутентификации переднего и заднего входа, добавляется модуль аутентификации пользователя. Основным функциональным процессом системы является то, что пользователь входит в систему, входит в область редактирования страницы, выбирает компоненты для редактирования, сохраняет страницу на сервер, строит соответствующий код и пакеты для генерации соответствующих сжатых пакетов.
