(Proyek ini adalah desain kelulusan penulis)
Melalui penelitian terkait tentang sistem pengeditan visual, memikirkan skenario bisnis, abstraksi dan pemisahan komponen, dll. Kami berkomitmen untuk memecahkan masalah beberapa pengembang front-end, lebih banyak tuntutan halaman, persyaratan yang lebih berulang, dan reusabilitas yang rendah. Menerapkan sistem berdasarkan platform visualisasi front-end berbasis reaksi. Platform ini dapat memberi pengguna fungsi mengedit halaman front-end secara visual dan menghasilkan kode reaksi yang sesuai. Untuk teknisi, tersedia untuk membuat platform pembangunan halaman universal.
Bagian front-end sistem ini menggunakan teknologi React sebagai kerangka tampilan. Sistem ini menggunakan kerangka kerja UMI untuk kontrol perutean dan menggunakan DV untuk manajemen negara. Front-end bergantung pada node.js sebagai lapisan tengah untuk rendering di server, sehingga lebih lanjut meningkatkan kecepatan rendering layar pertama halaman. Di bagian tampilan front-end, diselesaikan melalui halaman, tata letak, dan komponen. Di bagian manajemen negara, bekerja sama dengan model dan menghubungkan tampilan ke data melalui Connect di DVA. Pada saat yang sama, untuk permintaan front-end, mereka diimplementasikan melalui lapisan layanan. Tempatkan beberapa metode yang umum digunakan di bawah util sebagai toolset. Masukkan variabel dengan makna khusus.
Modul sistem ini terutama mencakup lima modul utama: manajemen pengguna, manajemen organisasi, pengeditan halaman dan drop halaman, pratinjau dan ekspor halaman, dan manajemen komponen. Di antara mereka, karena JWT digunakan sebagai metode otentikasi login depan dan belakang, modul otentikasi pengguna ditambahkan. Proses fungsional inti dari sistem adalah bahwa pengguna masuk ke dalam sistem, memasuki area pengeditan halaman visual, memilih komponen untuk mengedit, menyimpan halaman ke server, membangun kode yang relevan, dan paket untuk menghasilkan paket terkompresi yang sesuai.