Det er visse tider i livet når du trenger en nettside for å gjøre noe mer enn bare å sitte der og være en nettside. Du trenger den for å tjene den. En måte å gjøre det på er å få det til å fungere for deg, slik at du ikke trenger å kode hver oppdatering eller sidemod. Den enkleste måten å lære å gjøre noe slikt på er å faktisk gjøre det, så i resten av denne artikkelen skal jeg vise deg en måte å implementere et system som vil bygge nye nettsider for deg ved å trykke på en knapp.
I dette scenariet antar vi at klienten din er en restaurant som ønsker å tilby kuponger for forskjellige spesielle anledninger gjennom året. Men de vil selvfølgelig ikke betale deg for å oppdatere det for dem, så du bør sørge for å fakturere dem tilstrekkelig for dette automatiseringssystemet som vil gjøre oppdateringene for dem
1. Først må vi lage en grunnleggende webside-mal.
Dette er bare et standard nettsideskjelett. Du kan gi den et navn som "pageBuilder.php" eller noe. Du trenger ikke bruke PHP for dette. Du kan bruke et annet programmeringsspråk, men for dette eksempelet vil vi holde ting enkelt og gjøre alt i PHP.
2. Legg til Bootstrap
Dette vil bidra til at formen ser bedre ut uten ekstra arbeid. Selvfølgelig må du ha Bootstrap for at dette skal fungere.
3. Sett opp en beholder
For å hjelpe til med å holde alt pent og ryddig, bør vi definere en beholder som vi lagrer sideinnholdet i.
4. Lag et nettskjema
Definer et nettskjema, så legger vi også til en fancy tittel på skjemaet, som er valgfritt, men en god idé.
5. Legg til skjemafeltene
Dette er veldig enkelt. Vi trenger bare å samle noen få grunnleggende detaljer som roboten vil bruke til å opprette en ny webside. Dataene vi trenger å vite inkluderer:
- Bakgrunnen for siden
- Navnet på arrangementet som feires
- overskrift
- Åpningserklæring
- Noen lite sitat eller tilleggsuttalelse
- Attribusjon for trite quote
- Skriftstil å bruke for hvert av de fire innrammede tekstelementene (idividualt).
- Datoperiode som kupongene vil være gyldige for
- Tilbud 1 og tilbud 2 som vil bli annonsert på bilagene.
- Ytterligere kupongmeldinger (for eksempel vilkår og betingelser)
- Data for kupongen QR-koder som vil bli generert
Slik ser det ut:
Og etter all denne innsatsen, vil vi ende opp med en side som ser slik ut:
Den gode nyheten er at halvparten av jobben nå er fullført, og det var den vanskeligste og mest tidkrevende halvdelen. Resten er langt lettere.
6. Lag skjemaprosessor-filen
Etter å ha opprettet et skjema, trenger du noe programvare som vil behandle de innsendte dataene og gjøre noe med dem. I dette tilfellet vil vi bruke de innsendte dataene til å generere en ny HTML side.
Husk nå at dette ikke er det samme som et vanlig PHP-svar der dataene brukes i sanntid og reflekteres dynamisk til brukeren. I stedet lager vi en statisk side som vil eksistere permanent til vi overskriver den.
Filen må heter den samme som filen handling attributtverdi i skjemaerklæringen, så i eksempelet vårt vil det være kupongGen.php, og fordi vi ikke spesifiserte en bane, måtte den lagres på samme sted som pageBuilder.php for at det skal fungere.
7. Initialiser variabler
Dataene sendt inn fra pageBuilder.php ble returnert som et assosiativt utvalg som ble kalt $ _ POST, og alle dataverdiene i matrisen kan nås via deres HTML-skjema-kontroll navn attributter. Derfor er det faktisk ganske enkelt å initialisere variablene våre. Det er også valgfritt, men det får bare koden til å se litt mer ryddig ut og lettere å lese. Du kan sikkert jobbe direkte med $ _ POST verdier hvis du foretrekker det.
8. Bruk betingelsene til å endre skriftene til de riktige verdiene
Å gjøre dette tidlig vil spare tid og problemer senere. Vi sjekker bare hvilke verdier som ble valgt, og erstatter dem deretter med de faktiske skriftnavnene.
9. Begynn med å bygge generatorstrengen
Egentlig alt vi trenger å gjøre her er å lage en veldig lang streng som inneholder alt som kreves for å opprette den nye siden. Vi vil bruke streng sammenføyning for å holde den lesbar og gjøre det enkelt å se hvor dataverdiene er satt inn. Dette starter med den grunnleggende HTML-siden som er satt opp:
Du kan sikkert se hvor vi er på vei med dette. Legg merke til semikolon på slutten. Det er viktig. Alle semikoloner som forekommer i teksten (som en del av en CSS-deklarasjon eller et skript på klientsiden) må inneholde anførselstegn.
10. Begynn å legge sidekroppen til generatorstrengen
Det finnes mer effektive måter å bygge denne strengen på, men jeg liker å gjøre koden ryddig, slik at den er lett å lese. Du kan bruke korthåndsmetoder for å gjøre dette, og du trenger heller ikke å gjøre det som en egen prosess til trinn 9. Jeg føler det er lettere å forstå når de forskjellige delene av siden er delt opp på denne måten.
11. Skriv generatorstrengen til en HTML
I dette tilfellet koder vi hardt for filnavnet, men du kan (og sannsynligvis bør) gjøre dette til et felt i din sideBuilder-form.
12. Legg til en testlenke
Når du klikker på BYGG DET-knappen, fordi den ikke omdirigerer til en nettside slik et vanlig PHP-program ville gjort, må du legge til en lenke eller noe for å se hva resultatet ble.
13. Lag den tilpassede CSS-filen
Du kan lagre flere stylinginstruksjoner i denne filen, men foreløpig er den eneste viktige stylinginstruksjonen for main div.
14. Opprett og last opp wrap.png
For at dette skal fungere ordentlig, må du lage et enkelt gjennomsiktig pikselbilde og gi det navnet wrap.png last den opp til banen du spesifiserte i custom.css filen.
15. Last opp noen passende bakgrunnsbilder og test sideBuilder
Du vil bli begeistret over å vite at vi nesten er ferdige, og egentlig er det nå bare et spørsmål om å teste og fikse eventuelle feil som oppstår. Velg noen fine enkle bilder som ikke er for travle og som egner seg til å relatere til spesielle hendelser eller anledninger (i vårt eksempel har jeg gått med morsdagen og farsdagen). Last opp bildene til banen der du lagrer bildene for nettstedet ditt. Fyll deretter ut skjemaet, klikk på knappen, og se hva som skjer. Her er et eksempel på skjemaet med alle datafeltene fylt ut.
Noe som skulle resultere i å skape noe ganske likt dette:
Vi har allerede gjettet at du ikke ville skrive alt dette fra bunnen av, så du kan laste ned kildekoden for pageBuilder.php og voucherGen.php i denne zip-fil.
Du kan bruke denne teknikken for å lage HTML-filer som strenger og deretter skrive dem ut til filer i alle slags situasjoner. Bare vær forsiktig så du aldri setter noe slikt i en rekursiv sløyfe, ellers vil du fylle opp harddisken og krasje serveren.
Très très instructif, j'ai essayé et ça marche à merveille, Milles merci
Værsågod! 👍👍👍