Rumah  >  Artikel  >  alat pembangunan  >  Perkongsian projek GitHub: 6 projek sumber terbuka pembinaan visual yang sangat berharga

Perkongsian projek GitHub: 6 projek sumber terbuka pembinaan visual yang sangat berharga

青灯夜游
青灯夜游ke hadapan
2023-03-23 19:38:312741semak imbas

Perkongsian projek GitHub: 6 projek sumber terbuka pembinaan visual yang sangat berharga

Saya telah menyelidik teknologi dan produk yang berkaitan dengan visualisasi kod rendah sebelum ini, dan juga telah mengetuai banyak projek pembinaan visualisasi Tujuan utama adalah untuk mengurangkan kos R&D korporat dan Memendekkan kitaran penghantaran produk, dengan perkembangan teknologi Internet, banyak produk teknikal yang sangat baik telah dikeluarkan satu demi satu Seterusnya, saya akan berkongsi dengan anda beberapa projek pembinaan visual, Bantu transformasi digital perusahaan.

1 Formily - penyelesaian bentuk hadapan bersatu Alibaba

Apa yang kita lihat di atas ialah. Tangkapan skrin editor

Formily Ia dibangunkan oleh pasukan teknikal Alibaba dan sumber terbuka sepenuhnya Kami boleh menggunakannya untuk mencipta aplikasi binaan untuk susun atur aliran semula jadi anda seorang yang teknikal, anda juga boleh Anda boleh menyesuaikan komponen yang anda inginkan pada masa ini Formily sudah menyokong berbilang perpustakaan dan rangka kerja komponen, seperti berikut:

    antd
  • <.>elemen
  • vant
  • seterusnya
  • separuh
  • Jadi sama ada anda seorang
pembangun rangka kerja atau

pembangun rangka kerja , anda boleh menggunakannya untuk membina platform pengeluaran Borang anda sendiri.reactvue

Tetapi satu-satunya kelemahan ialah ia tidak cukup mesra kepada orang bukan teknikal Contohnya, seretannya dan jatuh ialah susun atur aliran semula jadi, dan kedudukan elemen tidak boleh dialihkan sepenuhnya, jadi Ia dikatakan tidak sesuai untuk beberapa senario kebebasan yang disesuaikan atau tinggi Berikut ialah gambar rajah seni binanya:

Pautan projek:

github.com /alibaba/des…

Jika anda berminat, anda boleh belajar dan merujuknya.

2. Amis - Rangka kerja kod rendah hadapan Baidu

ialah rangka kerja hujung hadapan kod rendah yang menggunakan

JSONamis konfigurasi untuk menjana halaman, yang boleh mengurangkan beban kerja pembangunan halaman dan meningkatkan kecekapan. Pembangunan bahagian hadapan menjadi semakin kompleks, dan ambang pembelajaran semakin tinggi untuk menggunakan pustaka komponen

yang popular, kita mesti memahami

, UI, , npm, dsb., anda mesti biasa dengan sintaks yarnES6webpack, dan yang terbaik adalah memahami pengurusan keadaan, seperti react/vue Jika anda belum didedahkan kepada pengaturcaraan berfungsi akan menjadi sukar untuk bermula, tetapi selepas anda bermula, anda akan mendapati bahawa ia masih sukar Terdapat ekologi yang besar, dan terdapat perpustakaan yang berkaitan mempunyai fungsi yang serupa, dan kos pemilihan adalah tinggi. ReduxUntuk menjana kebanyakan halaman dengan cara yang paling mudah, penyelesaian 2347 dikonfigurasikan berdasarkan

Faedah uniknya ialah:

amisJSON

Tidak perlu. untuk mengetahui bahagian hadapan
    : Dalam Baidu, kebanyakan pengguna
  • tidak pernah menulis halaman hadapan hadapan sebelum ini dan tidak tahu JavaScript, tetapi mereka boleh membuat antara muka belakang yang profesional dan kompleks, yang sama seperti semua bahagian hadapan yang lain amisUI tidak terjejas oleh kemas kini teknologi bahagian hadapan
  • : Halaman
  • tertua Baidu telah dicipta lebih daripada 6 tahun lalu dan masih digunakan hari ini, dan Versi dari tahun itu kini ditinggalkan, dan yang popular telah digantikan dengan amis Jika halaman ini tidak menggunakan Angular/Vue/React, kos penyelenggaraan semasa akan menjadi sangat tinggi; 🎜>GulpAnda boleh menggunakan sepenuhnya editor halaman visual untuk membuat halamanWebpack: Secara amnya, editor visual bahagian hadapan hanya boleh digunakan untuk membuat prototaip statik, tetapi amis halaman yang dibuat oleh editor visual boleh terus dalam talian
  • Pautan projek: github.com/baidu/amisamis
