Reka bentuk bentuk berbilang halaman di WordPress: Penyimpanan Data

3

Takeaways Key

• Mewujudkan borang berbilang halaman dalam WordPress melibatkan membuat jadual pangkalan data menggunakan phpMyAdmin, yang biasanya tersedia melalui panel kawalan penyedia hosting domain anda. Jadual ini akan menyimpan data borang tersuai.
• WordPress terbina dalam $ WPDB digunakan untuk menambah data dari input bentuk ke dalam jadual pangkalan data. ID data borang juga diambil untuk kegunaan masa depan.
• Untuk mengumpul lebih banyak maklumat selepas halaman pertama borang, halaman kedua boleh ditambah. Ini boleh digunakan untuk mengumpul data sosioekonomi, contohnya.
• Maklumat dari halaman kedua borang boleh ditangkap dan dipaparkan pada halaman untuk tujuan ujian. Ini memerlukan pernyataan lain untuk menguji nombor halaman.

Dalam artikel kedua ini dalam siri kami mengenai reka bentuk bentuk berbilang halaman, kami akan membuat jadual pangkalan data yang diperlukan untuk menyimpan data borang tersuai. Kami juga akan menyelidiki proses menyimpan halaman pertama data borang dan memaparkan halaman kedua kepada pengguna. Kami menggunakan beberapa PHP dan SQL yang sangat asas untuk mencapai matlamat reka bentuk kami. (Jika anda berminat untuk mempelajari lebih lanjut mengenai PHP, laman rakan kongsi kami, phpmaster.com, mempunyai pelbagai panduan dari pemula hingga pakar.)

Langkah 1: Menggunakan phpmyadmin untuk membuat jadual pangkalan data

Jika anda tidak pernah bekerja dengan phpmyadmin, ini adalah langkah besar untuk anda. Saya menyedari bahawa ia boleh menjadi menakutkan, tetapi pembangunan bentuk tersuai biasanya bermakna anda akan mahu jadual pangkalan data tersuai. Walaupun anda boleh menggunakan jadual data WordPress yang sedia ada dan menyimpan maklumat ini sebagai meta pengguna, anda perlu melompat melalui lebih banyak gelung untuk membuat kerja itu. Pada akhirnya, mengelakkan phpmyadmin jauh lebih sukar daripada belajar. Oleh itu, pergi ke penyedia hosting domain anda, log masuk, dan pergi ke panel kawalan hosting anda. Anda harus melihat butang atau pautan untuk phpmyadmin atau beberapa alat pengurusan pangkalan data lain. Oleh kerana sebahagian besar penyedia hosting domain menggunakan phpmyadmin, saya akan menggunakannya sebagai contoh saya. Setelah masuk ke phpmyadmin, pergi ke tab SQL untuk pemasangan WordPress anda dan tampal dalam kod berikut: [Bahasa Sourcecode = "SQL"] Buat jadual `shopping_preferences` ( `id` int (7) tidak null auto_increment, `first_name` varchar (50) tidak batal, `last_name` varchar (50) tidak batal, `e -mel` varchar (50) tidak batal, `telefon` varchar (12) tidak batal, `zip_code` varchar (5) tidak batal, `gender` int (1) tidak batal, `usia` int (3) tidak batal, `pendidikan` varchar (50) tidak batal, `Pendapatan` Varchar (50) tidak batal, `lokasi` varchar (50) tidak batal, `kategori` varchar (400) tidak batal, `page` int (1) tidak batal, `timestamp` timestamp tidak null default current_timestamp, Kunci utama (`id`) ) [/Sourcecode] Anda boleh mengubah suai kod ini seperti yang diperlukan, sudah tentu, tetapi ini akan mendapat jadual data baru dan membolehkan anda mula menambah kandungan dari input borang multi-halaman kami.

Langkah 2: Menambah Halaman Satu Data

Untuk langkah ini, kami akan mencapai dua perkara:

1. Hantar input halaman satu bentuk ke dalam jadual pangkalan data yang kami buat dalam langkah 1
2. Ambil ID data borang supaya kami dapat menambah lebih banyak maklumat apabila pengguna mengisi borang.

