Цифровая графика

Онлайн-редактор для создания блок-схем, диаграмм процессов, сетевых диаграмм, организационных структур, UML и BPMN. После завершения работы можно экспортировать результаты в форматы изображений SVG и XML или сохранить их в облаке и поделиться с другими пользователями.

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

Сайт

Цифровая графика

Инструменты

• Cloudreve — система облачного хранилища, построенная на основе ThinkPHP. Позволяет быстро создать частное или публичное облачное хранилище при низких затратах.

• mxGraph — библиотека JavaScript для визуализации графиков, использующая SVG и HTML.

• draw.io — сайт для создания диаграмм на основе библиотеки mxGraph. В основном использует его шаблоны и графические компоненты.

Развёртывание

1. Клонирование проекта

git clone https://gitee.com/zxhm/DataDraw.git
cd DataDraw

2. Установка расширений с помощью Composer

composer install

3. Настройка данных и параметров оплаты

Скопируйте файл mysql.sql из корневого каталога в свою базу данных. Отредактируйте файл application/database_sample.php, указав информацию о базе данных, и переименуйте его в database.php. Затем отредактируйте файл application/config_sample.php и внесите изменения в информацию об оплате через Alipay и WeChat Pay. Переименуйте файл в config.php.

В системе используется множество шаблонов данных, которые были экспортированы в отдельный файл sql и помещены в папку /static/editor/templates. Если вам нужны эти шаблоны, необходимо импортировать данные.

4. Права доступа к каталогам

Необходимо предоставить права на запись для каталога runtime. Если вы используете локальное хранилище, каталог public также должен иметь права на запись.

5. Перенаправление URL

Для серверов Apache убедитесь, что: — в файле конфигурации httpd.conf загружен модуль mod_rewrite.so; — AllowOverride установлен в значение All.

Файл .htaccess в каталоге проекта уже настроен для перенаправления URL. При необходимости внесите соответствующие изменения.

Для серверов Nginx можно использовать следующую конфигурацию:

location / {
   if (!-e $request_filename) {
   rewrite  ^(.*)$  /index.php?s=/$1  last;
   break;
    }
 }

Если ваше приложение установлено во вложенном каталоге, используйте следующий метод настройки псевдостатических файлов Nginx, где youdomain — это имя каталога.

location /youdomain/ {
    if (!-e $request_filename){
        rewrite  ^/youdomain/(.*)$  /youdomain/index.php?s=/$1  last;
    }
}

6. Дальнейшие действия

На этом этапе система готова к работе, но требуется выполнить некоторые дополнительные шаги.

— Войдите в бэкенд (начальные учётные данные: admin@datadraw.net и пароль admin). Бэкенд доступен по адресу http://ваш домен/Admin. Проверьте правильность URL сайта в разделе «Настройки» > «Основные настройки».

— Измените начальный пароль пользователя после входа в систему.

7. Примечания

1. Файлы теперь полностью интегрированы с облачным сервисом Cloudreve, который поддерживает большинство функций. Однако тестирование проводилось только с использованием сервиса Qiniu.
2. IE не поддерживает конструктор File, поэтому браузеры IE и основанные на IE браузеры не могут быть использованы.

Что нужно доработать

• Интеграция с WeChat Pay
• Некоторые графические компоненты имеют проблемы
• Проблема с пробелами в именах файлов при использовании облачного сервиса Qiniu
• Функция обмена работами для участников
• Возврат ссылки на предыдущий уровень при добавлении файла
• Использование Bootstrap версии 3.x и 4.0 в одном проекте Cloudreve
• Быстрый доступ к моим файлам
• Написание руководства пользователя
• Загрузка моих файлов в других доступных форматах

Благодарности

Благодарим Athlon128 за указание и исправление проблемы с многоуровневыми каталогами.

Лицензия

GPLV3