luban h5

Documentación china || Documentos en inglés | Readme (en) || Foro/Comunidad

Luban H5

Construcción visual, arrastrar y soltar para generar páginas móviles

Builder y generador de páginas móviles con arrastre y caída

Tabla de contenido

• ¿Qué es Luban H5?
• Manifestación
• Características
• Empezar ahora
• Más instrucciones
  • Descripción del componente frontal
  • Pila de tecnología (actual)
• ?? ‍ ?? ‍ Grupo de comunicación

¿Qué es Luban H5?

1. Luban H5 es una plataforma desarrollada basada en Vue2.0 y rápidamente genera páginas a través de la resistencia y la caída.
2. Plataformas como Yiqixiu, Maka, Baidu H5, etc.

Manifestación

Dirección de acceso en línea

? Enlaces/enlaces relacionados

Código fuente	documento	Tutorial	Comunidad
Github	Documentación china	Video - Start Quick (Bilibili)	Foro/Comunidad (Recomendación oficial)
Gitee (espejo doméstico)	Documentos ingleses	Tutorial de componentes personalizados (WIP)	Dar un desprendimiento
	Readme (EN)	Principio de implementación central	Comunidad/foro chino (Tencent se queja)

?Ecología

Integración de backend	Biblioteca de componentes oficiales	Soporte/componentes auxiliares	Componentes personalizados	Hoja de ruta
Strapi.js (API oficial de backend)	Carrusel	Galería de imágenes	Desarrollo de componentes personalizados andamios	Hoja de ruta/plan de desarrollo
SpringBoot2-JPA	Botón normal	Alineación de texto	Tutorial de desarrollo de componentes personalizados
Springboot2-mybatis-plus			Tutorial de video (WIP)

Experiencia rápida

Elija cualquiera de los siguientes métodos

1. Script de un solo clic (¡recomendado!)

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. El nodo y el hilo se instalan localmente

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

• Para obtener más detalles, consulte el capítulo快速开始del documento Luban H5-Online y configúrelo.

• Si encuentra un problema de interfaz 403, consulte快速开始y busque palabras clave: 403

Grupo de comunicación

Grupo de dingtalk	Cuenta oficial de WeChat	Veloz
		Tenga en cuenta: Comunicación Luban H5

Para más detalles, lea la documentación en línea

Características

1. Editor

   • Líneas de referencia
   • Líneas de adsorción, alineación de componentes
   • Arrastre y suelte para cambiar la forma del componente
   • Elemento: copia (lienzo)
   • Elemento: Eliminar (lienzo)
   • Elemento: editar (lienzo)
   • Página: agregado
   • Página: copia
   • Página: Eliminar
   • Vista previa rápida
   • Deshacer, rehacer

2. Sistema de componentes

   • Palabra
   • Botón normal
   • Botón de formulario
   • Cuadro de entrada de formulario
   • Fotos normales
   • Imagen de fondo
   • Música de fondo
   • Video (formulario de iframe)

3. Características mejoradas

   • Sube PSD y conviértalo a H5 con un clic (se ha investigado y se puede realizar)
   • Galería de imágenes
   • Búsqueda de imágenes sin derechos de autor de terceros
   • Scripts personalizados (se ha investigado y se puede implementar)

4. API de backend

   • Crear, guardar, actualizar funciona
   • Formulario de recopilación de datos
   • Pantalla de datos de formulario
   • Vista previa en línea
   • Vista previa del código QR

Pila de tecnología (actual)

1. Front-end: vue.js
2. Backend: Strapi
3. Almacenamiento: SQLite

Cómo contribuir

Se aceptarán todos los cambios razonables, optimizaciones, correcciones, nuevos componentes o correcciones de documentos y actualizaciones relacionadas con las presentaciones relacionadas.

Donar al autor

Si cree que este proyecto es útil o inspirador para usted, puede pedirle al autor que tome una copa de jugo:

Donar en WeChat	Donar a Alipay