Si të bëni një faqe në internet të bordit të mesazheve duke përdorur PHP dhe MYSQL: 5 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:17

Ky udhëzues do t'ju tregojë se si të krijoni një faqe në internet të bordit të mesazheve duke përdorur php, mysql, html dhe css. Nëse jeni i ri në zhvillimin e uebit, mos u shqetësoni, do të ketë shpjegime të hollësishme dhe analogji në mënyrë që të kuptoni më mirë konceptet.

Materialet e nevojshme:

• Redaktuesi i tekstit (d.m.th. Tekst Sublime, Atom, etj). Unë do të përdor tekst sublime.
• WAMP qëndron për Windows Apache MySQL dhe PHP
• MAMP qëndron për Mac Apache MySQL dhe PHP

MAMP për përdoruesit e Mac: https://www.mamp.info/en/ (përfshin MySQL dhe PHP)

WAMP për përdoruesit e Windows: https://www.wampserver.com/en/ (përfshin MySQL dhe PHP)

Tekst Sublime:

Hapi 1: Vështrim i përgjithshëm i projektit

Mënyra për të mbajtur gjurmët e mesazheve është ruajtja e tyre në një bazë të dhënash. Në këtë tutorial, ne do të përdorim MySQL. (Unë jam duke përdorur WAMP pasi kam një sistem operativ të bazuar në Windows)

1. Konfiguroni PHP dhe MySQL duke u siguruar që janë shkarkuar dhe mund të lundroni në vendndodhjen e skedarit të tyre në kompjuterin tuaj.
2. Hapni komandën e shpejtë dhe lundroni te drejtoria juaj mysql dhe shkruani "mysqladmin -u root -p password". Kjo komandë do të kërkojë fjalëkalimin tuaj dhe që ju ta futni përsëri.
3. Tani filloni serverin tuaj WAMP ose MAMP. Do të shfaqet një ikonë jeshile sapo serveri të përfundojë ngarkimin. Klikoni në ikonën -> MySQL -> tastierë MySQL për t'u siguruar që mund të identifikoheni me fjalëkalimin tuaj të sapo krijuar.
4. Tani detyra është të krijoni bazën e të dhënave ku do të ruhen informacionet në lidhje me mesazhet. Le të mendojmë për atë që zakonisht nevojitet nga një mesazh. Artikujt e zakonshëm përfshinin: Emri, koha e postimit të mesazhit, koha e postimit të mesazhit dhe vetë mesazhi.
5. Krijoni bazën e të dhënave të quajtur "mesazh".
6. Krijoni tabelë të quajtur "komente" dhe shtoni rreshtat: id (Lloji i plotë që rritet automatikisht), emri (lloji Varchar), komenti (lloji Varchar), koha (lloji Varchar), data (lloji Varchar),
7. Lidhuni me bazën e të dhënave "mesazhe" në emrin e skedarit php "db.php".
8. Krijoni fushën e hyrjes për emrin e autorit dhe zonën e tekstit për mesazhin.
9. Vërtetoni të dhënat para se t'i futni në bazën e të dhënave. Nëse gjithçka është në rregull, futni mesazhin, emrin e autorit, datën dhe kohën kur postimi është postuar.
10. Shfaqni mesazhet duke tërhequr të gjitha regjistrimet e bazave të të dhënave në një html div dhe stiloni faqen duke përdorur CSS.
11. Horray, ju keni mësuar me sukses të krijoni një sistem mesazhesh.

Hapi 2: Hapi 2 - Vendosni bazën e të dhënave

Figura 1 - Pasi të krijohet baza e të dhënave, mund të futni komandën 'shfaqni bazat e të dhënave' për t'u siguruar që baza e të dhënave është krijuar me sukses.

TREGOJNAS BAZAT E TAT DHATNAVE;

Figura 2 - Për të ruajtur informacionin në bazën e të dhënave, duhet të krijohet një tabelë. Krijimi i tabelës me rreshtat thelbësorë është çelësi për të siguruar që faqja e internetit të ketë të gjithë informacionin e nevojshëm. Komentet e tabelës do të kenë të gjithë informacionin e nevojshëm

Në mënyrë që të jeni në gjendje të lidheni me bazën e të dhënave të mesazheve, lëshoni komandën "GRANT GJITH PRIVILEGJET N ON mesazh.*". Ju mund të përdorni emrin e përdoruesit dhe fjalëkalimin tuaj, vetëm ju lutemi mos e harroni.

KRIJONI mesazhin e BAZS SAT DHATNAVE; JEPI T ALL GJITH PRIVILEGJEVE N message mesazh.* N '' username '@' localhost 'IDENTIFIKUAR ME' fjalëkalim ';

Figura 3 - Shkruani 'përshkruani komentet' për t'u siguruar që tabela është krijuar me sukses. Ju mund të shihni rreshtat dhe llojet e të dhënave të tyre duke lëshuar këtë komandë.

PESRSHKRUAJ KOMENTET;

Figura 4 - Meqenëse rreshti për koment nuk ishte fillimisht atje, le ta shtojmë me komandën ALTER TABLE. Komenti është i tipit VARCHAR (255) kjo do të thotë se komenti do të jetë tekst që nuk mund të kalojë një gjatësi prej 255 karakteresh.

