Vaadin - Membuat Aplikasi Pertama

Di bab sebelumnya, Anda telah melihat penginstalan Vaadin di sistem lokal Anda. Dalam bab ini mari kita mulai dengan membuat aplikasi pertama kita menggunakan Vaadin. Ingatlah bahwa kami menggunakan Eclipse IDE dalam tutorial ini.

Untuk mulai membuat aplikasi pertama Anda di Vaadin, buka Eclipse IDE di sistem lokal Anda dan ikuti langkah-langkah yang diberikan di bawah ini -

Step 1 - Di File menu, Klik New lalu klik Other. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik.

Step 2 - Sekarang, ketik Vaadindi kotak pencarian dan Anda dapat melihat opsi seperti yang ditunjukkan pada tangkapan layar berikut. Sekarang, pilihVaadin 8 dari opsi dan klik Next.

Step 3- Anda dapat melihat jendela dengan empat opsi seperti yang ditunjukkan di bawah ini. Pilih opsi pertama dan lanjutkan ke langkah berikutnya.

Step 4- Selanjutnya, Anda dapat melihat layar seperti yang ditunjukkan pada gambar di bawah. Berikan Id Grup dan Id Artefak dan pilih Selesai. Ini menyelesaikan proyek dan Eclipse akan membuat Vaadin untuk Anda.

Harap diperhatikan bahwa langkah ini mungkin membutuhkan waktu karena memerlukan pengaturan konfigurasi. Id artefak adalah nama proyek saat ini. Kami menamakannya sebagaiMyFirstApp.

Step 5 - Sekarang, Anda dapat menemukan struktur direktori dari proyek Vaadin otomatis seperti yang ditunjukkan di bawah ini -

Step 6- Aplikasi Vaadin pertama Anda sudah siap. Jalankan proyek di server aplikasi apa pun. Setelah siap, Anda dapat menemukan layar Anda seperti yang ditunjukkan di bawah ini -

Step 7 - Masukkan teks apa saja ke dalam kotak teks dan klik Click Metombol. Anda dapat mengamati hasilnya seperti yang ditunjukkan -

Selamat! Anda telah berhasil membuat aplikasi Vaadin pertama Anda.