Epage

Это основанный на schema инструмент для визуальной настройки страниц. Можно настраивать формы, страницы и другие элементы на основе популярных библиотек компонентов для фронтенда.

Рекомендация

Если вы сталкиваетесь с проблемами, связанными с BPM-процессами, рекомендуется сочетать это с книгой учителя Хэ Бо «Глубокое погружение в Activiti/Flowable: основные принципы и продвинутые практики», которая может быть очень полезна для изучения системы и глубокого понимания использования Activiti / Flowable.

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

Веб-сайт: http://epage.didichuxing.com

• [Быстрый старт](http://epage.didichuxing.com/usage/#Быстрый старт)
• Документация для разработчиков
• API конструктора
• Как разработать виджет?
• Онлайн-примеры

Демонстрационный адрес

• Демо

Установка

Эта библиотека предоставляет конструкторский интерфейс и базовое взаимодействие. Она является основной зависимостью конструктора для ПК, а рендерер для мобильных устройств может не зависеть от этой библиотеки. Возможности виджетов и содержимое панели инструментов должны использоваться вместе с рендерером, таким как epage-iview, и конечным пользователям достаточно использовать пакет рендерера.

При разработке рендерера для мобильных устройств можно напрямую импортировать epage-core (поскольку необходимо только выполнить рендеринг, нет необходимости перетаскивать интерфейс конфигурации).

Рекомендуется создавать пользовательские виджеты с помощью инструментария epage-cli:

# Глобальная установка
npm i -g epage-cli
# Инициализация проекта
epage init myWidgets
cd myWidgets
# Запуск
npm start

# Необходимо заранее установить vue vuex iview vuedraggable
npm install epage -S
# Или yarn add epage

Обновление репозитория

Этот репозиторий является основным для конструкторов Epage и Epage, и обновления журналов можно найти в CHANGELOG.

Для получения дополнительной информации о Epage Renderer и связанных инструментах см.: https://github.com/epage-team.

Примеры конструкторов и рендереров

import { render } from 'epage-core'
import Epage from 'epage'
import pcWidgets, { entry as PCEntry } from 'epage-iview'
import h5Widgets, { entry as H5Entry } from 'epage-vant'
import 'iview/src/styles/index.less';
import 'vant/lib/index.less' /* 双端设计才需要 */
import 'epage/src/style/main.less'
import 'epage-iview/src/style/main.less'
import 'epage-vant/src/style/main.less' /* 双端设计才需要 */

const el = document.getElementById('root')
// Экземпляр конструктора, Render — рендерер, widgets — компоненты, которые нужно зарегистрировать
// О Render и widgets можно узнать на https://github.com/epage-team/epage-iview
const config = {
  el,
  pc: {
    widgets: pcWidgets,
    Render: render.VueRender,
    component: PCEntry
  },
  // Для одновременного проектирования на мобильных устройствах
  h5: {
    widgets: h5Widgets,
    Render: render.VueRender,
    component: H5Entry
  }
}
new Epage(config)

Дополнительные способы использования см. в CHANGELOG#v0.7.0.

epage-iview — это реализация рендерера epage на основе библиотеки компонентов iview.

Концепция дизайна

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

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

Конструкторы и рендереры epage основаны на собственных узлах DOM, что делает их независимыми друг от друга, сочетая их с унифицированными стандартами схемы, позволяя проектировать и отображать в нескольких местах. Дополнительную информацию о том, как настроить разработку виджетов, можно получить в разделе «Как разработать виджет?».

epage

Лицензия

MIT