SPA Menggunakan AngularJS

Hari ini, AngularJS telah menjadi salah satu kerangka pembangunan paling popular terutamanya kerana kemampuannya untuk membantu pembangun membuat Aplikasi Halaman Tunggal (SPA) dengan mudah. Dalam aplikasi web tradisional, klien (penyemak imbas) memulakan saluran komunikasi dengan pelayan dengan meminta halaman. Pelayan bertindak balas dengan memproses permintaan dan menghantar HTML halaman kembali klien. Sekiranya pengguna meminta halaman baru, pelayan akan menghantar halaman HTML yang lain. Walaupun pelanggan meminta perubahan kecil, katakan borang dengan perincian asas, seluruh halaman harus dimuat semula oleh pelayan dan dihantar kembali ke klien.

Permintaan HTML & Ajax

Dalam Aplikasi Halaman Tunggal, seluruh halaman dimuat dalam satu tembakan, dan komunikasi berikutnya dilakukan oleh pelayan menggunakan permintaan Ajax. Penyemak imbas hanya perlu mengemas kini bahagian halaman yang telah berubah dan tidak perlu memuat semula keseluruhan halaman setiap kali pengguna membuat permintaan baru.
Oleh kerana pendekatan SPA mengurangkan masa yang diambil oleh pelayan untuk bertindak balas terhadap permintaan pengguna, aplikasi web berjalan lebih cepat, menggunakan daya pengkomputeran yang lebih sedikit, dan membolehkan pemaju Antaramuka Pengguna (UI) membuat laman web yang lebih menarik dan lincah.

Pembuatan halaman Shell

‘Halaman tunggal’ di SPA merujuk pada halaman shell yang menanggapi pertanyaan dalam bentuk HTML, CSS, atau JavaScript. Halaman shell diberikan secara asinkron dengan HTML, menghilangkan keperluan perjalanan pergi dan balik ke pelayan. Halaman shell hanya memerlukan rujukan ke perpustakaan JavaScript AngularJS dan arahan ng-view (wadah maya yang membolehkan pemaju UI beralih antara pandangan) untuk memberitahu AngularJS di mana halaman kandungan perlu diberikan pada halaman shell.
Dalam halaman 'tunggal' yang sama, AngularJS membolehkan pembangun memberikan banyak paparan yang terdapat dalam URL yang sama. Kumpulan pandangan yang berbeza dapat muncul - satu demi satu - dalam halaman shell yang sama, dan setiap paparan dimuat secara dinamik ketika pengguna menatal halaman.

Arahan AngularJS terbina dalam - ng-app - membolehkan pembangun memulakan aplikasi, dengan pilihan untuk menambah arahan pihak ketiga juga. Arahan model ng, sebaliknya, membolehkan anda menambahkan ungkapan pengikatan data ke dalam memori. Lihat di sini:

apakah bingkai dalam java

Di peringkat global, pembangun telah mengadopsi SPA menggunakan AngularJS dan kemungkinan besar, trend ini dijangka akan bertahan sebentar.

Ada soalan untuk kami? Sila sebutkan di bahagian komen dan kami akan menghubungi anda.