Outomatiese skepping van webblaaie met PHP

Daar is sekere tye in die lewe wanneer u 'n webblad nodig het om iets meer te doen as om net daar te sit. U het dit nodig om die geld te verdien. Een manier om dit te doen, is om dit vir u te laat werk, sodat u nie elke opdatering of bladsymodus hoef in te handig nie. Die maklikste manier om te leer hoe om so iets te doen, is deur dit in werklikheid te doen. In die res van hierdie artikel gaan ek u een manier wys om 'n stelsel te implementeer wat nuwe webbladsye vir u sal opbou met die aanraking van 'n knoppie.

In hierdie scenario neem ons aan dat u kliënt 'n restaurant is wat koopbewyse vir verskillende spesiale geleenthede gedurende die jaar wil aanbied. Maar natuurlik wil hulle u nie betaal om dit vir hulle op te dateer nie, dus moet u seker maak dat u hulle voldoende betaal vir hierdie outomatiseringstelsel wat die opdaterings vir hulle sal doen.

1. Eerstens moet ons 'n basiese webbladsjabloon skep.

Dit is slegs 'n standaard webbladskelet. U kan dit 'n naam gee soos 'pageBuilder.php' of iets. U hoef nie PHP hiervoor te gebruik nie. U kan 'n ander programmeertaal gebruik, maar vir hierdie voorbeeld hou ons dinge eenvoudig en doen dit alles in PHP.

Screen Shot 2016-05-30 at 1.56.52 AM

2. Voeg Bootstrap by

Dit sal help om die vorm beter te laat lyk sonder ekstra werk. Natuurlik moet u Bootstrap hê om te kan werk.

Screen Shot 2016-05-30 at 1.56.56 AM

3. Sit 'n houer op

Om alles netjies en netjies te hou, moet ons 'n houer definieer waarin ons die inhoud van die bladsy sal bêre.

Screen Shot 2016-05-30 at 1.56.48 AM

4. Skep 'n webvorm

Definieer 'n webvorm, en ons sal ook 'n deftige titel by die vorm voeg, wat opsioneel is, maar 'n goeie idee.

Screen Shot 2016-05-30 at 1.56.43 AM

5. Voeg die vormvelde by

Dit is regtig eenvoudig. Ons moet net 'n paar basiese besonderhede versamel wat die robot sal gebruik om 'n nuwe webblad te skep. Die inligting wat ons moet weet, sluit in:

  • Die agtergrondprent vir die bladsy
  • Naam van die geleentheid wat gevier word
  • Wesensverdienste
  • Openingsverklaring
  • Sommige kort aanhaling of addisionele stelling
  • Erkenning vir 'n besliste aanhaling
  • Lettertipe styl om te gebruik vir elk van die vier omlystekst-elemente (indivitweeledig).
  • Die datumreeks waarop die geskenkbewyse geldig is
  • Aanbod 1 en aanbieding 2 wat op die geskenkbewyse geadverteer sal word.
  • Bykomende voucher-boodskappe (byvoorbeeld bepalings en voorwaardes)
  • Data vir die QR-kodes van die voucher wat gegenereer sal word

So lyk dit:

Screen Shot 2016-05-30 at 1.56.00 AM

Screen Shot 2016-05-30 at 1.55.54 AM

Screen Shot 2016-05-30 at 1.55.36 AM

En na al hierdie pogings, eindig ons met 'n bladsy wat soos volg lyk:

Screen Shot 2016-05-30 at 1.55.22 AM

 

Die goeie nuus is dat die helfte van die werk nou voltooi is, en dat dit die moeilikste en tydrowendste helfte was. Die res is baie makliker.

6. Skep die vormverwerkingslêer

Nadat u 'n vorm geskep het, benodig u sagteware wat die ingediende data sal verwerk en iets daarmee kan doen. In hierdie geval sal ons die ingediende data gebruik om 'n nuwe te genereer HTML bladsy.

Onthou, dit is nie dieselfde as 'n normale PHP-reaksie waar die data intyds gebruik word en dinamies aan die gebruiker weerspieël word nie. In plaas daarvan skep ons 'n statiese bladsy wat permanent sal bestaan ​​totdat ons dit oorskryf.

Die lêer moet dieselfde benoem word as die aksie kenmerkwaarde in die vormverklaring, so in ons voorbeeld sou dit wees voucherGen.php, en omdat ons nie 'n pad gespesifiseer het nie, moet dit op dieselfde plek as gestoor word pageBuilder.php sodat dit kan werk.

7. Inisialiseer veranderlikes

