Pengantar Aplikasi Web

Dalam modul sebelumnya, kita telah mempelajari cara membuat proses bisnis dan titik akhir untuk proses tersebut, meluncurkan eksekusinya, dan mendapatkan hasil. Saatnya berurusan dengan pembuatan aplikasi web lengkap. Dalam modul ini, kita akan mengetahui cara mendesain front-end dan membuat shell grafis yang nyaman.

Tab aplikasi web

Untuk membuka desainer aplikasi web, pilih item yang sesuai di panel kiri. Di sini Anda dapat melihat bahwa shell awal untuk aplikasi pertama telah dibuat. Anda dapat mengubah nama atau desain atau bahkan menghapusnya.

Perlu segera dicatat fakta bahwa banyak di AppMaster secara otomatis. Misalnya, selama fase desain database, kita dapat mengatur pembuatan otomatis titik akhir dan elemen antarmuka pengguna untuk panel admin. Namun, sebagai bagian dari pelatihan, kami akan mencoba membuat semuanya dari awal. Ini akan memungkinkan Anda untuk memahami topik dengan lebih baik dan sepenuhnya memahami semua proses.

Kanvas desainer

Pertama, mari buka Panel Admin dan lihat apa yang harus kita kerjakan.

Kami akan memiliki kesempatan untuk menjelajahi semua elemen dan fungsi nanti, tetapi sebagai permulaan, area putih besar adalah yang paling menarik. Kanvas, tempat kami akan mentransfer semua elemen desain yang diperlukan. Daftar lengkap elemen-elemen ini dapat dilihat di atas. Ada tombol, sakelar, tabel, gambar, bidang input, dan banyak lagi.

Seperti yang Anda ingat, kami membuat proses bisnis (dan bahkan lebih dari satu) dan titik akhir di modul sebelumnya. Sekarang kita membutuhkan shell grafis yang sesuai.

Apa yang perlu ditempatkan di dalamnya?

• Bidang masukan X dan Y
• Tombol yang memulai proses perhitungan
• Bidang untuk merekam hasil perhitungan
• Bingkai yang nyaman, yang, meskipun bukan elemen wajib untuk bekerja, akan sesuai.