Ein umfassender Leitfaden zur automatisierten Webseitenerstellung mit PHP im Jahr 2023

Es gibt bestimmte Zeiten im Leben, in denen Sie eine Webseite benötigen, um mehr zu tun, als nur dort zu sitzen, wo eine Webseite ist. Sie brauchen es, um seinen Unterhalt zu verdienen. Eine Möglichkeit, dies zu tun, besteht darin, es für Sie zum Laufen zu bringen, damit Sie nicht jedes Update oder jeden Seitenmod von Hand codieren müssen. Der einfachste Weg, um zu lernen, wie man so etwas macht, besteht darin, es tatsächlich zu machen. Im Rest dieses Artikels werde ich Ihnen einen Weg zeigen, ein System zu implementieren, das auf Knopfdruck neue Webseiten für Sie erstellt ein Knopf.

In diesem Szenario gehen wir davon aus, dass Ihr Kunde ein Restaurant ist, das das ganze Jahr über Gutscheine für verschiedene besondere Anlässe anbieten möchte. Aber natürlich möchten sie Sie nicht dafür bezahlen, dass Sie es für sie aktualisieren. Deshalb sollten Sie sicherstellen, dass Sie ihnen für dieses Automatisierungssystem, das die Aktualisierungen für sie vornimmt, eine ausreichende Rechnung stellen

1. Zuerst müssen wir eine grundlegende Webseitenvorlage erstellen.

Dies ist nur ein Standard-Webseiten-Skelett. Sie können ihm einen Namen wie "pageBuilder.php" oder so geben. Sie müssen dafür kein PHP verwenden. Sie könnten eine andere Programmiersprache verwenden, aber in diesem Beispiel halten wir die Dinge einfach und erledigen alles in PHP.

2. Füge Bootstrap hinzu

Dies trägt dazu bei, dass das Formular ohne zusätzliche Arbeit besser aussieht. Natürlich benötigen Sie Bootstrap, damit dies funktioniert.

3. Richten Sie einen Container ein

Um alles sauber und ordentlich zu halten, sollten wir einen Container definieren, in dem die Seiteninhalte gespeichert werden.

4. Erstellen Sie ein Webformular

Definieren Sie ein Webformular, und wir fügen dem Formular auch einen ausgefallenen Titel hinzu, der optional, aber eine gute Idee ist.

5. Fügen Sie die Formularfelder hinzu

Das ist wirklich einfach. Wir müssen nur ein paar grundlegende Details sammeln, mit denen der Roboter eine neue Webseite erstellt. Die Daten, die wir wissen müssen, umfassen:

• Das Hintergrundbild für die Seite
• Name des gefeierten Ereignisses
• Schlagzeile
• Eröffnungsstatement
• Irgendein banales Zitat oder eine zusätzliche Aussage
• Namensnennung für trite Zitat
• Der für jedes der vier Rahmentextelemente (einzeln) zu verwendende Schriftstil.
• Datumsbereich, für den die Gutscheine gültig sind
• Angebot 1 und Angebot 2, die auf den Gutscheinen beworben werden.
• Zusätzliche Gutschein-Nachrichten (z. B. AGB)
• Daten für die Gutschein-QR-Codes, die generiert werden

So sieht das aus:

Und nach all diesen Bemühungen werden wir mit einer Seite enden, die ungefähr so ​​aussieht:

 

Die gute Nachricht ist, dass die Hälfte des Auftrags jetzt abgeschlossen ist und es die schwierigste und zeitaufwändigste Hälfte war. Der Rest ist viel einfacher.

6. Erstellen Sie die Formularprozessordatei

Nach dem Erstellen eines Formulars benötigen Sie eine Software, die die übermittelten Daten verarbeitet und etwas damit macht. In diesem Fall verwenden wir die übermittelten Daten, um neue zu generieren HTML

Denken Sie jetzt daran, dass dies nicht dasselbe ist wie eine normale PHP-Antwort, bei der die Daten in Echtzeit verwendet und dem Benutzer dynamisch wiedergegeben werden. Stattdessen erstellen wir eine statische Seite, die dauerhaft vorhanden ist, bis wir sie überschreiben.

Die Datei muss genauso wie die Datei benannt werden Aktion Attributwert in der Formular-Deklaration, also in unserem Beispiel wäre das GutscheinGen.phpund weil wir keinen Pfad angegeben haben, müsste er am selben Speicherort wie gespeichert werden pageBuilder.php für sie zu arbeiten.

7. Variablen initialisieren

