Una guida completa alla creazione automatizzata di pagine Web con PHP nel 2023

Ci sono momenti nella vita in cui hai bisogno di una pagina web per fare qualcosa di più che starsene lì seduto ad essere una pagina web. Ne hai bisogno per guadagnarti da vivere. Un modo per farlo è metterlo al lavoro per te, così non dovrai codificare a mano ogni aggiornamento o mod di pagina. Il modo più semplice per imparare a fare qualcosa di simile è farlo effettivamente, quindi nel resto di questo articolo ti mostrerò un modo per implementare un sistema che creerà nuove pagine web per te con il semplice tocco di un bottone.

In questo scenario, supponiamo che il tuo cliente sia un ristorante che desidera offrire buoni per diverse occasioni speciali durante tutto l'anno. Ma ovviamente non vogliono pagarti per aggiornarlo per loro, quindi faresti meglio ad assicurarti di fatturarli a sufficienza per questo sistema di automazione che farà gli aggiornamenti per loro

1. Per prima cosa dobbiamo creare un modello di pagina web di base.

Questo è solo uno scheletro di pagina web standard. Puoi dargli un nome come "pageBuilder.php" o qualcosa del genere. Non devi usare PHP per questo. Potresti usare un altro linguaggio di programmazione, ma per questo esempio manterremo le cose semplici e faremo tutto in PHP.

2. Aggiungi Bootstrap

Ciò contribuirà a migliorare l'aspetto del modulo senza alcun lavoro aggiuntivo. Ovviamente avrai bisogno di Bootstrap perché funzioni.

3. Configura un contenitore

Per mantenere tutto pulito e in ordine, dovremmo definire un contenitore in cui archiviamo i contenuti della pagina.

4. Crea un modulo web

Definire un modulo Web e aggiungeremo anche un titolo di fantasia al modulo, che è opzionale ma una buona idea.

5. Aggiungi i campi del modulo

Questo è davvero semplice. Dobbiamo solo raccogliere alcuni dettagli di base che il robot utilizzerà per creare una nuova pagina web. I dati che dobbiamo conoscere includono:

• L'immagine di sfondo per la pagina
• Nome dell'evento celebrato
• Titolo
• Dichiarazione di apertura
• Qualche citazione banale o dichiarazione aggiuntiva
• Attribuzione per citazione trite
• Stile del carattere da utilizzare per ciascuno dei quattro elementi di testo della cornice (singolarmente).
• Intervallo di date per cui i buoni saranno validi
• Offri 1 e offri 2 che verrà pubblicizzato sui buoni.
• Messaggi di giustificativi aggiuntivi (termini e condizioni, ad esempio)
• Dati per i codici QR voucher che verranno generati

Ecco come appare:

E dopo tutto questo sforzo, finiremo con una pagina che assomiglia a qualcosa del genere:

 

La buona notizia è che metà del lavoro è ora completo ed è stata la metà più difficile e dispendiosa in termini di tempo. Il resto è molto più facile.

6. Creare il file del processore di forma

Dopo aver creato un modulo, è necessario un software che elaborerà i dati inviati e farà qualcosa con esso. In questo caso, utilizzeremo i dati inviati per generare un nuovo file HTML .

Ora, tieni presente che questa non è la stessa cosa di una normale risposta PHP in cui i dati vengono utilizzati in tempo reale e riflessi dinamicamente all'utente. Invece, stiamo creando una pagina statica che esisterà permanentemente fino a quando non la sovrascriveremo.

Il file deve essere nominato come il azione valore dell'attributo nella dichiarazione del modulo, quindi nel nostro esempio sarebbe voucherGen.phpe poiché non abbiamo specificato un percorso, dovrebbe essere archiviato nella stessa posizione di pageBuilder.php per farlo funzionare.

7. Inizializza le variabili

I dati inviati da pageBuilder.php è stato restituito come un array associativo chiamato $ _POSTe tutti i valori dei dati nella matrice sono accessibili tramite il loro controllo di modulo HTML Nome attributi. Quindi inizializzare le nostre variabili è in realtà abbastanza semplice. È anche opzionale, ma rende il codice un po 'più ordinato e più facile da leggere. Potresti sicuramente lavorare direttamente con $ _POST valori se preferisci.

 8. Utilizzare i condizionali per modificare i caratteri sui valori corretti

Farlo presto risparmierai tempo e problemi in seguito. Controlliamo solo quali valori sono stati selezionati e quindi li sostituiamo con i nomi dei caratteri effettivi.

9. Iniziare la costruzione della stringa del generatore

In realtà tutto ciò che dobbiamo fare qui è creare una stringa molto lunga che conterrà tutto il necessario per creare la nuova pagina. Useremo la concatenazione di stringhe per mantenerlo leggibile e rendere più facile vedere dove sono stati inseriti i valori dei dati. Questo inizia con la configurazione della pagina HTML di base:

Probabilmente puoi vedere dove stiamo andando con questo. Nota il punto e virgola alla fine. È importante. Inoltre, qualsiasi punto e virgola che si trova all'interno del testo (come parte di una dichiarazione CSS o di uno script lato client) deve essere contenuto tra virgolette.

10. Inizia ad aggiungere il corpo della pagina alla stringa del generatore

Esistono modi più efficienti per costruire questa stringa, ma mi piace rendere il codice ordinato, in modo che sia facile da leggere. Puoi usare metodi a mano breve per farlo, e non devi nemmeno farlo come un processo separato per il passaggio 9. Mi sembra più facile capire quando le diverse sezioni della pagina sono divise in questo modo.

11. Scrivi la stringa del generatore su un HTML

In questo caso stiamo codificando a fondo il nome del file, ma potresti (e probabilmente dovresti) rendere questo campo un campo nella forma della tua pagina.

12. Aggiungi un link di prova

Quando fai clic sul pulsante BUILD IT, perché non reindirizza a una pagina Web come farebbe un normale programma PHP, devi aggiungere un link o qualcosa da fare per vedere quale sia stato il risultato.

13. Crea il file CSS personalizzato

È possibile memorizzare ulteriori istruzioni per lo styling in questo file, ma per ora l'unica importante è l'istruzione di stile per principale div

14. Crea e carica wrap.png

Affinché funzioni correttamente, è necessario creare una singola immagine pixel traslucida e nominarla wrap.png quindi caricarlo sul percorso specificato in custom.css file.

15. Carica alcune immagini di sfondo adatte e metti alla prova la tua pagina

Sarai entusiasta di sapere che abbiamo quasi finito e ora è solo questione di testare e correggere eventuali errori che si verificano. Scegli delle belle immagini semplici che non siano troppo impegnate e che siano adatte a riferirsi a eventi o occasioni speciali (nel nostro esempio, io sono andato con la festa della mamma e la festa del papà). Carica le immagini nel percorso in cui memorizzi le immagini per il tuo sito web. Quindi compila il modulo, fai clic sul pulsante e guarda cosa succede. Ecco un esempio del modulo con tutti i campi dati compilati.

Il che dovrebbe portare alla creazione di qualcosa del tutto simile a questo:

Abbiamo già indovinato che non avresti voluto digitare tutto da zero, quindi puoi scaricare il codice sorgente per pageBuilder.php e voucherGen.php in questo file zip.

È possibile applicare questa tecnica per creare file HTML come stringhe e poi scriverli su file in tutti i tipi di situazioni. Fai solo attenzione a non mettere mai qualcosa di simile in un ciclo ricorsivo o riempirai il tuo disco rigido e manderai in crash il server.