luban h5

Dokumentasi Cina || Dokumen Bahasa Inggris | Readme (en) || Forum/Komunitas

Luban H5

Konstruksi visual, seret dan drop untuk menghasilkan halaman seluler

Pembangun halaman seluler & generator dengan drag & drop

Daftar isi

• Apa itu Luban H5?
• Demo
• Fitur
• Mulailah sekarang
• Lebih banyak instruksi
  • Deskripsi komponen front-end
  • Tumpukan Teknologi (Saat Ini)
• ?? ‍ ?? ‍ kelompok komunikasi

Apa itu Luban H5?

1. Luban H5 adalah platform yang dikembangkan berdasarkan VUE2.0 dan dengan cepat menghasilkan halaman melalui drag and drop.
2. Platform seperti Yiqixiu, Maka, Baidu H5, dll.

Demo

Alamat akses online

? Tautan/Tautan Terkait

Kode Sumber	dokumen	Tutorial	Masyarakat
GitHub	Dokumentasi Cina	Video - Mulai Cepat (Bilibili)	Forum/Komunitas (Rekomendasi Resmi)
Gitee (cermin domestik)	Dokumen Bahasa Inggris	Tutorial Komponen Kustom (WIP)	Gitter
	Readme (en)	Prinsip Implementasi Inti	Komunitas/Forum Cina (Keluhan Tencent)

?Ekologi

Integrasi backend	Perpustakaan Komponen Resmi	Komponen dukungan/tambahan	Komponen khusus	Peta jalan
Strapi.js (API backend resmi)	Korsel	Galeri Gambar	Perancah pengembangan komponen khusus	ROADMAP/RENCANA PEMBANGUNAN
Springboot2-jpa	Tombol normal	Penyelarasan teks	Tutorial Pengembangan Komponen Kustom
Springboot2-mybatis-plus			Tutorial Video (WIP)

Pengalaman cepat

Pilih salah satu metode berikut

1. Skrip One-Click (Direkomendasikan!)

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. Node dan benang diinstal secara lokal

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

• Untuk detail lebih lanjut, silakan merujuk ke bab快速开始dari dokumen Luban H5-online dan konfigurasinya.

• Jika Anda menghadapi masalah antarmuka 403, silakan merujuk ke bab快速开始dan Cari Kata Kunci: 403

Kelompok komunikasi

Grup Dingtalk	Akun Resmi WeChat	Wechat wechat
		Harap dicatat: Komunikasi Luban H5

Untuk detail lebih lanjut, silakan baca dokumentasi online

Fitur

1. Editor

   • Baris referensi
   • Garis adsorpsi, penyelarasan komponen
   • Seret dan lepas untuk mengubah bentuk komponen
   • Elemen: Salin (Canvas)
   • Elemen: Hapus (Canvas)
   • Elemen: Edit (Canvas)
   • Halaman: Ditambahkan
   • Halaman: Salin
   • Halaman: Hapus
   • Pratinjau Cepat
   • Undo, redo

2. Sistem Komponen

   • Kata
   • Tombol normal
   • Tombol formulir
   • Kotak input formulir
   • Gambar normal
   • Gambar latar belakang
   • Musik latar
   • Video (formulir iframe)

3. Fitur yang disempurnakan

   • Unggah PSD dan konversinya menjadi H5 dengan satu klik (telah diselidiki dan dapat direalisasikan)
   • Galeri Gambar
   • Pencarian gambar bebas hak cipta pihak ketiga
   • Skrip khusus (telah diselidiki dan dapat diimplementasikan)

4. API Backend

   • Buat, Simpan, Perbarui Pekerjaan
   • Bentuk pengumpulan data
   • Formulir Data Data
   • Pratinjau online
   • Pratinjau Kode QR

Tumpukan Teknologi (Saat Ini)

1. Front-end: Vue.js
2. Backend: Strapi
3. Penyimpanan: Sqlite

Bagaimana berkontribusi

Semua perubahan yang masuk akal, optimisasi, koreksi, komponen baru, atau koreksi dokumen dan pembaruan pengiriman terkait akan diterima.

Donasi untuk Penulis

Jika menurut Anda proyek ini bermanfaat atau menginspirasi Anda, Anda dapat meminta penulis untuk minum jus:

Donasi di WeChat	Donasi ke Alipay