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.
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 wir die Seiteninhalte speichern.
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.
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:
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
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.
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. 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.
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, 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.
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 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.
Daraus sollte etwas Ähnliches entstehen:
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.
Très très instructif, j'ai essayé et ça marche à merveille, milles merci
Gern geschehen! 👍👍👍