Panduan Komprehensif untuk Penciptaan Halaman Web Automatik dengan PHP pada 2023

Jika anda melanggan perkhidmatan daripada pautan di halaman ini, Reeves and Sons Limited mungkin mendapat komisen. Lihat kami pernyataan etika.

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.

Screen Shot 2016-05-30 pada 1.56.52 AM

2. Tambah Bootstrap

Ini akan membantu menjadikan borang kelihatan lebih baik tanpa sebarang kerja tambahan. Sudah tentu anda perlu mempunyai Bootstrap untuk ini berfungsi.

Screen Shot 2016-05-30 pada 1.56.56 AM

3. Sediakan bekas

Untuk membantu memastikan semuanya kemas dan kemas, kita harus menentukan bekas yang akan kita simpan kandungan halaman.

Screen Shot 2016-05-30 pada 1.56.48 AM

4. Buat borang web

Tentukan borang web, dan kami juga akan menambah tajuk mewah pada borang, yang merupakan pilihan tetapi idea yang bagus.

Screen Shot 2016-05-30 pada 1.56.43 AM

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:

Screen Shot 2016-05-30 pada 1.56.00 AM

Screen Shot 2016-05-30 pada 1.55.54 AM

Screen Shot 2016-05-30 pada 1.55.36 AM

Dan setelah semua usaha ini, kami akan berakhir dengan halaman yang kelihatan seperti ini:

Screen Shot 2016-05-30 pada 1.55.22 AM

 

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.

Screen Shot 2016-05-30 pada 1.55.15 AM

 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.

Screen Shot 2016-05-30 pada 1.55.10 AM9. 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:

Screen Shot 2016-05-30 pada 1.55.06 AM

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.

Screen Shot 2016-05-30 pada 1.55.00 AM

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.

Screen Shot 2016-05-30 pada 1.54.55 AM

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.

Screen Shot 2016-05-30 pada 1.54.50 AM

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.

Screen Shot 2016-05-30 pada 1.54.45 AM

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.

Picture1

Yang seharusnya menghasilkan sesuatu yang serupa dengan ini:

Screen Shot 2016-05-30 pada 1.54.11 AM

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.

Komen-komen Responses 2

  1. Juruweb Ufas berkata:

    Trรจs trรจs instructif, j'ai essayรฉ et รงa marche ร  merveille, milles merci

    1. Bogdan Rancea berkata:

      Sama-sama! ๐Ÿ‘๐Ÿ‘๐Ÿ‘

Sila tinggalkan balasan anda

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda *

Kedudukan *

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.