Untuk menambah data ke dalam jadual pangkalan data kami, kami akan menggunakan WordPress $ WPDB terbina dalam. Walaupun anda boleh membuat skrip memasukkan MySQL, amalan yang baik apabila bekerja dengan pangkalan data WordPress untuk menggunakan fungsi yang direka dengan teliti. Ia adalah satu proses yang mudah yang juga kurang intuitif pernah ... pada mulanya. Sebaik sahaja anda mendapat kerja dengan $ WPDB, anda akan baik -baik saja. Pertama, kita perlu merebut data pos dari halaman salah satu bentuk kami. Jika anda pernah bekerja dengan bentuk, ini adalah proses yang biasa. Proses sisipan bermula dengan menentukan lajur menggunakan format array yang diberikan kepada pembolehubah. Kemudian fungsi sisipan mengambilnya dari situ. [bahasa sourcecode = "php"] // Mula halaman 2 borang elseif ($ page == 1) { // ambil data pos yang diberikan pengguna $ first_name = $ _post ['first_name']; $ last_name = $ _post ['last_name']; $ email = $ _post ['email']; $ Phone = $ _post ['Phone']; $ zip_code = $ _post ['zip_code']; // Berikan jadual dan input untuk fungsi sisipan kami yang akan datang $ page_one_table = 'shopping_preferences'; $ page_one_inputs = array ( 'First_name' => $ first_name, 'Last_name' => $ last_name, 'E -mel' => $ e -mel, 'Telefon' => $ telefon, 'Zip_code' => $ zip_code, 'Page' => $ halaman ); // Masukkan data ke dalam baris baru $ insert_page_one = $ wpdb-> Insert ($ page_one_table, $ page_one_inputs); // ambil id baris yang kami masukkan untuk kegunaan kemudian $ form_id = $ wpdd-> insert_id; echo '

anda membuatnya ke halaman ke -2!

Berikut adalah input borang anda: Nama pertama: '. $ first_name. ' Nama terakhir: '. $ last_name. ' E -mel: '. $ e -mel. ' Telefon: '. $ telefon. ' Kod zip: '. $ zip_code. ' Borang ID: '. $ form_id. "; }// akhir halaman 2 borang [/Sourcecode] Di bahagian terakhir kod, kami melakukan sedikit pemeriksaan awal data kami, kami memaparkan mesej kami tentang membuatnya ke halaman dua borang, dan kemudian kami menunjukkan nilai input yang disimpan kepada pengguna yang memberikannya. Jika kita mempunyai nilai ID borang, kita telah berjaya memasukkan baris!

Langkah 3: Menambah halaman dua bentuk

Oleh itu, kami memasukkan satu baris data dari halaman pertama kami, dan sekarang kami bersedia untuk mengumpul beberapa maklumat lanjut. Kali ini, kami ingin mendapatkan beberapa data sosioekonomi. Walaupun pengguna memberi jaminan kepada kami pada ketika ini, kami masih mendapat beberapa maklumat berguna yang boleh kami gunakan untuk menghubungi mereka kemudian. Selepas kod $ form_id di atas, kami akan menggantikan yang lain dan menambah halaman kedua bentuk mewah kami: [bahasa sourcecode = "php"] echo '

Jantina: pilih jantina wanita lelaki umur: Pendidikan: pilih Tahap Pendidikan Beberapa sekolah menengah Diploma Sekolah Tinggi/GED Beberapa kolej ijazah kolej Beberapa sekolah siswazah graduan Beberapa lepasan post doktor Pendapatan: pilih julat pendapatan kurang daripada $ 10,000 $ 10,000 - $ 25,000 $ 25,000 - $ 50,000 $ 50,000 - $ 75,000 lebih daripada $ 75,000

'; }// akhir halaman 2 borang [/Sourcecode] Demi keringkasan, saya meninggalkan pilihan "umur" sebagai mengisi kosong supaya kita tidak mempunyai bentuk panjang dengan pilihan yang luar biasa. Versi akhir akan mempunyai menu drop-down.

Langkah 4: Membina Page 3 Handler

Sekarang, mari ambil maklumat dari halaman dua dan pastikan kami telah menangkap apa yang kami perlukan. Kami akan memaparkannya pada halaman untuk tujuan ujian. Pernyataan lain yang lain diperlukan untuk menguji nombor halaman. Hanya letakkan ini sebaik sahaja "Akhir Page 2" komen dari sampel kod sebelumnya: [bahasa sourcecode = "php"] elseif ($ page == 2) { $ gender = $ _post ['gender']; $ usia = $ _post ['umur']; $ pendidikan = $ _post ['pendidikan']; $ pendapatan = $ _post ['pendapatan']; $ Page = $ _POST ['Page']; $ form_id = $ _post ['form_id']; echo '$ gender:'. $ jantina. "; echo '$ usia:'. $ usia. "; echo '$ pendidikan:'. $ Pendidikan. "; Echo '$ pendapatan:'. $ pendapatan. "; echo '$ page:'. $ halaman. "; echo '$ form_id:'. $ form_id. "; } [/Sourcecode] Pastikan fungsi anda masih mempunyai penutupan "};" Brace - mudah untuk menyalin dan tampal di bahagian atasnya. Hilang salah satu daripada pendakap atau pendakap atau kurungan ini boleh memecahkan keseluruhan bentuk anda, jadi kerja dengan teliti.

