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

Der er visse tidspunkter i livet, hvor du har brug for en webside for at gøre noget mere end bare sidde der og være en webside. Du har brug for det for at tjene penge. En måde at gøre det på er at få det til at fungere for dig, så du ikke behøver at aflevere kode hver opdatering eller sidemod. Den nemmeste måde at lære at gøre noget som dette er ved faktisk at gøre det, så i resten af ​​denne artikel vil jeg vise dig en måde at implementere et system på, der bygger nye websider til dig ved tryk på en knap.

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

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

Dette er bare et standard webside-skelet. 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 i dette eksempel holder vi tingene enkle og gør det hele i PHP.

2. Tilføj bootstrap

Dette hjælper med at få formularen til at se bedre ud uden ekstra arbejde. Selvfølgelig skal du have Bootstrap for at dette kan fungere.

3. Sæt en container op

For at hjælpe med at holde alt pænt og pænt, bør vi definere en container, som vi vil gemme sideindholdet i.

4. Opret en webformular

Definer en webformular, så tilføjer vi også en fancy titel til formularen, som er valgfri, men en god idé.

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
• Skrifttype, der skal bruges til hvert af de fire rammetekstelementer (individuelt).
• 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:

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

 

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 det. I dette tilfælde bruger vi 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 variabler faktisk ret let. Det er også valgfrit, men det får bare koden til at se lidt mere pæn og lettere at læse ud. Du kunne helt sikkert arbejde direkte med $ _ POST værdier, hvis du foretrækker det.

 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.

9. 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:

Du kan sikkert se, hvor vi skal hen med dette. Bemærk semikolon i slutningen. Det er vigtigt. Også semikolon, 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 opbygge denne streng på, men jeg kan godt lide at gøre koden ryddelig, så den er let at læse. Du kan bruge korthåndsmetoder 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 på siden er opdelt på denne måde.

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.

12. Tilføj et testlink

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

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.

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 være begejstret for at vide, at vi næsten er færdige, og det er virkelig bare et spørgsmål om at teste og rette op på eventuelle fejl, der opstår. Vælg nogle pæne enkle billeder, der ikke er for travle, og som er egnede til at forholde sig til specielle begivenheder eller lejligheder (i vores eksempel er jeg gået med mors dag og fars dag). Upload billederne til den sti, hvor du gemmer dine billeder til dit websted. Udfyld derefter formularen, klik på knappen og se hvad der sker. Her er et eksempel på formularen med alle datafelter udfyldt.

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

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

Du kan anvende denne teknik til at oprette HTML-filer som strenge og derefter skrive dem ud til filer i alle mulige situationer. Bare pas på aldrig at sætte noget som dette i en rekursiv sløjfe, ellers fylder du din harddisk og går ned på serveren.