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.
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.
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.
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.
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
- Lettertipestyl om te gebruik vir elk van die vier raamtekselemente (afsonderlik).
- 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:
En na al hierdie pogings, eindig ons met 'n bladsy wat soos volg lyk:
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.
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.
9. 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:
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.
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.
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.
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.
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.
Dit sal daartoe lei dat u iets soortgelyk hieraan skep:
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.
Trรจs trรจs instructif, j'ai essayรฉ et รงa marche ร merveille, Milles merci
Jy is welkom! ๐๐๐