Listimi urgjent php. Si e luftova vjedhjen... duke përdorur php

Listat e detyrave janë një mënyrë e shkëlqyer për të mbajtur gjurmët e detyrave tuaja të përditshme. Në këtë tutorial, ne do të ndërtojmë listën tonë të detyrave duke përdorur PHP, MySQL dhe AJAX. Ky tutorial supozon se ju keni një kuptim bazë të HTML, PHP, MySQL dhe JavaScript.

Ne do të përdorim skedarët e mëposhtëm gjatë gjithë këtij tutoriali. Ju mund t'i shkarkoni ato duke përdorur lidhjen e mëposhtme. Mos ngurroni të përdorni një strukturë alternative, por mos harroni të ndryshoni shtigjet e skedarëve nga ato në kodin e shembullit.

Gjëja e parë që duhet të bëjmë është të shtrojmë strukturën për faqen tonë kryesore të indeksit ( indeks.php). Ky aplikacion do të ketë vetëm një faqe dhe ne do të përdorim AJAX për të shtuar dhe fshirë artikujt për të bërë. Hape indeks.php skedar dhe shtoni kodin e mëposhtëm.

Lista e thjeshtë e detyrave

Shënim: Për hir të kohës, ne nuk do të mbulojmë stilimin në këtë tutorial. Një skedar CSS është përfshirë në skedarët burimor.

Ne duhet të krijojmë një bazë të dhënash MySQL për ruajtjen e artikujve tanë për të bërë. Mënyra më e lehtë për ta bërë këtë është përmes një mjeti nga ana e serverit të quajtur phpMyAdmin. Mjetet vijnë të para-instaluara në shumicën e hosteve të uebit dhe janë të bashkuara me shërbime zhvillimi lokal si WampServer dhe XAMPP. Ne do të vendosim një tabelë me emrin e 'detyrave' dhe kolonat e mëposhtme në këtë rend: 'id', 'detyrë', 'data', 'ora'. Sigurohuni që ta vendosni kolonën id në rritje automatike (duhet të ketë një kuti kontrolli të etiketuar "A_I").

Pas krijimit të tabelës së re, ne duhet të lidhim projektin tonë me bazën e të dhënave. Hapur lidh.php dhe shtoni kodin e mëposhtëm në skedar. Sigurohuni që të zëvendësoni të dhënat tuaja të bazës së të dhënave për fushat "emri i përdoruesit", "fjalëkalimi" dhe "emri_bazës së të dhënave". Ruani skedarin kur të keni mbaruar.

Shpjegimi i Kodit
PHP ka një funksion mysql_connect() që krijon një lidhje me serverin MySQL. Variabla e serverit duhet të mbetet e vendosur në 'localhost' përveç nëse baza e të dhënave juaj është e pritur në një server të ndryshëm nga skedarët e projektit. Në atë rast, zëvendësoni këtë vlerë për adresën IP të serverit MySQL. Pasi të jetë bërë lidhja, funksioni mysql_select_db() zgjedh një bazë të dhënash specifike nga serveri.

Tani që kemi krijuar tonën lidh.php skedar, duhet ta shtojmë në skedarin kryesor të indeksit. Shtoni kodin e mëposhtëm në indeks.php dhe ruani ndryshimin.

Lista e thjeshtë e detyrave

Gjëja tjetër që duam të bëjmë është të krijojmë një mënyrë për të shtuar artikuj në listën tonë të detyrave. Për ta bërë këtë, ne do të përdorim një formular dhe do t'i dorëzojmë rezultatet në bazën e të dhënave. Shtoni kodin e mëposhtëm në indeks.php dhe ruani ndryshimin.

Lista e thjeshtë e detyrave

Shënim: Vini re se formulari nuk ka atribute të veprimit dhe metodës. Këto zakonisht përdoren për të paraqitur të dhëna në një skedar tjetër nëpërmjet një postimi ose kërkese për të marrë. Ne do të përdorim AJAX për të paraqitur formularin tonë, kështu që nuk do të përcaktojmë asnjërën nga këto atribute. Për më shumë informacion mbi AJAX, shikoni këtë artikull nga W3Schools.

Hapur indeks.php në shfletuesin tuaj të internetit dhe hidhini një sy. Në këtë pikë, ju duhet të shihni një drejtkëndësh të madh të bardhë ku do të shfaqen artikujt për të bërë dhe një fushë teksti për shtimin e artikujve të rinj në listë.

Ne duhet të vendosim një mënyrë që formulari të komunikojë me bazën e të dhënave. Duke përdorur jQuery, le të dërgojmë artikullin tonë të ri për të bërë përmes një kërkese postimi në add-task.php dosje. Nga atje, artikulli ynë do të formatohet dhe ruhet në bazën e të dhënave. Shtoni sa vijon në indeks.php skedar direkt pas etiketës mbyllëse.

Shpjegimi i Kodit
Skripti i mësipërm kap vlerën e fushës së tekstit në formularin e dorëzimit dhe e dërgon atë në add-task.php duke përdorur metodën $.post() jQuery. Të add-task.php file pastaj dërgon përsëri konfirmimin e artikullit të sapo shtuar, në mënyrë që të mund të shtohet në listë. E bukura është se e gjithë kjo ndodh pa rifreskuar faqen!

Tani që forma jonë po dërgon artikullin e ri për të bërë te add-task.php, duhet t'i tregojmë atij skedari se çfarë të bëjë me informacionin. Hapur add-task.php dhe shtoni kodin e mëposhtëm. Mos harroni të ruani skedarin.