luban h5

Китайская документация || Английские документы | Readme (en) || Форум/Сообщество

Любан H5

Визуальная конструкция, перетаскивание для создания мобильных страниц

Мобильный строитель страниц и генератор с перетаскиванием

Оглавление

• Что такое Luban H5?
• Демо
• Функции
• Начни сейчас
• Больше инструкций
  • Описание компонента переднего класса
  • Технологический стек (текущий)
• ?? ‍ ?? ‍ Группа связи

Что такое Luban H5?

1. Luban H5 - это платформа, разработанная на основе VUE2.0, и быстро генерирует страницы через перетаскивание.
2. Платформы, такие как Yiqixiu, Maka, Baidu H5 и т. Д.

Демо

Онлайн -адрес доступа

? Ссылки/Связанные ссылки

Исходный код	документ	Учебник	Сообщество
GitHub	Китайская документация	Видео - Quick Start (Bilibili)	Форум/Сообщество (Официальная рекомендация)
Gitee (домашнее зеркало)	Английские документы	Учебное пособие по индивидуальному компоненту (WIP)	Заклинание
	Readme (en)	Основной принцип реализации	Китайское сообщество/форум (Tencent жалуется)

Экология

Бэкэнд интеграция	Официальная библиотека компонентов	Поддержка/вспомогательные компоненты	Пользовательские компоненты	Дорожная карта
Strapi.js (официальный бэкэнд API)	Карусель	Галерея изображений	Пользовательские строительные леса разработки компонентов	Дорожная карта/план развития
Springboot2-jpa	Нормальная кнопка	Выравнивание текста	Учебное пособие по разработке пользовательских компонентов
Springboot2-Mybatis-Plus			Видеоурок (WIP)

Быстрый опыт

Выберите любой из следующих методов

1. Сценарий одного щелчка (рекомендуется!)

git clone https://github.com/ly525/luban-h5 && cd luban-h5
# 安装依赖，构建前后端（安装依赖会耗时略长，请耐心等待）
./luban-h5.sh init

# 启动项目访问 http://localhost:1337 即可
./luban-h5.sh start

# ./luban-h5.sh stop 

2. Узел и пряжа установлены локально

git clone https://github.com/ly525/luban-h5
cd luban-h5 # 项目根目录

# 后端
cd back-end/h5-api && yarn && yarn dev

# 前端
# 新开一个终端，在项目根目录执行如下命令
cd front-end/h5 && yarn && yarn build:engine && yarn dev

# 启动项目访问 http://localhost:1337 即可

• Для получения более подробной информации, пожалуйста, обратитесь к главе快速开始документа Luban H5-Online и настраивайте его.

• Если вы столкнетесь с проблемой интерфейса 403, пожалуйста, обратитесь к главе快速开始и найдите ключевые слова: 403

Коммуникационная группа

Dingtalk Group	WeChat Office Account	WeChat
		Обратите внимание: Luban H5 Communication

Для получения более подробной информации, пожалуйста, прочитайте онлайн -документацию

Функции

1. Редактор

   • Справочные линии
   • Адсорбционные линии, выравнивание компонентов
   • Перетаскивать, чтобы изменить форму компонента
   • Элемент: копия (холст)
   • Элемент: удалить (холст)
   • Элемент: редактировать (холст)
   • Страница: добавлено
   • Страница: копия
   • Страница: удалить
   • Быстрый предварительный просмотр
   • Отменить, повторно

2. Компонентная система

   • Слово
   • Нормальная кнопка
   • Кнопка формы
   • Форма ввода
   • Нормальные картинки
   • Фоновое изображение
   • Фоновая музыка
   • Видео (форма iframe)

3. Усовершенствованные функции

   • Загрузить PSD и преобразовать его в H5 с одним кликом (он был исследован и может быть реализован)
   • Галерея изображений
   • Сторонний поиск изображений без авторских прав.
   • Пользовательские сценарии (были исследованы и могут быть реализованы)

4. Бэкэнд API

   • Создать, сохранить, обновлять работы
   • Сбор данных формирования
   • Отображение данных формы
   • Онлайн предварительный просмотр
   • QR -код предварительный просмотр

Технологический стек (текущий)

1. Фронт: Vue.js
2. Бэкэнд: Strapi
3. Хранение: SQLite

Как внести свой вклад

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

Пожертвовать автору

Если вы думаете, что этот проект полезен или вдохновляет вас, вы можете попросить автора выпить сока:

Пожертвовать на WeChat	Пожертвовать Алипай