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

Se ti abboni a un servizio da un link in questa pagina, Reeves and Sons Limited potrebbe guadagnare una commissione. Vedi il nostro Dichiarazione etica.

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

In questo scenario, presumiamo 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 fatturare abbastanza 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 lo scheletro di una pagina web standard. Puoi dargli un nome come "pageBuilder.php" o qualcosa del genere. Non è necessario utilizzare PHP per questo. Potresti usare un altro linguaggio di programmazione, ma per questo esempio manterremo le cose semplici e faremo tutto in PHP.

Screen Shot in 2016 05-30-1.56.52 AM

2. Aggiungi Bootstrap

Ciò contribuirà a migliorare l'aspetto del modulo senza alcun lavoro aggiuntivo. Ovviamente dovrai avere Bootstrap affinché funzioni.

Screen Shot in 2016 05-30-1.56.56 AM

3. Configura un contenitore

Per mantenere tutto pulito e ordinato, dovremmo definire un contenitore in cui memorizzeremo il contenuto della pagina.

Screen Shot in 2016 05-30-1.56.48 AM

4. Crea un modulo web

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

Screen Shot in 2016 05-30-1.56.43 AM

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 del riquadro (individue volte).
  • 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:

Screen Shot in 2016 05-30-1.56.00 AM

Screen Shot in 2016 05-30-1.55.54 AM

Screen Shot in 2016 05-30-1.55.36 AM

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

Screen Shot in 2016 05-30-1.55.22 AM

 

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 elabori i dati inviati e faccia qualcosa con essi. In questo caso, utilizzeremo i dati inviati per generarne uno nuovo 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. Pertanto inizializzare le nostre variabili è in realtà abbastanza semplice. È anche facoltativo, ma rende il codice un po' più ordinato e più facile da leggere. Potresti sicuramente lavorare direttamente con il $ _POST valori se preferisci.

Screen Shot in 2016 05-30-1.55.15 AM

 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.

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

Screen Shot in 2016 05-30-1.55.06 AM

Probabilmente puoi vedere dove stiamo andando. Nota il punto e virgola alla fine. È importante. Inoltre, eventuali punti e virgola presenti nel testo (come parte di una dichiarazione CSS o di uno script lato client) devono essere racchiusi tra virgolette.

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

Esistono modi più efficienti per creare questa stringa, ma mi piace rendere il codice ordinato, in modo che sia facile da leggere. Puoi utilizzare metodi brevi per farlo e non devi farlo come un processo separato dal passaggio 9. Penso che sia più facile capire quando le diverse sezioni della pagina sono divise in questo modo.

Screen Shot in 2016 05-30-1.55.00 AM

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.

Screen Shot in 2016 05-30-1.54.55 AM

12. Aggiungi un link di prova

Quando fai clic sul pulsante COSTRUISCI, poiché non reindirizza a una pagina Web come farebbe un normale programma PHP, devi aggiungere un collegamento o qualcosa per andare a vedere qual è stato il risultato.

Screen Shot in 2016 05-30-1.54.50 AM

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

Screen Shot in 2016 05-30-1.54.45 AM

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 in realtà ora è solo questione di testare e correggere eventuali errori che si verificano. Scegli alcune immagini semplici e carine che non siano troppo impegnative e che siano adatte a riferirsi a eventi o occasioni speciali (nel nostro esempio, ho scelto 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.

Picture1

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

Screen Shot in 2016 05-30-1.54.11 AM

Abbiamo già intuito che non avresti voluto scrivere 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 quindi scriverli su file in tutti i tipi di situazioni. Fai solo attenzione a non inserire mai qualcosa di simile in un ciclo ricorsivo o riempirai il disco rigido e manderai in crash il server.

Commenti Risposte 2

  1. Webmaster Ufas dice:

    Très très instructionif, j'ai saggio et ça marche à merveille, milles merci

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

Valutazione *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.