Kursus Singkat 101
10 Modul
5 Minggu

Halaman Web dan Modal

Klik untuk menyalin

Cara membuat halaman baru dan jendela modal di aplikasi web


Langkah paling penting dalam membuat sebagian besar aplikasi web adalah mengatur pekerjaan mereka dengan database. Cara mendapatkan data dari database, cara menampilkannya di layar pengguna, dan cara mengelola dan menghapus data ini.

Pertanyaan-pertanyaan inilah yang tentu saja ditujukan untuk modul baru. Pada modul ketiga, kami membuat database dan merancang model untuk merekam informasi tentang kota dan negara. Sekarang kita akan mengatur pekerjaan dengan database ini. Kita harus melakukan hal berikut:

  • Buat tabel untuk menampilkan informasi dari database
  • Pelajari cara menambahkan data ke database, serta menghapusnya
  • Pelajari cara kerja modal windows untuk membuat antarmuka yang ramah pengguna
  • Pahami cara kerja tabel tertaut

halaman

Mari kita mulai dengan bagian persiapan. Aplikasi kami semakin besar, dan sempit di satu halaman. Kita perlu membuat setidaknya satu lagi. Mari kita tambahkan ke menu sebelah kiri.


Mari kita panggil halaman yang dibuat " World " dan atur ikon dan URL yang jelas.


Jendela modal

Kami membutuhkan kemampuan untuk menambahkan negara baru di halaman yang dibuat. Untuk melakukan ini, kita memerlukan jendela modal di mana kita akan memasukkan data yang diperlukan dan tombol yang akan membuka jendela modal ini.

Jendela modal adalah komponen khusus. Itu tidak menempati tempat tertentu pada halaman dan, pada saat yang sama, menggabungkan properti komponen (dengan pengaturan khusus untuk komponen) dan halaman baru (dengan kanvasnya sendiri untuk menambahkan komponen lain). Tempat yang paling tepat untuk menempatkan modal adalah pada area di bagian bawah halaman. Itu disorot dalam warna hijau, seperti komponen modal itu sendiri.


Penting untuk memberinya nama yang sesuai, dan saat menekan tombol, tetapkan satu tindakan sederhana - menampilkan jendela modal ini.


Langkah selanjutnya adalah memasukkan data yang dibutuhkan. Kita sudah melakukan operasi serupa di modul sebelumnya ketika kita melewatkan nilai X dan Y. Sekarang kita perlu melakukan hal yang sama, kecuali tipe datanya berbeda, dan field input ada di jendela modal.

Basis data mencatat informasi paling dasar tentang negara. Ini adalah nama mereka ( Tipe String ) dan deskripsi umum ( Text ). Ini adalah kolom input yang perlu Anda tambahkan.


Was this article helpful?
Masih mencari jawaban?