Terdapat masa tertentu dalam kehidupan apabila anda memerlukan halaman web untuk melakukan sesuatu yang lebih daripada sekadar duduk di sana sebagai halaman web. Anda memerlukannya untuk mendapatkan simpanannya. Salah satu cara untuk melakukannya ialah meletakkannya berfungsi untuk anda, jadi anda tidak perlu menyerahkan kod setiap kemas kini atau mod halaman. Cara paling mudah untuk mempelajari cara melakukan sesuatu seperti ini adalah dengan melakukannya, jadi dalam artikel ini, saya akan menunjukkan kepada anda satu cara untuk melaksanakan sistem yang akan membina halaman web baharu untuk anda dengan menyentuh butang.
Dalam senario ini, kami akan menganggap pelanggan anda ialah restoran yang ingin menawarkan baucar untuk majlis khas yang berbeza sepanjang tahun. Tetapi sudah tentu mereka tidak mahu membayar anda untuk mengemas kininya untuk mereka, jadi lebih baik anda pastikan untuk mengebil mereka secukupnya untuk sistem automasi ini yang akan melakukan kemas kini untuk mereka
1. Pertama kita perlu membuat templat halaman web asas.
Ini hanyalah rangka laman web standard. Anda boleh memberikannya nama seperti "pageBuilder.php" atau sesuatu. Anda tidak perlu menggunakan PHP untuk ini. Anda boleh menggunakan bahasa pengaturcaraan lain, tetapi untuk contoh ini kami akan memastikan perkara mudah dan melakukan semuanya dalam PHP.
2. Tambah Bootstrap
Ini akan membantu menjadikan borang kelihatan lebih baik tanpa sebarang kerja tambahan. Sudah tentu anda perlu mempunyai Bootstrap untuk ini berfungsi.
3. Sediakan bekas
Untuk membantu memastikan semuanya kemas dan kemas, kita harus menentukan bekas yang akan kita simpan kandungan halaman.
4. Buat borang web
Tentukan borang web, dan kami juga akan menambah tajuk mewah pada borang, yang merupakan pilihan tetapi idea yang bagus.
5. Tambahkan medan borang
Ini sangat mudah. Kita hanya perlu mengumpulkan beberapa butiran asas yang akan digunakan robot untuk membuat laman web baru. Data yang perlu kita ketahui merangkumi:
- Gambar latar untuk halaman
- Nama acara yang disambut
- Headline
- Pernyataan pembukaan
- Sebilangan petikan atau pernyataan tambahan
- Atribusi untuk petikan sopan
- Gaya fon untuk digunakan untuk setiap empat elemen teks pembingkaian (dalamdivisecara berkala).
- Julat tarikh yang sah untuk baucar
- Tawaran 1 dan Tawaran 2 yang akan diiklankan di baucar.
- Mesej baucar tambahan (terma dan syarat, misalnya)
- Data untuk kod QR baucar yang akan dihasilkan
Begini rupanya:
Dan setelah semua usaha ini, kami akan berakhir dengan halaman yang kelihatan seperti ini:
Berita baiknya ialah separuh pekerjaan sekarang sudah selesai, dan ini adalah separuh yang paling sukar dan memakan masa. Selebihnya jauh lebih mudah.
6. Buat fail pemproses borang
Selepas membuat borang, anda memerlukan beberapa perisian yang akan memproses data yang diserahkan dan melakukan sesuatu dengannya. Dalam kes ini, kami akan menggunakan data yang diserahkan untuk menjana yang baharu HTML .
Sekarang, ingat bahawa ini bukan perkara yang sama dengan tindak balas PHP biasa di mana data digunakan dalam masa nyata dan ditunjukkan kepada pengguna secara dinamik. Sebaliknya, kami membuat halaman statik yang akan wujud secara kekal sehingga kami menimpanya.
Fail mesti dinamakan sama dengan tindakan nilai atribut dalam bentuk perisytiharan, jadi dalam contoh kita yang demikian baucarGen.php, dan kerana kami tidak menentukan jalan, jalan tersebut harus disimpan di lokasi yang sama dengan pageBuilder.php untuk berjaya.
7. Memulakan pemboleh ubah
Data yang dihantar dari pageBuilder.php dikembalikan sebagai array asosiatif yang dipanggil $ _ POST, dan semua nilai data dalam array dapat diakses melalui kontrol bentuk HTML mereka nama sifat-sifat. Oleh itu, memulakan pembolehubah kami sebenarnya agak mudah. Ia juga pilihan, tetapi ia hanya menjadikan kod kelihatan lebih kemas dan lebih mudah dibaca. Anda pastinya boleh bekerja secara langsung dengan $ _ POST nilai jika anda lebih suka.
8. Gunakan bersyarat untuk menukar fon ke nilai yang betul
Melakukannya lebih awal akan menjimatkan masa dan masalah kemudian. Kami hanya memeriksa nilai mana yang dipilih dan kemudian menggantinya dengan nama fon yang sebenarnya.
9. Mula membina rentetan penjana
Yang benar-benar perlu kita lakukan di sini adalah membuat satu rentetan panjang yang akan mengandungi semua yang diperlukan untuk membuat halaman baru. Kami akan menggunakan penggabungan rentetan untuk membuatnya dapat dibaca dan memudahkan untuk melihat di mana nilai data telah dimasukkan. Ini bermula dengan penyediaan halaman HTML asas:
Anda mungkin dapat melihat ke mana kami pergi dengan ini. Perhatikan koma bertitik di hujungnya. Itu penting. Juga sebarang koma bertitik yang berlaku dalam teks (sebagai sebahagian daripada pengisytiharan CSS atau skrip sebelah klien) mesti terkandung dalam tanda petikan.
10. Mula menambahkan badan halaman ke rentetan penjana
Terdapat cara yang lebih cekap untuk membina rentetan ini, tetapi saya suka membuat kod kemas, supaya ia mudah dibaca. Anda boleh menggunakan kaedah tangan pendek untuk melakukan ini, dan anda juga tidak perlu melakukannya sebagai proses yang berasingan untuk langkah 9. Saya rasa lebih mudah untuk memahami apabila bahagian halaman yang berbeza dibahagikan dengan cara ini.
11. Tulis rentetan penjana ke HTML
Dalam kes ini, kami mengekodkan nama fail dengan sukar, tetapi anda boleh (dan mungkin harus) menjadikan ini sebagai medan dalam bentuk halaman Pembangun anda.
12. Tambahkan pautan ujian
Apabila anda mengklik butang BINA IT, kerana ia tidak mengubah hala ke halaman web seperti program PHP biasa, anda perlu menambah pautan atau sesuatu untuk pergi dan melihat apa hasilnya.
13. Buat fail CSS tersuai
Anda boleh menyimpan arahan gaya tambahan dalam fail ini, tetapi buat masa ini satu-satunya yang penting adalah arahan gaya untuk utama div.
14. Buat dan muat naik wrap.png
Agar ini berfungsi dengan betul, anda perlu membuat satu gambar piksel lut dan menamakannya balut.png kemudian muat naik ke jalan yang anda nyatakan di custom.css fail.
15. Muat naik beberapa gambar latar yang sesuai dan uji laman Pembina anda
Anda akan teruja untuk mengetahui bahawa kami hampir selesai, dan sebenarnya ia kini hanya soal menguji dan membetulkan sebarang ralat yang berlaku. Pilih beberapa imej ringkas yang bagus yang tidak terlalu sibuk dan sesuai untuk dikaitkan dengan acara atau majlis khas (dalam contoh kami, saya telah menghadiri Hari Ibu dan Hari Bapa). Muat naik imej ke laluan tempat anda menyimpan imej anda untuk tapak web anda. Kemudian isi borang, klik butang, dan lihat apa yang berlaku. Berikut ialah contoh borang dengan semua medan data telah diisi.
Yang seharusnya menghasilkan sesuatu yang serupa dengan ini:
Kami sudah meneka anda tidak mahu menaip semua itu dari awal, jadi anda boleh memuat turun kod sumber untuk pageBuilder.php dan voucherGen.php dalam ini fail zip.
Anda boleh menggunakan teknik ini untuk mencipta fail HTML sebagai rentetan dan kemudian menulisnya ke fail dalam semua jenis situasi. Hanya berhati-hati jangan sekali-kali meletakkan sesuatu seperti ini dalam gelung rekursif atau anda akan mengisi cakera keras anda dan merosakkan pelayan.
Trรจs trรจs instructif, j'ai essayรฉ et รงa marche ร merveille, milles merci
Sama-sama! ๐๐๐