Die gegewens ingedien vanaf pageBuilder.php is terugbesorg soos 'n assosiatiewe skikking genoem $ _POST, en al die datawaardes in die skikking kan verkry word via hul HTML-vormbeheer naam eienskappe. Daarom is dit baie maklik om ons veranderlikes te initialiseer. Dit is ook opsioneel, maar dit laat die kode net 'n bietjie netjieser en makliker leesbaar lyk. U kan beslis direk met die $ _POST waardes as u verkies.

Screen Shot 2016-05-30 at 1.55.15 AM

 8. Gebruik voorwaardes om die lettertipes na hul regte waardes te verander

As u dit vroeg doen, sal u later tyd en probleme bespaar. Ons gaan net na watter waardes gekies is en vervang dit dan met die werklike lettername.

Screen Shot 2016-05-30 at 1.55.10 AM9. Begin met die opbou van die kragopwekker

Eintlik hoef ons net hier 'n baie lang string te maak wat alles bevat wat nodig is om die nuwe bladsy te skep. Ons sal stringketting gebruik om dit leesbaar te hou en dit maklik te maak om te sien waar die datawaardes ingevoeg is. Dit begin met die basiese HTML-bladsy opgestel:

Screen Shot 2016-05-30 at 1.55.06 AM

U kan waarskynlik sien waarheen ons hiermee gaan. Let op die punt-punt aan die einde. Dit is belangrik. Ook semikolon wat binne die teks voorkom (as deel van 'n CSS-verklaring of as 'n script aan die kliënt), moet binne aanhalingstekens wees.

10. Begin die bladsyliggaam by die generatorstring voeg

Daar is meer doeltreffende maniere om hierdie string te bou, maar ek hou daarvan om kode netjies te maak sodat dit maklik is om te lees. U kan met behulp van korthandmetodes dit doen, en u hoef dit ook nie as 'n aparte proses te doen tot by stap 9. Ek voel dit is makliker om te verstaan ​​wanneer die verskillende gedeeltes van die bladsy so verdeel word.

Screen Shot 2016-05-30 at 1.55.00 AM

11. Skryf die generatorstring op 'n HTML

In hierdie geval kodifiseer ons die lêernaam hard, maar u kan (en waarskynlik moet) dit 'n veld maak in u bladsybou-vorm.

Screen Shot 2016-05-30 at 1.54.55 AM

12. Voeg 'n toetsskakel by

As u op die BUILD IT-knoppie klik, omdat dit nie na 'n webblad verwys soos 'n normale PHP-program nie, moet u 'n skakel of iets voeg om te sien wat die resultaat was.

Screen Shot 2016-05-30 at 1.54.50 AM

13. Skep die pasgemaakte CSS-lêer

U kan addisionele stylinstruksies in hierdie lêer stoor, maar die enigste belangrike een is die stileringinstruksies vir die hoof div.

Screen Shot 2016-05-30 at 1.54.45 AM

14. Skep en laai wrap.png op

Om dit behoorlik te laat werk, moet u 'n enkele deurskynende pixelbeeld skep en dit noem wrap.png laai dit dan op na die pad wat u in die custom.css lêer.

15. Laai 'n paar geskikte agtergrondprente op en toets u bladsybouer

U sal verheug wees om te weet dat ons amper klaar is, en dit is nou net om die foute wat voorkom, te toets en op te los. Kies 'n paar pragtige eenvoudige prente wat nie te besig is nie en wat geskik is om met spesiale geleenthede of geleenthede verband te hou (in ons voorbeeld het ek met Moedersdag en Vadersdag gegaan) Laai die beelde op na die pad waar u u beelde vir u webwerf stoor. Vul dan die vorm in, klik op die knoppie en kyk wat gebeur. Hier is 'n voorbeeld van die vorm met al die ingevulde datavelde.

Picture1

Dit sal daartoe lei dat u iets soortgelyk hieraan skep:

Screen Shot 2016-05-30 at 1.54.11 AM

Ons het al geraai dat u nie alles van voor af wil tik nie, sodat u die bronkode vir pageBuilder.php en voucherGen.php hierin kan aflaai. zip-lêer.

U kan hierdie tegniek toepas om HTML-lêers as snare te skep en dit dan in verskillende situasies op lêers uit te skryf. Wees net versigtig om nooit so iets in 'n rekursiewe lus te plaas nie, anders vul u die hardeskyf en val die bediener vas.

Catalin Zorzini

Ek is 'n webontwerpblogger en het hierdie projek begin nadat ek 'n paar weke lank gesukkel het om uit te vind wat dit is die beste e-handelsplatform vir myself. Kyk na my stroom top 10 e-handelaars vir e-handelaars.

Kommentaar Kommentaar

Lewer Kommentaar

Jou epos adres sal nie gepubliseer word nie. Verpligte velde is gemerk *

Waardering *

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.

Word 'n e-handel kundige

Voer u e-posadres in om die partytjie aan die gang te kry