Kesimpulan

Muat semula borang anda dan Lihat ! Kami semakin dekat! Anda sudah mendapat bentuk dua halaman yang berjaya mengumpul data dan menyimpannya dari halaman satu hingga halaman dua. Itulah langkah pertama yang besar. Dalam artikel seterusnya, saya akan menunjukkan kepada anda bagaimana untuk mengemas kini pangkalan data dengan halaman dua input dan bagaimana untuk memaparkan versi pilihan borang - satu untuk lelaki dan satu untuk wanita. Demi kesempurnaan, inilah kod yang kita ada setakat ini: [bahasa sourcecode = "php"] add_shortcode ('multipage_form_sc', 'multipage_form'); fungsi multipage_form () { Global $ WPDB; $ this_page = $ _server ['request_uri']; $ Page = $ _POST ['Page']; jika ($ page == null) { echo '

Nama Pertama: Nama belakang: e -mel: Telefon: kod zip: '; }// akhir halaman 1 borang // Mula halaman 2 borang elseif ($ page == 1) { $ first_name = $ _post ['first_name']; $ last_name = $ _post ['last_name']; $ email = $ _post ['email']; $ Phone = $ _post ['Phone']; $ zip_code = $ _post ['zip_code']; $ page_one_table = 'shopping_preferences'; $ page_one_inputs = array ( 'First_name' => $ first_name, 'Last_name' => $ last_name, 'E -mel' => $ e -mel, 'Telefon' => $ telefon, 'Zip_code' => $ zip_code, 'Page' => $ halaman ); $ insert_page_one = $ wpdb-> Insert ($ page_one_table, $ page_one_inputs); $ form_id = $ wpdb-> insert_id; echo '

jantina:

pilih GenderFemalemale umur: Pendidikan: Pilih Tahap Pendidikan Diploma Sekolah Tinggi Pendidikan/Gedsome CollegeCollege DegreeSome Siswazah Sekolah Post Graduatedoctorate Pendapatan: Pilih Pendapatan Tanpa Berlalu daripada $ 10,000 $ 10,000 - $ 25,000 $ 25,000 - $ 50,000 $ 50,000 - $ 75,000more daripada $ 75,000 '; } // akhir halaman 2 borang // Mula halaman 3 borang elseif ($ page == 2) { $ gender = $ _post ['gender']; $ usia = $ _post ['umur']; $ pendidikan = $ _post ['pendidikan']; $ pendapatan = $ _post ['pendapatan']; $ Page = $ _POST ['Page']; $ form_id = $ _post ['form_id']; echo '$ gender:'. $ jantina. "; echo '$ usia:'. $ usia. "; echo '$ pendidikan:'. $ Pendidikan. "; Echo '$ pendapatan:'. $ pendapatan. "; echo '$ page:'. $ halaman. "; echo '$ form_id:'. $ form_id. "; }; // akhir halaman 3 borang } // akhir multipage_form () fungsi [/Sourcecode]

soalan yang sering ditanya mengenai merancang borang berbilang halaman dalam WordPress dan penyimpanan data

Bagaimana saya boleh membuat bentuk multi-halaman di WordPress tanpa menggunakan plugin? Anda perlu membuat borang tersuai dan memecahnya ke dalam beberapa halaman menggunakan sesi PHP atau kuki untuk menyimpan data pengguna antara halaman. Walau bagaimanapun, ini boleh menjadi kompleks dan memakan masa, terutamanya untuk pemula. Menggunakan plugin seperti WPForms atau bentuk yang hebat dapat memudahkan proses ini, membolehkan anda membuat bentuk multi-halaman dengan hanya beberapa klik.

Bagaimanakah saya boleh menyimpan data borang dalam pangkalan data WordPress?

Data borang penyimpanan dalam pangkalan data WordPress boleh dilakukan dengan menggunakan fungsi WordPress terbina dalam WPDB. Fungsi ini membolehkan anda berinteraksi dengan pangkalan data secara langsung. Anda boleh menggunakannya untuk memasukkan, mengemas kini, memadam, dan mengambil data dari pangkalan data anda. Walau bagaimanapun, ini memerlukan pemahaman yang baik tentang SQL dan struktur pangkalan data WordPress anda. Sebagai alternatif, anda boleh menggunakan plugin yang secara automatik menyimpan data dalam pangkalan data. Bentuk data dari pangkalan data WordPress di laman web anda. Ini boleh dilakukan menggunakan fungsi WPDB untuk menjalankan pertanyaan pilih pada pangkalan data anda. Data yang dikembalikan kemudiannya boleh dipaparkan menggunakan PHP. Walau bagaimanapun, ini memerlukan pemahaman yang baik mengenai PHP dan SQL. Jika anda tidak selesa dengan pengekodan, anda boleh menggunakan plugin yang menyediakan antara muka mesra pengguna untuk mendapatkan dan memaparkan data borang.

Bagaimana saya dapat memastikan keselamatan data borang saya di WordPress?

Memastikan keselamatan data borang anda dalam WordPress adalah penting. Anda boleh melakukan ini dengan menggunakan kenyataan yang disediakan apabila berinteraksi dengan pangkalan data untuk mencegah serangan suntikan SQL. Juga, sentiasa mengesahkan dan membersihkan input pengguna untuk mencegah serangan skrip lintas tapak (XSS). Sekiranya anda menggunakan plugin, pastikan ia mengikuti amalan terbaik keselamatan ini. dari pangkalan data WordPress ke fail CSV. Ini boleh dilakukan menggunakan fungsi WPDB untuk mendapatkan data dan fungsi terbina dalam PHP untuk membuat dan menulis ke fail CSV. Walau bagaimanapun, ini memerlukan pemahaman yang baik mengenai PHP dan SQL. Sebagai alternatif, banyak plugin bentuk menyediakan ciri eksport yang membolehkan anda dengan mudah mengeksport data ke fail CSV.

Bagaimana saya boleh membuat logik bersyarat dalam bentuk multi-halaman saya di WordPress?

Logik bersyarat dalam bentuk multi-halaman anda di WordPress boleh dilakukan menggunakan JavaScript atau JQuery. Ini membolehkan anda menunjukkan atau menyembunyikan medan borang atau halaman berdasarkan input pengguna. Walau bagaimanapun, ini memerlukan pemahaman yang baik tentang JavaScript atau jQuery. Jika anda tidak selesa dengan pengekodan, banyak plugin bentuk menyediakan antara muka mesra pengguna untuk membuat logik bersyarat. 🎜> Ya, anda boleh mengintegrasikan borang berbilang halaman anda dengan perkhidmatan lain seperti MailChimp atau Google Helaian. Ini boleh dilakukan menggunakan API masing -masing. Walau bagaimanapun, ini memerlukan pemahaman yang baik tentang API dan pengekodan. Sebagai alternatif, banyak plugin bentuk memberikan integrasi dengan perkhidmatan yang popular, membolehkan anda dengan mudah menyambungkan borang anda ke perkhidmatan ini.

bagaimana saya boleh gaya bentuk multi-halaman saya di WordPress?

Menggayakan Borang Multi-Page Anda di WordPress boleh dilakukan menggunakan CSS. Anda boleh menambah CSS tersuai ke fail gaya.css tema anda atau gunakan bahagian CSS tambahan Customizer. Walau bagaimanapun, ini memerlukan pemahaman yang baik tentang CSS. Sekiranya anda tidak selesa dengan pengekodan, banyak plugin bentuk menyediakan antara muka mesra pengguna untuk menggayakan borang anda. -Step Borang pada dasarnya sama dengan bentuk multi-halaman. Perbezaannya terutamanya dalam antara muka pengguna. Dalam bentuk pelbagai langkah, langkah-langkah biasanya dipaparkan dalam bar kemajuan, memberikan pengguna petunjuk yang jelas tentang kemajuan mereka melalui borang. Membuat borang pelbagai langkah memerlukan kemahiran dan alat yang sama seperti membuat bentuk multi-halaman. Gunakan borang berbilang halaman untuk pendaftaran pengguna di WordPress. Ini berguna jika anda perlu mengumpulkan banyak maklumat dari pengguna. Walau bagaimanapun, perlu diingat bahawa pengalaman pengguna sepatutnya lancar. Jangan minta maklumat yang tidak perlu dan pastikan borang itu mudah dinavigasi. Anda boleh menggunakan plugin untuk membuat borang pendaftaran pengguna tersuai dengan pelbagai halaman.

Atas ialah kandungan terperinci Reka bentuk bentuk berbilang halaman di WordPress: Penyimpanan Data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!