luban h5

Documentation chinoise || Docs anglais | Readme (en) || Forum / communauté

Luban H5

Construction visuelle, glisser-déposer pour générer des pages mobiles

Page de page Mobile Builder & Generator avec Drag & Drop

Table des matières

• Qu'est-ce que Luban H5?
• Démo
• Caractéristiques
• Commencer maintenant
• Plus d'instructions
  • Description du composant frontal
  • Pile technologique (courant)
• Group de communication ?? ‍ ?? ‍

Qu'est-ce que Luban H5?

1. Luban H5 est une plate-forme développée basée sur Vue2.0 et génère rapidement des pages à travers la glisser-déposer.
2. Des plates-formes telles que Yiqixiu, Maka, Baidu H5, etc.

Démo

Adresse d'accès en ligne

? Liens / liens connexes

Code source	document	Tutoriel	Communauté
Github	Documentation chinoise	Vidéo - démarrage rapide (bilibili)	Forum / communauté (recommandation officielle)
Gitee (miroir domestique)	Docs anglais	Tutoriel des composants personnalisés (WIP)	Givreuse
	Readme (en)	Principe de mise en œuvre de base	Communauté / Forum chinois (Tencent se plaint)

?Écologie

Intégration backend	Bibliothèque de composants officiels	Support / composants auxiliaires	Composants personnalisés	Feuille de route
Strapi.js (API backend officiel)	Carrousel	Galerie d'images	Échafaudage de développement des composants personnalisés	Feuille de route / plan de développement
Springboot2-JPA	Bouton normal	Alignement du texte	Tutoriel de développement des composants personnalisés
Springboot2-Mybatis-plus			Tutoriel vidéo (WIP)

Expérience rapide

Choisissez l'une des méthodes suivantes

1. Script en un clic (recommandé!)

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. Le nœud et le fil sont installés localement

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

• Pour plus de détails, veuillez consulter le chapitre快速开始du document Luban H5-Online et le configurer.

• Si vous rencontrez un problème d'interface 403, veuillez consulter快速开始et rechercher des mots clés: 403

Groupe de communication

Groupe de dingtalk	Compte officiel de WeChat	Wechat
		Veuillez noter: Luban H5 Communication

Pour plus de détails, veuillez lire la documentation en ligne

Caractéristiques

1. Éditeur

   • Lignes de référence
   • Lignes d'adsorption, alignement des composants
   • Faites glisser et déposez pour changer la forme du composant
   • Élément: copie (toile)
   • Élément: supprimer (toile)
   • Élément: Modifier (toile)
   • Page: ajouté
   • Page: copie
   • Page: Supprimer
   • Aperçu rapide
   • Défaire, refaire

2. Système de composant

   • Mot
   • Bouton normal
   • Bouton de forme
   • Boîte d'entrée de formulaire
   • Images normales
   • Image de fond
   • Musique de fond
   • Vidéo (formulaire iframe)

3. Fonctionnalités améliorées

   • Téléchargez PSD et convertissez-le en H5 en un seul clic (il a été étudié et peut être réalisé)
   • Galerie d'images
   • Recherche d'images sans droit d'auteur tiers
   • Scripts personnalisés (a été étudié et peut être mis en œuvre)

4. API backend

   • Créer, enregistrer, la mise à jour fonctionne
   • Collecte de données de formulaire
   • Affichage de données de formulaire
   • Aperçu en ligne
   • Aperçu du code QR

Pile technologique (courant)

1. Front-end: vue.js
2. Backend: Strapi
3. Stockage: Sqlite

Comment contribuer

Tous les changements raisonnables, optimisations, corrections, nouveaux composants ou corrections de documents et mises à jour des soumissions connexes seront acceptées.

Faire un don à l'auteur

Si vous pensez que ce projet est utile ou inspirant pour vous, vous pouvez demander à l'auteur de prendre un verre de jus:

Faire un don sur WeChat	Faire un don à Alipay