Die Daten von pageBuilder.php wurde als ein assoziatives Array namens zurückgegeben $ _POSTund auf alle Datenwerte im Array kann über ihre HTML-Formularsteuerung zugegriffen werden Name Attribute. Daher ist das Initialisieren unserer Variablen eigentlich recht einfach. Es ist auch optional, aber es lässt den Code ein bisschen aufgeräumter und leichter lesbar aussehen. Sie könnten sicherlich direkt mit dem arbeiten $ _POST Werte, wenn Sie bevorzugen.

 8. Verwenden Sie Bedingungen, um die Schriftarten auf ihre korrekten Werte zu ändern

Wenn Sie dies früh tun, sparen Sie später Zeit und Ärger. Wir überprüfen nur, welche Werte ausgewählt wurden, und ersetzen sie dann durch die tatsächlichen Schriftnamen.

9. Beginnen Sie mit dem Erstellen des Generatorstrings

Hier müssen wir nur eine wirklich lange Zeichenfolge erstellen, die alles enthält, was zum Erstellen der neuen Seite erforderlich ist. Wir werden die Verkettung von Zeichenfolgen verwenden, um die Lesbarkeit zu gewährleisten und um zu erkennen, wo die Datenwerte eingefügt wurden. Dies beginnt mit der grundlegenden HTML-Seite:

Sie können wahrscheinlich sehen, wohin wir damit gehen. Beachten Sie das Semikolon am Ende. Das ist wichtig. Außerdem müssen alle Semikolons, die im Text vorkommen (als Teil einer CSS-Deklaration oder eines clientseitigen Skripts), in Anführungszeichen gesetzt werden.

10. Beginnen Sie mit dem Hinzufügen des Seitenrumpfs zur Generatorzeichenfolge

Es gibt effizientere Möglichkeiten, diese Zeichenfolge zu erstellen, aber ich mag es, Code aufgeräumt zu machen, damit er leicht zu lesen ist. Sie können dazu Kurzhandmethoden verwenden, und Sie müssen dies auch nicht als separaten Prozess zu Schritt 9 ausführen. Ich denke, es ist einfacher zu verstehen, wenn die verschiedenen Abschnitte der Seite auf diese Weise aufgeteilt werden.

11. Schreiben Sie die Generatorzeichenfolge in einen HTML-Code

In diesem Fall codieren wir den Dateinamen hart, aber Sie könnten (und sollten wahrscheinlich) dies zu einem Feld in Ihrem PageBuilder-Formular machen.

12. Fügen Sie einen Testlink hinzu

Wenn Sie auf die Schaltfläche BUILD IT klicken, weil sie nicht wie ein normales PHP-Programm auf eine Webseite umleitet, müssen Sie einen Link oder etwas hinzufügen, um zu sehen, was das Ergebnis ist.

13. Erstellen Sie die benutzerdefinierte CSS-Datei

Sie können in dieser Datei zusätzliche Styling-Anweisungen speichern, aber für den Moment ist nur die Styling-Anweisung für die Haupt- Div.

14. Erstellen und laden Sie wrap.png hoch

Damit dies ordnungsgemäß funktioniert, müssen Sie ein einzelnes durchscheinendes Pixelbild erstellen und benennen wrap.png Laden Sie es dann auf den Pfad hoch, den Sie in der Liste angegeben haben custom.css Datei.

15. Laden Sie geeignete Hintergrundbilder hoch und testen Sie Ihren PageBuilder

Sie werden begeistert sein zu wissen, dass wir fast fertig sind, und jetzt geht es nur noch darum, auftretende Fehler zu testen und zu beheben. Wählen Sie einige schöne einfache Bilder, die nicht zu beschäftigt sind und sich für besondere Ereignisse oder Anlässe eignen (in unserem Beispiel habe ich Muttertag und Vatertag gewählt). Laden Sie die Bilder in den Pfad hoch, in dem Sie Ihre Bilder für Ihre Website speichern. Füllen Sie dann das Formular aus, klicken Sie auf die Schaltfläche und sehen Sie, was passiert. Hier ist ein Beispiel für das Formular mit allen ausgefüllten Datenfeldern.

Daraus sollte etwas Ähnliches entstehen:

Wir haben bereits vermutet, dass Sie das nicht von Grund auf neu eingeben wollen, also können Sie hier den Quellcode für pageBuilder.php und voucherGen.php herunterladen zip-Datei.

Sie können diese Technik anwenden, indem Sie HTML-Dateien als Zeichenfolgen erstellen und sie dann in allen möglichen Situationen in Dateien schreiben. Achten Sie nur darauf, dass Sie so etwas niemals in eine rekursive Schleife setzen, sonst füllen Sie Ihre Festplatte und stürzen den Server ab.