CCMS

Конфигурируемая система управления контентом (Content Configuration Management System)

CCMS

🌏 О CCMS

CCMS — это комплексный, универсальный и настраиваемый подход. Он позволяет автоматически генерировать интерфейс для бэкенда (CMS) на основе конфигурации.

CCMS абстрагирует интерфейс страницы фронтэнда контентной системы в виде системы, которая передаёт данные через несколько API. Далее запросы к бэкенд-API разделяются по логическим типам: отправка форм, отображение списков, запрос данных и т. д. С помощью информации об интерфейсе, входных и выходных параметрах, а также различных проверок и простой логики, описанных в формате JSON, происходит динамическое рендеринг интерфейса. В итоге реализуется возможность создания контентной системы без разработки.

✨ Особенности

• 🛠️ Генерация интерфейса CMS на основе конфигурации
• 📚 Покрытие различных сценариев использования бэкенда с помощью пошагового проектирования
• 🏹 Передача данных между страницами и взаимодействие между компонентами
• 🎏 Поддержка интеграции различных библиотек компонентов

Принцип работы

Реализация интерфейса на основе компонентов с использованием свойств, запросов данных, взаимодействия между компонентами и состояний машины осуществляется через прокси-компонент.

Простота использования

Интерфейс полностью создаётся на основе конфигурационного файла JSON, который определяет шаги форм и компоненты.

Интеграция с библиотеками компонентов

Разработчики могут создавать разнообразные компоненты в соответствии с рекомендациями по разработке «Охотник за звёздами» и предоставлять их пользователям.

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

npm install ccms-antd

🌰 Пример

import { CCMS } from 'ccms-antd';

const App = () => (
  <>
    <CCMS
      checkPageAuth={async () => true}
      loadPageURL={async (id) => `/url?id=${id}&type=page`}
      loadPageFrameURL={async (id) => `/url?id=${id}&type=open`}
      loadPageConfig={async (page) => newConfig }
      sourceData={{}}
      callback={() => {
        if (window.history.length > 1) {
          window.history.back()
        } else {
          window.close()
        }
      }}
      config={config}
    />
  </>
);

📖 Документация API

👉 Документация API