Sebagai bahagian belakang yang diajar sendiri, saya tidak tahu banyak tentang bahagian hadapan Adakah spa kembali ke tapak web sekali apabila mengakses tapak web, dan kemudian menukar paparan melalui penghalaan bahagian hadapan? Kemudian pelayan hanya bertanggungjawab untuk mengembalikan data ke ajax?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda hanya perlu menyediakan pautan url ke halaman index.html bahagian hadapan, kemudian tulis API antara muka, dan biarkan yang lain di bahagian hadapan.
Ya, anda memahaminya dengan betul
Hanya terdapat satu fail kemasukan, yang bergantung pada penghalaan untuk menukar komponen dan menyediakan api di latar belakang
1. Sama ada ia adalah satu kali pemulangan bergantung pada sama ada anda telah melakukan pemuatan asynchronous kod dan pengekstrakan bahagian biasa
Semoga ini membantu.2 dipisahkan sepenuhnya, kod tidak digabungkan, dan pelayan Hanya perkhidmatan data yang disediakan Bahagian hadapan memanggil antara muka pelayan melalui ajax dan mengemas kini halaman selepas mendapatkan data.
Tradisional: Bahagian hadapan terdiri daripada berbilang halaman, dan bahagian belakang bertanggungjawab untuk mengatur data, melaksanakan penghalaan, dan juga menjana kandungan halaman bahagian hadapan dan bahagian belakang sebenarnya bercampur-campur; bahagian hadapan terdiri daripada satu halaman atau sebilangan kecil halaman (Aplikasi Halaman Tunggal), Rangka kerja bahagian hadapan bertanggungjawab untuk mengatur penghalaan dan menukar kandungan halaman (biasanya membahagikan halaman kepada komponen/Komponen), manakala bahagian belakang hanya bertanggungjawab untuk menyediakan perkhidmatan API dan menghantar serta menerima data
Dengan cara ini, bahagian hadapan dan bahagian belakang pada asasnya dipisahkan dan dipisahkan.
Bahagian belakang hanya bertanggungjawab untuk menyediakan data yang diperlukan oleh bahagian hadapan Pelaksanaan logik lain seperti lompatan beralih antara halaman dan interaksi pengguna diselesaikan oleh bahagian hadapan.
Halaman tunggal spa hanya memerlukan satu halaman index.html sebagai pintu masuk ke keseluruhan projek, dan kemudian memperkenalkan fail js yang diperlukan boleh dimuatkan atas permintaan, dan kandungan halaman tertentu boleh dijana secara dinamik dan diberikan oleh js. . Kadangkala perubahan halaman bukan permintaan semula atau muat semula, tetapi didorong oleh peristiwa dan melaksanakan kaedah yang sepadan untuk memaparkan semula halaman semasa.
Semuanya bermula dengan penyegaran separa ajax.
Web tradisional, penyemak imbas memasukkan url dan mengembalikan halaman.
Kemudian, orang mendapati bahawa ini terlalu membazir sumber Contohnya, jika saya mengklik suka, maka bilangan suka dalam pangkalan data dan halaman itu akan menjadi +1 'segar semula separa'.
Kemudian, pembangun yang bijak berfikir bahawa segmen laluan cincang (berbentuk seperti #header) tidak akan menghantar permintaan kepada pelayan, jadi kami boleh memuatkan halaman kecil apabila mengklik sauh, muat semula sebahagiannya, dan menambah Anda boleh mengendalikan pelayar sejarah untuk melaksanakan fungsi seperti rollback Kemudian hanya buat penghalaan bahagian hadapan Kemudian penghalaan bahagian hadapan muncul.
Sebenarnya, penghalaan bahagian hadapan pada asasnya adalah penyegaran separa, tetapi lebih standard Penyegaran ini mengembalikan komponen lengkap, yang mengandungi paparan dan data Data di sini terbahagi kepada dua jenis, satu adalah bahagian belakang Data yang dihantar dari bahagian hadapan menjadi data pangkalan data buat masa ini, dan satu lagi adalah data yang dijana pada bahagian hadapan untuk pengurusan pandangan yang lebih baik, yang menjadi data paparan buat masa ini.
Lepas bincang baru boleh analisa apa itu SPA.
SPA ialah singkatan aplikasi satu halaman, yang dipanggil aplikasi satu halaman dalam bahasa Cina Apa itu halaman tunggal bermula hingga akhir projek, pelayar sentiasa Semuanya di halaman ini Perubahan yang anda lihat hanyalah penciptaan dan pemadaman komponen Sebagai contoh, jika anda memperkenalkan bootstrap ke halaman ini (bukan idea yang baik), maka semua anda komponen akan terjejas oleh bootstrap
... Saya benar-benar tidak boleh menulis lagi, selebihnya saya akan menulis artikel suatu hari nanti untuk menjelaskannya, ia terlalu panjang
Secara ringkasnya, bahagian hadapan menyediakan paparan dan bahagian belakang menyediakan data json Data hujung belakang digunakan untuk memaparkan halaman hujung hadapan.