Awtomatikong Paglikha ng Pahina ng Web na may PHP

Mayroong ilang mga oras sa buhay kung kailangan mo ng isang web page upang gumawa ng isang bagay na higit pa sa pag-upo doon na isang web page. Kailangan mo ito upang kumita ng panatilihin nito. Ang isang paraan upang magawa iyon ay upang maisagawa ito para sa iyo, kaya hindi mo na kailangang iabot ang code sa bawat pag-update o pahina ng mod. Ang pinakamadaling paraan upang malaman kung paano gumawa ng isang bagay tulad nito ay sa pamamagitan ng aktwal na paggawa nito, kaya sa natitirang bahagi ng artikulong ito, ipapakita ko sa iyo ang isang paraan ng pagpapatupad ng isang system na bubuo ng mga bagong web page para sa iyo sa pag-ugnay ng isang pindutan

Sa senaryong ito, ipagpapalagay namin na ang iyong kliyente ay isang restawran na nais na mag-alok ng mga voucher para sa iba't ibang mga espesyal na okasyon sa buong taon. Ngunit syempre ayaw ka nilang bayaran upang ma-update ito para sa kanila, kaya mas mabuti mong siguraduhing singil nang sapat ang mga ito para sa sistemang automation na ito na gagawin ang mga pag-update para sa kanila

1. Una kailangan naming lumikha ng isang pangunahing template ng web page.

Ito ay isang karaniwang balangkas ng web page lamang. Maaari mo itong bigyan ng isang pangalan tulad ng "pageBuilder.php" o anumang bagay. Hindi mo kailangang gumamit ng PHP para dito. Maaari kang gumamit ng isa pang wika sa pagprograma, ngunit para sa halimbawang ito ay panatilihin naming simple ang mga bagay at gagawin namin ang lahat sa PHP.

Screen Shot 2016 05--30 1.56.52 sa AM

2. Magdagdag ng Bootstrap

Makakatulong ito upang gawing mas mahusay ang hitsura ng form nang walang anumang labis na trabaho. Siyempre kakailanganin mong magkaroon ng Bootstrap upang gumana ito.

Screen Shot 2016 05--30 1.56.56 sa AM

3. Mag-set up ng isang lalagyan

Upang matulungan ang panatilihing maayos at malinis ang lahat, dapat nating tukuyin ang isang lalagyan na iimbak namin ang mga nilalaman ng pahina.

Screen Shot 2016 05--30 1.56.48 sa AM

4. Lumikha ng isang form sa web

Tukuyin ang isang form sa web, at magdagdag din kami ng isang magarbong pamagat sa form, na opsyonal ngunit isang magandang ideya.

Screen Shot 2016 05--30 1.56.43 sa AM

5. Idagdag ang mga patlang ng form

Ito ay talagang simple. Kailangan lang naming mangolekta ng ilang pangunahing mga detalye na gagamitin ng robot upang lumikha ng isang bagong web page. Kasama sa data na kailangan nating malaman ang:

  • Ang imahe sa background para sa pahina
  • Pangalan ng kaganapan na ipinagdiriwang
  • Ulo ng balita
  • Panimulang mensahe
  • Ang ilang mga trite quote o karagdagang pahayag
  • Pagpapatungkol para sa trite quote
  • Estilo ng font na gagamitin para sa bawat isa sa apat na mga elemento ng teksto ng pag-frame (sadividalawahan).
  • Saklaw ng petsa kung saan magiging wasto ang mga voucher
  • Mag-alok ng 1 at Alok 2 na ia-advertise sa mga voucher.
  • Mga karagdagang mensahe ng voucher (mga tuntunin at kundisyon, halimbawa)
  • Data para sa mga voucher QR code na mabubuo

Narito kung paano ito nakikita:

Screen Shot 2016 05--30 1.56.00 sa AM

Screen Shot 2016 05--30 1.55.54 sa AM

Screen Shot 2016 05--30 1.55.36 sa AM

At pagkatapos ng lahat ng pagsisikap na ito, magtatapos kami sa isang pahina na ganito ang hitsura:

Screen Shot 2016 05--30 1.55.22 sa AM

 

Ang magandang balita ay ang kalahati ng trabaho ay kumpleto na ngayon, at ito ang pinakamahirap at kalahating naubos na oras. Ang natitira ay mas madali.

6. Lumikha ng file ng form processor

Matapos lumikha ng isang form, kailangan mo ng ilang software na magproseso ng isinumiteng data at may gagawin dito. Sa kasong ito, gagamitin namin ang isinumiteng data upang makabuo ng bago HTML pahina.

Ngayon, tandaan na hindi ito ang parehong bagay bilang isang normal na pagtugon sa PHP kung saan ang data ay ginagamit nang real time at makikita sa gumagamit nang pabagu-bago. Sa halip, lumilikha kami ng isang static na pahina na permanenteng umiiral hanggang sa mai-overlap namin ito.

Ang file ay kailangang mapangalanan katulad ng aksyon halaga ng katangian sa pagdeklara ng form, kaya't sa aming halimbawa iyan ay voucherGen.php, at dahil hindi kami tumukoy ng isang landas, kakailanganin itong maimbak sa parehong lokasyon tulad ng pahinaBuilder.php para gumana ito.

7. Pasimulan ang mga variable

Ang data na isinumite mula sa pahinaBuilder.php ay ibinalik bilang isang naiugnay na array na tinatawag $ _ POST, at ang lahat ng mga halaga ng data sa array ay maaaring ma-access sa pamamagitan ng kanilang control form sa HTML pangalan mga katangian Samakatuwid ang pagsisimula ng aming mga variable ay talagang madali. Opsyonal din ito, ngunit ginagawang mas malinis at mas madaling basahin ang code. Maaari kang tiyak na gumana nang direkta sa $ _ POST halaga kung gugustuhin mo.