Jika anda berminat, anda juga boleh belajar dan merujuknya.

ialah produk yang dibangunkan oleh gergasi teknologi domestik Projek kod rendah visual peringkat profesional yang dibangunkan Membuat halaman H5 boleh semudah membina halaman H5, tapak web H5, tapak web PC, platform .

Editor serentak

menyokong berbilang negara Bahasa

, dan menyokong berbilang mod pemaparan, seperti susun atur grid pintar, reka letak percuma, sangat sesuai untuk digunakan oleh orang bukan teknikal, membina halaman yang indah dalam 10 minit, seni bina teknikal adalah seperti berikut:

Perlu diperhatikan bahawa halaman yang kami bina secara visual pada H5-Dooring boleh berada dalam talian dengan satu klik dan menyokong memuat turun kod halaman , supaya orang yang tidak memahami teknologi boleh menggunakan halaman dengan mudah ke pelayan mereka sendiri, yang merupakan rahmat untuk orang bukan teknikal Platform ini masih terus bergerak untuk mencipta pengalaman pengguna yang lebih baik >Pautan projek :

github.com/MrXujiang/h…

4. >

bukan platform kod rendah arus perdana tradisional (seperti amis/h5-dooring),

ialah berorientasikan R&D, reka bentuk visual kod dan platform penyuntingan ia lebih seperti

, Penyuntingan visual untuk pengaturcara.

Masalah yang digunakan untuk menyelesaikannya termasuk: mometamometadreamweaverIa tidak bergantung pada platform kod rendah, dan pembangunan sekunder boleh memasuki mod pembangunan kod dengan lancar gui

Menyokong semua pada masa yang sama penyuntingan visual WYSIWYG digunakan untuk meningkatkan kecekapan dan pengalaman pembangunan

Menyediakan ekologi bahan, menyesuaikan bahan, meningkatkan pengalaman penggunaan bahan dan meningkatkan kadar penggunaan semula
  • Kedudukan lebih berdasarkan model pembangunan tempatan pengaturcara, dengan keupayaan tambahan pengekodan visual (fail kod tempatan itu sendiri juga diubah suai); Ia lebih seperti alat pengekodan tambahan dan bukannya penyelesaian platform untuk
  • (amis/h5-dooring
  • Pautan projek:
github.com/imcuttle/mo…

mometaLagi pengenalan ciri:No-Code

5 V6.Dooring - Alat pengeluaran skrin besar visual

Bercakap. daripada visualisasi data, semua orang mesti mempunyai hubungan dengannya Dari perspektif teknikal, yang paling intuitif ialah rangka kerja visualisasi bahagian hadapan, seperti:

echart

antv<.>

Chart.js

D3.js
  • Vega
  • Perpustakaan ini boleh membantu kami mencipta carta visual dengan mudah.
  • Menyediakan penyelesaian reka bentuk yang boleh menyepadukan carta visual yang berbeza ke dalam skrin digital yang besar dengan menyeret dan menjatuhkan, yang sangat mengurangkan kos dan kitaran pembangunan, serta mempercepatkan transformasi digital perusahaan adalah seperti berikut:
  • Untuk mencapai kemudahan penggunaan produk,
mereka bentuk modul teras berikut:

V6.Dooring

Pelaksanaan seret

Bahan reka bentuk pusat

Pelaksanaan pemapar dinamikV6.Dooring

Reka bentuk panel konfigurasi
  • Pusat kawalan
  • Reka bentuk berbantu fungsi
  • di bawah Ia adalah editornya:
  • Perlu diingat bahawa
  • juga dibangunkan oleh pengarang
Jika anda berminat, anda boleh mengkajinya.

6. penjana borang - berdasarkan reka bentuk borang UI Elemen dan penjana kod

V6.DooringH5-Dooring

reka bentuk borang dan penjana kod, Yang dihasilkan kod boleh dijalankan terus dalam projek berdasarkan ; anda juga boleh mengeksport borang

dan menggunakan penghurai yang sepadan untuk menghuraikan

ke dalam bentuk sebenar.

Saya rasa ia agak serupa dengan

, kedua-duanya adalah projek pembinaan sampingan teknikal Element UIElementPautan projek: vuegithub.com/JakHuang/fo…JSONJSON

RingkasanFormily

Baiklah, itu sahaja perkongsian hari ini Kami akan terus berkongsi projek penggunaan yang bernilai tinggi dan perkongsian praktikal teknikal pada masa hadapan percuma untuk memberi maklum balas kepada kami. (Perkongsian video pembelajaran:

Video Pengaturcaraan Asas

)

Atas ialah kandungan terperinci Perkongsian projek GitHub: 6 projek sumber terbuka pembinaan visual yang sangat berharga. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam