En omfattende guide til automatisk oprettelse af websider med PHP i 2023

Hvis du abonnerer på en tjeneste fra et link på denne side, kan Reeves and Sons Limited optjene en kommission. Se vores etikerklæring.

Der er visse tidspunkter i livet, hvor du har brug for en webside til at gøre noget mere end bare at sidde der og være en webside. Du har brug for det for at fortjene det. En måde at gøre det på er at sætte det i gang for dig, så du ikke behøver at håndkode hver opdatering eller sidemod. Den nemmeste måde at lære at gøre sådan noget på er ved rent faktisk at gøre det, så i resten af ​​denne artikel vil jeg vise dig en måde at implementere et system, der vil bygge nye websider til dig ved et tryk på en knap.

I dette scenarie antager vi, at din kunde er en restaurant, der ønsker at tilbyde værdikuponer til forskellige særlige lejligheder i løbet af året. Men de vil selvfølgelig ikke betale dig for at opdatere det for dem, så du må hellere sørge for at fakturere dem tilstrækkeligt for dette automatiseringssystem, der vil lave opdateringerne for dem

1. Først skal vi oprette en grundlæggende webside-skabelon.

Dette er blot et standardwebsideskelet. Du kan give det et navn som "pageBuilder.php" eller noget. Du behøver ikke bruge PHP til dette. Du kan bruge et andet programmeringssprog, men for dette eksempel vil vi holde tingene enkle og gøre det hele i PHP.

Screen Shot på 2016 05-30-1.56.52 AM

2. Tilføj bootstrap

Dette vil hjælpe med at få formen til at se bedre ud uden ekstra arbejde. Selvfølgelig skal du have Bootstrap for at dette virker.

Screen Shot på 2016 05-30-1.56.56 AM

3. Sæt en container op

For at hjælpe med at holde alt pænt og ryddeligt bør vi definere en beholder, som vi gemmer sideindholdet i.

Screen Shot på 2016 05-30-1.56.48 AM

4. Opret en webformular

Definer en webformular, og vi tilføjer også en fancy titel til formularen, hvilket er valgfrit, men en god idé.

Screen Shot på 2016 05-30-1.56.43 AM

5. Tilføj formularfelterne

Dette er virkelig simpelt. Vi skal bare samle et par grundlæggende detaljer, som robotten vil bruge til at oprette en ny webside. De data, vi har brug for at vide, inkluderer:

  • Baggrundsbilledet for siden
  • Navnet på den begivenhed, der fejres
  • Overskrift
  • Åbningsopgørelse
  • Nogle trite citater eller yderligere erklæring
  • Attribution for trite citat
  • Skriftstil, der skal bruges til hvert af de fire indramningstekstelementer (idividobbelt).
  • Datointerval, som værdikuponerne er gyldige for
  • Tilbud 1 og tilbud 2, der vil blive annonceret på værdikuponer.
  • Yderligere voucher-meddelelser (for eksempel betingelser og vilkår)
  • Data for voucher-QR-koder, der vil blive genereret

Sådan ser det ud:

Screen Shot på 2016 05-30-1.56.00 AM

Screen Shot på 2016 05-30-1.55.54 AM

Screen Shot på 2016 05-30-1.55.36 AM

Og efter al denne indsats ender vi med en side, der ligner sådan:

Screen Shot på 2016 05-30-1.55.22 AM

 

Den gode nyhed er, at halvdelen af ​​jobbet nu er afsluttet, og det var den sværeste og mest tidskrævende halvdel. Resten er meget lettere.

6. Opret formprocessor-filen

Når du har oprettet en formular, har du brug for noget software, der behandler de indsendte data og gør noget med dem. I dette tilfælde vil vi bruge de indsendte data til at generere en ny HTML .

Husk nu, at dette ikke er det samme som et normalt PHP-svar, hvor dataene bruges i realtid og reflekteres dynamisk til brugeren. I stedet opretter vi en statisk side, der permanent vil eksistere, indtil vi overskriver den.

Filen skal navngives den samme som filen Action attributværdi i formdeklarationen, så i vores eksempel ville det være voucherGen.php, og fordi vi ikke specificerede en sti, skulle den gemmes på samme sted som pageBuilder.php for at det fungerer.

7. Initialiser variabler