Screen Shot 2016 05--30 1.55.15 sa AM

 8. Gumamit ng mga kundisyon upang mabago ang mga font sa kanilang wastong halaga

Ang paggawa nito nang maaga ay makatipid sa oras at problema sa paglaon. Sinusuri lamang namin kung aling mga halaga ang napili at pagkatapos ay palitan ang mga ito ng aktwal na mga pangalan ng font.

Screen Shot 2016 05--30 1.55.10 sa AM9. Simulan ang pagbuo ng string ng generator

Talagang lahat ng kailangan nating gawin dito ay lumikha ng isang talagang mahaba ang string na naglalaman ng lahat ng kinakailangan upang lumikha ng bagong pahina. Gagamitin namin ang string concatenation upang mapanatili itong mabasa at gawin itong madali upang makita kung saan naipasok ang mga halaga ng data. Nagsisimula ito sa pag-set up ng pangunahing pahina ng HTML:

Screen Shot 2016 05--30 1.55.06 sa AM

Marahil ay makikita mo kung saan tayo pupunta dito. Tandaan ang semi-colon sa dulo. Mahalaga yan Gayundin ang anumang mga semi-colon na nagaganap sa loob ng teksto (bilang bahagi ng isang deklarasyon ng CSS o isang script na panig ng kliyente) ay dapat na nilalaman sa loob ng mga marka ng quote.

10. Simulang idagdag ang pahina ng katawan sa string ng generator

Mayroong mas mahusay na mga paraan upang maitayo ang string na ito, ngunit nais kong linisin ang code, upang madali itong mabasa. Maaari kang gumamit ng mga maiikling pamamaraan ng kamay upang magawa ito, at hindi mo rin ito kailangang gawin bilang isang hiwalay na proseso patungo sa hakbang 9. Pakiramdam ko mas madaling maintindihan kapag ang magkakaibang seksyon ng pahina ay nahati sa ganitong paraan.

Screen Shot 2016 05--30 1.55.00 sa AM

11. Isulat ang string ng generator sa isang HTML

Sa kasong ito ay hard-coding namin ang pangalan ng file, ngunit maaari mo (at marahil ay dapat) gawin itong isang patlang sa iyong form ng pahinaBuilder.

Screen Shot 2016 05--30 1.54.55 sa AM

12. Magdagdag ng isang link ng pagsubok

Kapag na-click mo ang BUILD IT button, dahil hindi ito nagre-redirect sa isang web page tulad ng isang normal na programa sa PHP, kailangan mong magdagdag ng isang link o isang bagay upang pumunta at makita kung ano ang resulta.

Screen Shot 2016 05--30 1.54.50 sa AM

13. Lumikha ng pasadyang CSS file

Maaari kang mag-imbak ng karagdagang mga tagubilin sa istilo sa file na ito, ngunit sa ngayon ang isa lamang na mahalaga ay ang tagubilin sa estilo para sa pangunahin div.

Screen Shot 2016 05--30 1.54.45 sa AM

14. Lumikha at mag-upload ng pambalot.png

Upang gumana ito ng maayos, kailangan mong lumikha ng isang solong translucent na imahe ng pixel at pangalanan ito balot.png pagkatapos ay i-upload ito sa landas na iyong tinukoy sa pasadyang.css file.

15. Mag-upload ng ilang naaangkop na mga imahe sa background at subukan ang iyong pahinaBuilder

Masasabik ka na malaman na halos tapos na kami, at talagang ngayon lamang ito ng isang pagsubok lamang at pag-aayos ng anumang mga error na nagaganap. Pumili ng ilang magagandang simpleng imahe na hindi masyadong abala at angkop na maiugnay sa mga espesyal na kaganapan o okasyon (sa aming halimbawa, Nagpunta ako sa Araw ng Mga Ina at Araw ng Mga Ama). I-upload ang mga imahe sa landas kung saan mo iniimbak ang iyong mga imahe para sa iyong website. Pagkatapos punan ang form, i-click ang pindutan, at makita kung ano ang nangyayari. Narito ang isang halimbawa ng form kasama ang lahat ng mga patlang ng data na napunan.

Picture1

Alin ang dapat magresulta sa paglikha ng isang bagay na katulad nito:

Screen Shot 2016 05--30 1.54.11 sa AM

Nahulaan na namin na hindi mo nais na mai-type ang lahat mula sa simula, upang ma-download mo ang source code para sa pageBuilder.php at voucherGen.php dito zip file.

Maaari mong ilapat ang diskarteng ito ng paglikha ng mga HTML file bilang mga string at pagkatapos ay isulat ang mga ito sa mga file sa lahat ng uri ng mga sitwasyon. Mag-ingat lamang na huwag maglagay ng tulad nito sa isang recursive loop o punan mo ang iyong hard drive at i-crash ang server.

Catalin Zorzini

Isa akong blogger sa disenyo ng web at sinimulan ang proyektong ito pagkatapos gumastos ng ilang linggo na nagpupumilit na alamin kung alin ang pinakamahusay na platform ng ecommerce para sa sarili ko. Suriin ang aking kasalukuyang nangungunang 10 tagabuo ng site ng ecommerce.

Comments 2 Responses

Mag-iwan ng Sagot

Ang iyong email address ay hindi ilalathala. Ang mga kailangang field ay may markang *

Marka *

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.

Naging isang dalubhasa sa ecommerce

Ipasok ang iyong email upang masimulan ang party