Ein umfassender Leitfaden zur automatisierten Webseitenerstellung mit PHP im Jahr 2023

Wenn Sie einen Dienst über einen Link auf dieser Seite abonnieren, verdient Reeves and Sons Limited möglicherweise eine Provision. Siehe unsere Ethikerklärung.

यह पृष्ठ मूल रूप से अंग्रेजी में लिखा गया था। अभी आप एक मशीनी अनुवादित संस्करण हिंदी में देख रहे हैं।

Es gibt bestimmte Zeiten im Leben, in denen Sie eine Webseite brauchen, um mehr zu tun, als nur da zu sitzen und eine Webseite zu sein. Du brauchst es, um seinen Unterhalt zu verdienen. Eine Möglichkeit, dies zu tun, besteht darin, es für Sie zum Laufen zu bringen, sodass Sie nicht jedes Update oder jeden Seitenmod von Hand codieren müssen. Der einfachste Weg, um zu lernen, wie man so etwas macht, ist, es tatsächlich zu tun, also werde ich Ihnen im Rest dieses Artikels eine Möglichkeit 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, also stellen Sie besser sicher, dass Sie ihnen genug für dieses Automatisierungssystem in Rechnung stellen, das die Updates für sie durchführt

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

Dies ist nur ein Standard-Webseitengerüst. 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 für dieses Beispiel halten wir die Dinge einfach und machen alles in PHP.

Screen Shot bei 2016 05-30-1.56.52 Uhr

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.

Screen Shot bei 2016 05-30-1.56.56 Uhr

3. Richten Sie einen Container ein

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

Screen Shot bei 2016 05-30-1.56.48 Uhr

4. Erstellen Sie ein Webformular

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

Screen Shot bei 2016 05-30-1.56.43 Uhr

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
  • Schriftstil, der für jedes der vier Rahmentextelemente verwendet werden soll (individoppelt).
  • 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:

Screen Shot bei 2016 05-30-1.56.00 Uhr

Screen Shot bei 2016 05-30-1.55.54 Uhr

Screen Shot bei 2016 05-30-1.55.36 Uhr

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

Screen Shot bei 2016 05-30-1.55.22 Uhr

 

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

Nachdem Sie ein Formular erstellt haben, benötigen Sie eine Software, die die übermittelten Daten verarbeitet und etwas damit macht. In diesem Fall verwenden wir die übermittelten Daten, um eine 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 die Initialisierung unserer Variablen eigentlich ganz einfach. Es ist auch optional, aber es lässt den Code nur etwas aufgeräumter und leichter lesbar aussehen. Sie könnten sicherlich direkt mit dem arbeiten $ _POST Werte, wenn Sie bevorzugen.

Screen Shot bei 2016 05-30-1.55.15 Uhr

 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.

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

Screen Shot bei 2016 05-30-1.55.06 Uhr

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

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

Es gibt effizientere Möglichkeiten, diesen String zu erstellen, aber ich mag es, den Code ordentlich zu machen, damit er leicht lesbar ist. Sie können dazu Kurzverfahren verwenden, und Sie müssen dies auch nicht als separaten Prozess für Schritt 9 tun. Ich denke, es ist einfacher zu verstehen, wenn die verschiedenen Abschnitte der Seite auf diese Weise aufgeteilt werden.

Screen Shot bei 2016 05-30-1.55.00 Uhr

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.

Screen Shot bei 2016 05-30-1.54.55 Uhr

12. Fügen Sie einen Testlink hinzu

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

Screen Shot bei 2016 05-30-1.54.50 Uhr

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.

Screen Shot bei 2016 05-30-1.54.45 Uhr

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 erfahren, dass wir fast fertig sind und es jetzt wirklich nur noch darum geht, auftretende Fehler zu testen und zu beheben. Wählen Sie einige schöne einfache Bilder aus, die nicht zu überladen sind und die sich auf besondere Ereignisse oder Anlässe beziehen lassen (in unserem Beispiel habe ich mich für Muttertag und Vatertag entschieden). 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 des Formulars mit allen ausgefüllten Datenfeldern.

Picture1

Daraus sollte etwas Ähnliches entstehen:

Screen Shot bei 2016 05-30-1.54.11 Uhr

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

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

Kommentare 2 Antworten

  1. Ufas-Webmaster sagt:

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

    1. Bogdan Rancea sagt:

      Gern geschehen! 👍👍👍

Hinterlassen Sie uns einen Kommentar

E-Mail-Adresse wird nicht veröffentlicht. Pflichtfelder sind MIT * gekennzeichnet. *

Rating *

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.