Oplysningerne indsendt fra pageBuilder.php blev returneret som et associativt opkald kaldet $ _ POST, og alle dataværdier i matrixen kan fås via deres HTML-formkontrol navn egenskaber. Derfor er initialisering af vores variable faktisk ret let. Det er også valgfrit, men det får bare koden til at se lidt mere ryddelig ud og lettere at læse. Du kan helt sikkert arbejde direkte med $ _ POST værdier, hvis du foretrækker det.

Screen Shot på 2016 05-30-1.55.15 AM

 8. Brug betingelser til at ændre skrifttyperne til deres korrekte værdier

Hvis du gør dette tidligt, sparer du tid og problemer senere. Vi kontrollerer bare, hvilke værdier der er valgt, og erstatter dem derefter med de faktiske skrifttypenavne.

Screen Shot på 2016 05-30-1.55.10 AM9. Begynd med at opbygge generatorstrengen

Virkelig alt, hvad vi skal gøre her, er at oprette en rigtig lang streng, der indeholder alt, hvad der kræves for at oprette den nye side. Vi bruger streng sammenkædning for at holde det læsbart og gøre det let at se, hvor dataværdierne er blevet indsat. Dette starter med den grundlæggende HTML-side opsat:

Screen Shot på 2016 05-30-1.55.06 AM

Du kan sikkert se, hvor vi er på vej hen med det her. Bemærk semikolon i slutningen. Det er vigtigt. Alle semikoloner, der forekommer i teksten (som en del af en CSS-erklæring eller et script på klientsiden) skal være indeholdt i anførselstegn.

10. Begynd at tilføje sidekroppen til generatorstrengen

Der er mere effektive måder at bygge denne streng på, men jeg kan godt lide at gøre koden ryddelig, så den er nem at læse. Du kan bruge korte håndmetoder til at gøre dette, og du behøver heller ikke at gøre det som en separat proces til trin 9. Jeg føler, det er lettere at forstå, når de forskellige sektioner af siden er opdelt på denne måde.

Screen Shot på 2016 05-30-1.55.00 AM

11. Skriv generatorstrengen til en HTML

I dette tilfælde koder vi hårdt for filnavnet, men du kunne (og sandsynligvis skulle) gøre dette til et felt i din sideBuilder-form.

Screen Shot på 2016 05-30-1.54.55 AM

12. Tilføj et testlink

Når du klikker på BYG DET-knappen, fordi den ikke omdirigerer til en webside, som et normalt PHP-program ville gøre, skal du tilføje et link eller noget for at gå og se, hvad resultatet blev.

Screen Shot på 2016 05-30-1.54.50 AM

13. Opret den tilpassede CSS-fil

Du kan gemme yderligere stylinginstruktioner i denne fil, men indtil videre er den eneste vigtige stylinginstruktion til main div.

Screen Shot på 2016 05-30-1.54.45 AM

14. Opret og upload wrap.png

For at dette kan fungere korrekt, skal du oprette et enkelt gennemsigtigt pixelbillede og navngive det wrap.png upload det derefter til den sti, du angav i custom.css fil.

15. Upload nogle passende baggrundsbilleder, og test din sideBuilder

Du vil blive begejstret over at vide, at vi næsten er færdige, og i virkeligheden er det nu bare et spørgsmål om at teste og rette op på eventuelle fejl. Vælg nogle fine enkle billeder, der ikke er for travle, og som er velegnede til at relatere til særlige begivenheder eller lejligheder (i vores eksempel har jeg gået med mors dag og fars dag). Upload billederne til stien, hvor du gemmer dine billeder til din hjemmeside. Udfyld derefter formularen, klik på knappen og se, hvad der sker. Her er et eksempel på formularen med alle datafelter udfyldt.

Picture1

Hvilket skulle resultere i at skabe noget, der ligner dette:

Screen Shot på 2016 05-30-1.54.11 AM

Vi har allerede gættet på, at du ikke ville skrive alt det fra bunden, så du kan downloade kildekoden til pageBuilder.php og voucherGen.php i denne zip-fil.

Du kan anvende denne teknik med at oprette HTML-filer som strenge og derefter skrive dem ud til filer i alle slags situationer. Bare vær forsigtig med aldrig at sætte noget som dette i en rekursiv løkke, ellers vil du fylde din harddisk op og nedbryde serveren.

Kommentarer 2 Responses

  1. Ufas webmaster siger:

    Très très instructif, j'ai essayé et ça marche à merveille, Milles merci

    1. Bogdan Rancea siger:

      Selv tak! 👍👍👍

Giv en kommentar

Din e-mail adresse vil ikke blive offentliggjort. Krævede felter er markeret *

Rating *

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.