luban h5

Chinesische Dokumentation || Englische Dokumente | Readme (en) || Forum/Community

Luban H5

Visuelle Konstruktion, Drag & Drop, um mobile Seiten zu generieren

Mobile Page Builder & Generator mit Drag & Drop

Inhaltsverzeichnis

• Was ist Luban H5?
• Demo
• Merkmale
• Beginnen Sie jetzt
• Weitere Anweisungen
  • Front-End-Komponentenbeschreibung
  • Technologiestapel (Strom)
• ? ‍ ?? ‍ Kommunikationsgruppe

Was ist Luban H5?

1. Luban H5 ist eine Plattform, die basierend auf VUE2.0 entwickelt wurde und schnell Seiten über Drag & Drop erzeugt.
2. Plattformen wie Yiqixiu, Maka, Baidu H5 usw.

Demo

Online -Zugangsadresse

Links/verwandte Links

Quellcode	dokumentieren	Tutorial	Gemeinschaft
Github	Chinesische Dokumentation	Video - Schnellstart (Bilibili)	Forum/Community (offizielle Empfehlung)
Gitee (Hausspiegel)	Englische Dokumente	Tutorial für benutzerdefinierte Komponenten (WIP)	Gitter
	Readme (en)	Kernimplementierungsprinzip	Chinesische Gemeinschaft/Forum (Tencent beschwert)

?Ökologie

Backend -Integration	Offizielle Komponentenbibliothek	Support/Hilfskomponenten	Benutzerdefinierte Komponenten	Roadmap
Strapi.js (offizielle Backend -API)	Karussell	Bildgalerie	Gerüst für benutzerdefinierte Komponentenentwicklung	Roadmap/Entwicklungsplan
Springboot2-JPA	Normale Taste	Textausrichtung	Tutorial für benutzerdefinierte Komponentenentwicklung
Springboot2-mybatis-plus			Video -Tutorial (WIP)

Schnelle Erfahrung

Wählen Sie eine der folgenden Methoden aus

1. Ein-Klick-Skript (empfohlen!)

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. Knoten und Garn sind lokal installiert

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 即可

• Weitere Informationen finden Sie im快速开始Kapitel des Luban H5-Online-Dokuments und konfigurieren Sie es.

• Wenn Sie auf ein Problem der Schnittstelle 403 stoßen, finden Sie im Kapitel快速开始und suchen Sie nach Schlüsselwörtern: 403

Kommunikationsgruppe

Dingtalk -Gruppe	WeChat Official Account	Wechat
		Bitte beachten Sie: Luban H5 -Kommunikation

Weitere Informationen finden Sie in der Online -Dokumentation

Merkmale

1. Editor

   • Referenzlinien
   • Adsorptionsleitungen, Komponentenausrichtung
   • Ziehen und Drop, um die Form der Komponente zu ändern
   • Element: Copy (Leinwand)
   • Element: Löschen (Leinwand)
   • Element: Bearbeiten (Leinwand)
   • Seite: hinzugefügt
   • Seite: Kopieren
   • Seite: Löschen
   • Schnelle Vorschau
   • Rückgängig, wiederholen

2. Komponentensystem

   • Wort
   • Normale Taste
   • Formschaltfläche
   • Formulareingangsbox
   • Normale Bilder
   • Hintergrundbild
   • Hintergrundmusik
   • Video (Iframe -Formular)

3. Verbesserte Funktionen

   • Laden Sie PSD hoch und konvertieren Sie es mit einem Klick in H5 (es wurde untersucht und kann realisiert werden).
   • Bildgalerie
   • Copyright-freie Bildsuche von Drittanbietern
   • Benutzerdefinierte Skripte (wurden untersucht und können implementiert werden)

4. Backend -API

   • Erstellen, Speichern, Update funktioniert
   • Formularerfassung
   • Formulardatenanzeige
   • Online -Vorschau
   • QR -Code -Vorschau

Technologiestapel (Strom)

1. Front-End: Vue.js
2. Backend: Strapi
3. Speicher: SQLite

Wie man beiträgt

Alle angemessenen Änderungen, Optimierungen, Korrekturen, neuen Komponenten oder Dokumentenkorrekturen und Aktualisierungen werden akzeptiert.

Spenden Sie dem Autor

Wenn Sie der Meinung sind, dass dieses Projekt nützlich oder inspirierend für Sie ist, können Sie den Autor bitten, einen Safttrinken zu trinken:

Spenden Sie auf Wechat	Spenden Sie nach Alipay