Визуализация структуры таблиц

Внимание

Визуальный редактор таблиц этого плагина разработан с использованием uni-app, и в настоящее время его нельзя скомпилировать непосредственно в плагин. В данный момент он работает на веб-странице, управляемой uniCloud, поэтому его невозможно использовать без подключения к сети.

(PS: Если кто-то сможет подсказать, как запустить uni-app прямо в плагине, я буду очень благодарен.)

История создания плагина

Недавно я впервые использовал uniCloud для разработки проекта WeChat Official Account (см.: «Использование dcloud для создания системы H5 для официального аккаунта WeChat»). Я почувствовал удобство и низкую стоимость облачной разработки.

Среди прочего, schema2code в uniCloud — это нечто невероятное, очень полезное. Он может преобразовать структуру массива (schema) непосредственно в формы и страницы со списками, что значительно упрощает работу.

Однако schema2code всё ещё требует ручной настройки структуры таблицы (schema), что может быть немного хлопотно для тех, кто стремится к простоте и наглядности разработки.

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

Демонстрация функций

После загрузки плагина и перезапуска HBuilder X не требуется никаких настроек. Просто откройте файл структуры таблицы облачной базы данных (например, uniCloud/database/****.schema.json), щёлкните правой кнопкой мыши и выберите «Визуальное редактирование», чтобы сразу перейти к визуальному интерфейсу.

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

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

Видеодемонстрация (лучше всего воспроизводить в полноэкранном режиме, уменьшение масштаба может привести к ухудшению качества изображения):

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

Планы на будущее

В первой версии реализована большая часть функций управления полями структуры таблицы. Ещё предстоит добавить некоторые функции, такие как:

• Связанные поля (foreignKey);
• Поля родительского уровня в той же таблице (parentKey).

Кроме того, не знаю, является ли это проблемой плагина HBuilder X, но во время разработки и отладки Ctrl+s можно использовать для сохранения документа, но при официальном использовании это не работает, и документ можно сохранить только через значок сохранения в левом верхнем углу.

О нас

Мы занимаемся разработкой WeChat Official Accounts и мини-программ уже много лет. Раньше основной технической структурой был PHP + uni-app. Сейчас мы планируем отказаться от бэкенда PHP и напрямую использовать продукты серии dcloud для реализации интегрированных продуктов.

Для сотрудничества или заказной разработки, пожалуйста, свяжитесь со мной. Если у вас есть вопросы или предложения по использованию плагина, присоединяйтесь к нашей технической группе QQ: 884210423.

[Анонс] На основе того же принципа в разработке находится визуальный плагин для низкокодовой разработки. Если вам интересно, присоединяйтесь к вышеупомянутой группе QQ.