luban h5

Documentação chinesa || DOCs em inglês | ReadMe (en) || Fórum/Comunidade

LUBAN H5

Construção visual, arrastar e soltar para gerar páginas móveis

Mobile Page Builder & Generator com arrastar e soltar

Índice

• O que é Luban H5?
• Demonstração
• Características
• Comece agora
• Mais instruções
  • Descrição do componente front-end
  • Pilha de tecnologia (atual)
• ?? ‍ ?? ‍ Grupo de comunicação

O que é Luban H5?

1. O Luban H5 é uma plataforma desenvolvida com base no VUE2.0 e gera rapidamente páginas através do arrasto e soltar.
2. Plataformas como Yiqixiu, Maka, Baidu H5, etc.

Demonstração

Endereço de acesso on -line

? Links/links relacionados

Código -fonte	documento	Tutorial	Comunidade
Github	Documentação chinesa	Vídeo - Iniciar rápido (Bilibili)	Fórum/Comunidade (Recomendação Oficial)
Gitee (espelho doméstico)	Docs em inglês	Tutorial de componente personalizado (WIP)	Gitter
	Readme (en)	Princípio da implementação do núcleo	Comunidade/fórum chinês (reclama de Tencent)

?Ecologia

Integração de back -end	Biblioteca de componentes oficiais	Componentes de suporte/auxiliar	Componentes personalizados	Roteiro
Strapi.js (API oficial de back -end)	Carrossel	Galeria de Imagens	Andaimes de desenvolvimento de componentes personalizados	Roteiro/Plano de Desenvolvimento
Springboot2-jpa	Botão normal	Alinhamento de texto	Tutorial de desenvolvimento de componentes personalizados
Springboot2-mybatis-plus			Tutorial em vídeo (WIP)

Experiência rápida

Escolha qualquer um dos seguintes métodos

1 Script com um clique (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. O nó e o fio são instalados 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 mais detalhes, consulte o capítulo快速开始do documento Luban H5-Online e configure-o.

• Se você encontrar um problema de interface 403, consulte快速开始e procure palavras -chave: 403

Grupo de Comunicação

Grupo DingTalk	Conta oficial do WeChat	WeChat
		Observação: Comunicação Luban H5

Para mais detalhes, leia a documentação online

Características

1. Editor

   • Linhas de referência
   • Linhas de adsorção, alinhamento de componentes
   • Arraste e solte para alterar a forma do componente
   • Elemento: cópia (tela)
   • Elemento: Delete (Canvas)
   • Elemento: Editar (Canvas)
   • Página: Adicionado
   • Página: cópia
   • Página: Exclua
   • Visualização rápida
   • Desfazer, refazer

2. Sistema de componentes

   • Palavra
   • Botão normal
   • Botão de formulário
   • Caixa de entrada do formulário
   • Imagens normais
   • Imagem de fundo
   • Música de fundo
   • Vídeo (formulário iframe)

3. Recursos aprimorados

   • Carregue o PSD e converta -o para H5 com um clique (ele foi investigado e pode ser realizado)
   • Galeria de Imagens
   • Pesquisa de imagem sem direitos autorais de terceiros
   • Scripts personalizados (foram investigados e podem ser implementados)

4. API de back -end

   • Criar, salvar, atualizar as obras
   • Coleta de dados do formulário
   • Exibição de dados do formulário
   • Visualização online
   • Visualização de código QR

Pilha de tecnologia (atual)

1. Front-end: vue.js
2. Back -end: Strapi
3. Armazenamento: Sqlite

Como contribuir

Todas as alterações razoáveis, otimizações, correções, novos componentes ou correções e atualizações de documentos serão aceitos.

Doar para o autor

Se você acha que este projeto é útil ou inspirador para você, pode pedir ao autor para tomar um suco:

Doe no WeChat	Doe para Alipay