ALTER TABELA mesazh SHTO komentet e KOLONNS VARCHAR (255) JO NULL;

255 përfaqëson gjatësinë maksimale për koment. Jo null do të thotë që kur një mesazh futet në bazën e të dhënave, fusha e komenteve në bazën e të dhënave nuk mund të jetë bosh (null; inekzistente).

Hapi 3: Krijoni skedarë Php

Hapat e mëposhtëm do të zhvillohen në redaktuesin tuaj të tekstit të zgjedhur. Unë do të përdor tekst sublim.

1. Do të na duhet të krijojmë dy skedarë. Njëra do të quhet db.php e cila do të lidhet ose uebfaqe me bazën e të dhënave MYSQL (gjuha ime standarde e pyetjeve) dhe index.php, faqe ku do të zhvillohen mesazhet.

2. Së pari, le të krijojmë db.php. Kur u krijua baza e të dhënave, kredencialet e lidhjes për t'u lidhur me bazën e të dhënave. Ky skedar do të lidhë index.php me bazën e të dhënave në mënyrë që ta mbushim atë me informacionin e nevojshëm për të krijuar dhomën e bisedave.

Kodi për db.php

? php define ("DB_SERVER", "localhost");

përcakto ("DB_USER", "kylel95"); përcakto ("DB_PASSWORD", "fjalëkalim"); përcakto ("DB_NAME", "mesazh"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

nëse (mysqli_connect_errno ()

{die ("Lidhja me bazën e të dhënave dështoi:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Tjetra, le të krijojmë index.php. Ky skedar është vendi ku krijojmë dhomën e bisedave. Ne do të përdorim fushën hyrëse të html për emrin, zonën e tekstit për mesazhin dhe një element div për të përmbajtur mesazhet. Ne do të përdorim CSS (Cascase Style Sheet) për të pozicionuar elementët e faqes dhe për të dekoruar përmbajtjen e faqes.

kodi për index.php

? phprequire_once ('db.php');

if (isset ($ _ POST ['paraqit']))) {$ time = data ("g: i: s A"); $ date = data ("n/j/Y"); $ msg = $ _POST ['mesazh']; $ name = $ _POST ['fname']; $ result = ""; nëse (! bosh ($ msg) &&! bosh ($ name)) {// emri i datës së orës së emrit $ query = "INSERT INTO komentet ("; $ query. = "emri, ora, data, komenti"; $ query. = ") VLERAT ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ result = mysqli_query ($ connect, $ query); }}?>>

textarea {kufiri-rrezja: 2%; } #thread {border: 1px #d3d3d3 solid; lartësia: 350px; gjerësia: 350px; tejmbushje: lëviz; }

? php $ select = "SELECT * NGA komentet"; $ q = mysqli_query ($ connect, $ select); ndërsa ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['koment']. ""; }?> Emri: Paraqit

4. Ne do të përdorim datën e funksionit të ndërtuar në php () për të marrë datën dhe kohën kur mesazhi është postuar dhe bosh () për t'u siguruar që përdoruesit të mos fusin një mesazh ose emër bosh.

5. Pasi të dorëzohen të dhënat e formularit, ne do të fusim emrin, mesazhin, kohën dhe datën në bazën e të dhënave.

6. Tani do të pyesim nga baza e të dhënave dhe do të marrim të gjitha komentet. Komentet do të ruhen në një div.

?>

Hapi 4: Plotësoni skedarët Db.php dhe Index.php

1. Db.php (db e shkurtër për bazën e të dhënave) përdor emrin e përdoruesit dhe fjalëkalimin që kam përdorur sapo është krijuar baza e të dhënave kur kam lëshuar komandën "GRANT GJITH PRIVILEGJET".

Funksioni përcaktues në krye të skedarit tregon se variablat DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME janë konstante (ato nuk ndryshojnë në vlerë). Deklaratat if kontrollojnë nëse lidhja me bazën e të dhënave dështoi apo jo.

2. Në skedarin index.php, ne do të përdorim funksionin e kërkuar të php për të lidhur faqen me bazën e të dhënave. Tjetra, krijoni një fushë hyrëse për emrin. Pastaj bëni zonën e tekstit për mesazhin. Pasi të krijohen këto, vizitoni https:// localhost: 8080/messages/index.php (mund të mos keni një numër porti dmth. 8080) për t'u siguruar që shihni kutinë e hyrjes dhe zonën e tekstit.

3. Tjetra, le të mbledhim të dhënat e formularit dhe pastaj t'i fusim në bazën e të dhënave.

4. Tani, le të shtojmë pyetjen në bazën e të dhënave dhe të nxjerrim të gjitha mesazhet në një div.

5. Për t'i stiluar gjërat pak më mirë, le të shtojmë disa CSS për ta bërë atë pak më të bukur.

PS: Kam pasur një gabim gabimi. Ju lutemi ndryshoni 'mesazhin' për të komentuar pranë komandës INSERT për ndryshoren e pyetjes $.

Hapi 5: Hapi 5: Shembulli dhe Hapat e ardhshëm

Shpresojmë që të shihni diçka të ngjashme me atë që është më lart pasi të keni shtuar css dhe ta provoni atë.

Hapat e ardhshëm: Shtoni më shumë css për ta bërë sajtin më tërheqës.