En omfattande guide till automatiskt skapande av webbsidor med PHP 2023

Det finns vissa tider i livet när du behöver en webbsida för att göra något mer än att bara sitta där och vara en webbsida. Du behöver den för att tjäna pengar. Ett sätt att göra det är att få det att fungera för dig, så att du inte behöver lämna kod varje uppdatering eller sidmod. Det enklaste sättet att lära sig att göra något liknande är att faktiskt göra det, så i resten av den här artikeln kommer jag att visa dig ett sätt att implementera ett system som bygger nya webbsidor åt dig med en knapp.

I det här scenariot antar vi att din klient är en restaurang som vill erbjuda kuponger för olika speciella tillfällen under hela året. Men de vill naturligtvis inte betala dig för att uppdatera det för dem, så du bör se till att fakturera dem tillräckligt för det här automatiseringssystemet som gör uppdateringarna för dem

1. Först måste vi skapa en grundläggande webbsidesmall.

Detta är bara ett vanligt webbsideskelett. Du kan ge det ett namn som “pageBuilder.php” eller något. Du behöver inte använda PHP för detta. Du kan använda ett annat programmeringsspråk, men för det här exemplet håller vi saker enkelt och gör allt i PHP.

2. Lägg till Bootstrap

Detta hjälper till att få formuläret att se bättre ut utan extra arbete. Naturligtvis måste du ha Bootstrap för att detta ska fungera.

3. Sätt upp en behållare

För att hjälpa till att hålla allt snyggt och rent ska vi definiera en behållare som vi lagrar sidinnehållet i.

4. Skapa ett webbformulär

Definiera en webbformulär, så lägger vi också till en fin titel i formuläret, vilket är valfritt men en bra idé.

5. Lägg till formulärfält

Det här är väldigt enkelt. Vi behöver bara samla några grundläggande detaljer som roboten kommer att använda för att skapa en ny webbsida. De uppgifter vi behöver veta inkluderar:

• Bakgrundsbilden för sidan
• Namnet på evenemanget som firas
• Headline
• Öppningsanförande
• Några trite citat eller ytterligare uttalande
• Attribution för trite offert
• Teckensnittsstil som ska användas för vart och ett av de fyra inramade textelementen (idividualt).
• Datumintervall som kupongerna kommer att gälla för
• Erbjudande 1 och erbjudande 2 som kommer att annonseras på kupongerna.
• Ytterligare kupongmeddelanden (till exempel villkor)
• Data för QR-koderna som kommer att genereras

Så här ser ut:

Och efter all denna ansträngning kommer vi att sluta med en sida som ser ut så här:

 

Den goda nyheten är att hälften av jobbet nu är klart, och det var den svåraste och mest tidskrävande hälften. Resten är mycket lättare.

6. Skapa formulärprocessorn

När du har skapat ett formulär behöver du programvara som behandlar de inlämnade uppgifterna och gör något med det. I det här fallet använder vi de inlämnade uppgifterna för att generera en ny html sida.

Tänk nu på att detta inte är samma sak som ett normalt PHP-svar där data används i realtid och reflekteras dynamiskt för användaren. Istället skapar vi en statisk sida som kommer att finnas permanent tills vi skriver över den.

Filen måste namnges som samma handling attributvärde i formdeklarationen, så i vårt exempel skulle det vara voucherGen.php, och eftersom vi inte specificerade en sökväg, skulle den behöva lagras på samma plats som pageBuilder.php för att det ska fungera.

7. Initiera variabler

Uppgifterna lämnas från pageBuilder.php återlämnades som en associerande grupp som heter $ _ POST, och alla datavärden i matrisen kan nås via deras HTML-formkontroll namn attribut. Därför är det ganska enkelt att initialisera våra variabler. Det är också valfritt, men det gör bara att koden ser lite mer snygg ut och lättare att läsa. Du kan verkligen arbeta direkt med $ _ POST värden om du föredrar.

 8. Använd villkoren för att ändra teckensnitt till rätta värden

Att göra detta tidigt sparar tid och problem senare. Vi kontrollerar bara vilka värden som valts och ersätter dem sedan med de faktiska teckensnittsnamnen.

9. Börja bygga generatorsträngen

Egentligen är allt vi behöver göra här att skapa en riktigt lång sträng som innehåller allt som krävs för att skapa den nya sidan. Vi kommer att använda strängsammankoppling för att hålla den läsbar och göra det enkelt att se var datavärdena har infogats. Detta börjar med den grundläggande HTML-sidan inställd:

Du kan nog se vart vi ska med det här. Notera semikolon i slutet. Det är viktigt. Alla semikolon som förekommer i texten (som en del av en CSS-deklaration eller ett skript på klientsidan) måste också finnas i citattecken.

10. Börja lägga till sidkroppen i generatorsträngen

Det finns effektivare sätt att bygga denna sträng, men jag gillar att göra koden snygg så att den är lätt att läsa. Du kan använda korta handmetoder för att göra detta, och du behöver inte heller göra det som en separat process till steg 9. Jag känner att det är lättare att förstå när de olika delarna av sidan delas upp på detta sätt.

11. Skriv generatorsträngen till en HTML

I det här fallet kodar vi filnamnet, men du kan (och antagligen borde) göra detta till ett fält i din sidaBuilder-form.

12. Lägg till en testlänk

När du klickar på BUILD IT-knappen, eftersom den inte omdirigerar till en webbsida som ett normalt PHP-program skulle, måste du lägga till en länk eller något för att se vad resultatet blev.

13. Skapa den anpassade CSS-filen

Du kan lagra ytterligare stylinginstruktioner i den här filen, men för tillfället är den enda viktiga stylinginstruktionen för huvudsakliga div.

14. Skapa och ladda upp wrap.png

För att detta ska fungera ordentligt måste du skapa en enda genomskinlig pixelbild och namnge den wrap.png ladda upp den till den sökväg du angav i custom.css fil.

15. Ladda upp några lämpliga bakgrundsbilder och testa din sidaBuilder

Du kommer att bli glad att veta att vi nästan är klara, och egentligen är det bara att testa och åtgärda eventuella fel. Välj några fina enkla bilder som inte är för upptagen och som är lämpliga för att relatera till speciella evenemang eller tillfällen (i vårt exempel har jag gått med mors dag och fars dag). Ladda upp bilderna till sökvägen där du lagrar dina bilder på din webbplats. Fyll sedan i formuläret, klicka på knappen och se vad som händer. Här är ett exempel på formuläret med alla datafält fyllda.

Som borde resultera i att det skapas något som liknar detta:

Vi gissade redan att du inte vill skriva allt det från grunden, så att du kan ladda ner källkoden för pageBuilder.php och voucherGen.php i det här zip-fil.

Du kan använda denna teknik för att skapa HTML-filer som strängar och sedan skriva ut dem till filer i alla slags situationer. Var bara försiktig så att du aldrig lägger något liknande i en rekursiv slinga, annars fyller du upp hårddisken och kraschar servern.