Isang Comprehensive Guide sa Automated Web Page Creation na may PHP sa 2023

Kung nag-subscribe ka sa isang serbisyo mula sa isang link sa page na ito, maaaring makakuha ng komisyon ang Reeves and Sons Limited. Tingnan ang aming pahayag ng etika.

May mga tiyak na pagkakataon sa buhay kung kailan kailangan mo ng isang web page upang makagawa ng isang bagay na higit pa sa pag-upo doon bilang isang web page. Kailangan mo ito upang kumita ng kanyang panatilihin. Ang isang paraan para gawin iyon ay ang patakbuhin ito para sa iyo, para hindi mo na kailangang ibigay ang code sa bawat update o page mod. Ang pinakamadaling paraan upang matutunan kung paano gawin ang isang bagay na 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 touch ng isang pindutan.

Sa sitwasyong ito, ipagpalagay namin na ang iyong kliyente ay isang restaurant na gustong mag-alok ng mga voucher para sa iba't ibang espesyal na okasyon sa buong taon. Ngunit siyempre ayaw ka nilang bayaran para i-update ito para sa kanila, kaya mas mabuting siguraduhin mong singilin sila nang sapat para sa automation system na ito na gagawa ng mga update para sa kanila

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

Isa lamang itong karaniwang balangkas ng web page. Maaari mo itong bigyan ng isang pangalan tulad ng "pageBuilder.php" o isang bagay. Hindi mo kailangang gumamit ng PHP para dito. Maaari kang gumamit ng ibang programming language, ngunit para sa halimbawang ito, pananatilihin naming simple ang mga bagay at gagawin ang lahat sa PHP.

Screen Shot 2016 05--30 1.56.52 sa AM

2. Magdagdag ng Bootstrap

Makakatulong ito na gawing mas maganda ang anyo nang walang anumang karagdagang trabaho. Siyempre kailangan mong magkaroon ng Bootstrap para gumana ito.

Screen Shot 2016 05--30 1.56.56 sa AM

3. Mag-set up ng isang lalagyan

Upang makatulong na panatilihing malinis at maayos ang lahat, dapat nating tukuyin ang isang lalagyan kung saan natin iimbak ang mga nilalaman ng page.

Screen Shot 2016 05--30 1.56.48 sa AM

4. Lumikha ng isang form sa web

Tukuyin ang isang web form, at magdaragdag din kami ng 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

Ganito ang hitsura nito:

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

Pagkatapos gumawa ng isang form, kailangan mo ng ilang software na magpoproseso 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 ginagawa nitong medyo mas malinis at mas madaling basahin ang code. Tiyak na maaari kang magtrabaho 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

Malamang makikita mo kung saan kami pupunta nito. Tandaan ang semi-colon sa dulo. importante yan. Gayundin ang anumang mga semi-colon na nangyayari sa loob ng teksto (bilang bahagi ng isang deklarasyon ng CSS o isang script sa panig ng kliyente) ay dapat na nasa loob ng mga quote mark.

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

Mayroong mas mahusay na mga paraan upang buuin ang string na ito, ngunit gusto kong gawing malinis ang code, upang madali itong basahin. Maaari kang gumamit ng mga maiikling paraan upang gawin ito, at hindi mo rin kailangang gawin ito bilang isang hiwalay na proseso sa hakbang 9. Pakiramdam ko ay mas madaling maunawaan kapag ang iba't ibang mga seksyon ng pahina ay nahahati 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 ginagawa ng isang normal na PHP program, kailangan mong magdagdag ng 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

Matutuwa kang malaman na halos tapos na kami, at talagang pagsubok lang at ayusin ang anumang mga error na nangyayari. Pumili ng ilang magagandang simpleng larawan na hindi masyadong abala at angkop na iugnay sa mga espesyal na kaganapan o okasyon (sa aming halimbawa, sumama ako sa Araw ng Ina at Araw ng Ama). I-upload ang mga larawan sa path kung saan mo iniimbak ang iyong mga larawan para sa iyong website. Pagkatapos ay punan ang form, i-click ang button, at tingnan kung ano ang mangyayari. Narito ang isang halimbawa ng form na may lahat ng mga field 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 gustong i-type ang lahat ng iyon mula sa simula, para ma-download mo ang source code para sa pageBuilder.php at voucherGen.php dito zip file.

Maaari mong ilapat ang pamamaraang ito ng paglikha ng mga HTML na 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 ganito sa isang recursive loop o mapupuno mo ang iyong hard drive at masira ang server.

Comments 2 Responses

  1. Ufas Webmaster sabi ni:

    Trรจs trรจs instructif, j'ai essayรฉ et รงa marche ร  merveille, milles merci

    1. Bogdan Rancea sabi ni:

      Walang anuman! ๐Ÿ‘๐Ÿ‘๐Ÿ‘

Mag-iwan ng Sagot

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan *

Marka *

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