Jinsi ya kutengeneza Tovuti ya Bodi ya Ujumbe Kutumia PHP na MySQL: Hatua 5

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:51

Hii inayoweza kufundishwa itakuonyesha jinsi ya kuunda wavuti ya bodi ya ujumbe ukitumia php, mysql, html, na css. Ikiwa wewe ni mpya kwa ukuzaji wa wavuti, usijali, kutakuwa na maelezo ya kina na milinganisho ili uweze kuelewa vizuri dhana hizo.

Vifaa vinahitajika:

• Mhariri wa maandishi (yaani Nakala ya Juu, Atom, nk). Nitatumia maandishi matukufu.
• WAMP inasimama kwa Windows Apache MySQL na PHP
• MAMP inasimama kwa Mac Apache MySQL na PHP

MAMP kwa watumiaji wa Mac: https://www.mamp.info/en/ (inajumuisha MySQL na PHP)

WAMP kwa watumiaji wa Windows: https://www.wampserver.com/en/ (inajumuisha MySQL na PHP)

Nakala Tukufu:

Hatua ya 1: Muhtasari wa Mradi

Njia ya kufuatilia ujumbe ni kuyahifadhi kwenye hifadhidata. Katika mafunzo haya, tutatumia MySQL. (Ninatumia WAMP kwa kuwa nina mfumo wa uendeshaji wa windows)

1. Sanidi PHP na MySQL kwa kuhakikisha zinapakuliwa na unaweza kwenda kwenye eneo la faili kwenye kompyuta yako.
2. Fungua kidokezo cha amri na nenda kwenye saraka yako ya mysql na andika "mysqladmin -u root -p password." Amri hii itauliza nywila yako na uweke tena.
3. Sasa anza WAMP yako au seva ya MAMP. Kutatokea ikoni ya kijani mara seva itakapomaliza kupakia. Bonyeza ikoni -> MySQL -> Dashibodi ya MySQL ili kuhakikisha unaweza kuingia na nywila yako mpya.
4. Sasa kazi ni kuunda hifadhidata ambapo habari kuhusu ujumbe itahifadhiwa. Wacha tufikirie juu ya nini kawaida inahitajika kutoka kwa ujumbe. Vitu vya kawaida vilijumuisha: Jina, wakati ujumbe ulichapishwa, wakati ujumbe ulichapishwa, na ujumbe wenyewe.
5. Unda hifadhidata inayoitwa "ujumbe".
6. Unda meza inayoitwa "maoni" na uongeze safu: id (Aina kamili ambayo nyongeza za kiotomatiki), jina (aina ya Varchar), maoni (aina ya Varchar), wakati (aina ya Varchar), tarehe (aina ya Varchar),
7. Unganisha kwenye hifadhidata ya "ujumbe" katika jina la faili ya php "db.php".
8. Unda uwanja wa kuingiza jina la mwandishi na eneo la maandishi kwa ujumbe.
9. Thibitisha data kabla ya kuiingiza kwenye hifadhidata. Ikiwa kila kitu ni sawa, ingiza ujumbe, jina la mwandishi, tarehe na wakati chapisho lilichapishwa.
10. Onyesha ujumbe kwa kurudisha hifadhidata zote kwenye html div na weka mtindo wa ukurasa kwa kutumia CSS.
11. Horray, umefanikiwa kujifunza kuunda mfumo wa ujumbe.

Hatua ya 2: Hatua ya 2 - Sanidi Hifadhidata

Picha 1 - Mara tu hifadhidata imeundwa, unaweza kuingiza amri 'onyesha hifadhidata' ili kuhakikisha kuwa hifadhidata imeundwa kwa mafanikio.

ONYESHA HABARI;

Picha 2 - Ili kuhifadhi habari kwenye hifadhidata meza inahitaji kuundwa. Kuunda meza na safu muhimu ni muhimu kuhakikisha kuwa wavuti ina habari zote muhimu. Maoni ya meza yatakuwa na habari zote muhimu

Ili kuweza kuungana na hifadhidata ya ujumbe, toa amri ya "WAPA VIFAA VYOTE KWENYE ujumbe." Unaweza kutumia jina lako la mtumiaji na nywila, tafadhali usisahau.

Unda ujumbe wa HABARI; TOA MAHAKAMA YOTE KWENYE ujumbe. * KWA 'jina la mtumiaji' @ 'localhost' ILIYOTAMBULISHWA NA 'nywila';

Picha 3 - Ingiza 'eleza maoni' ili kuhakikisha kuwa meza imeundwa kwa mafanikio. Unaweza kuona safu na aina zao za data kwa kutoa amri hii.

Fafanua MAONI;

Picha ya 4 - Kwa kuwa safu ya maoni haikuwepo hapo awali, wacha tuiongeze na amri ya ALTER TABLE. Maoni ni aina VARCHAR (255) hii inamaanisha kuwa maoni yatakuwa maandishi ambayo hayawezi kuzidi urefu wa herufi 255.

ALTER JEDWABU ujumbe ONGEZA KOLUMU maoni VARCHAR (255) SI NULL;

255 inawakilisha urefu wa juu wa maoni. Sio batili inamaanisha kuwa wakati ujumbe umeingizwa kwenye hifadhidata, uwanja wa maoni kwenye hifadhidata hauwezi kuwa tupu (batili; haipo).

Hatua ya 3: Unda Faili za Php

Hatua zifuatazo zitafanyika katika hariri yako ya maandishi ya chaguo. Nitatumia maandishi matukufu.

1. Tutahitaji kuunda faili mbili. Mmoja ataitwa db.php ambayo itaunganisha au wavuti kwa hifadhidata ya MYSQL (lugha yangu ya kawaida) na index.php, ukurasa ambao ujumbe utafanyika.

2. Kwanza, wacha tuunde db.php. Wakati hifadhidata iliwekwa hati za unganisho ili kuungana na hifadhidata. Faili hii itaunganisha index.php kwenye hifadhidata ili tuijaze na habari inayohitajika kuunda chumba cha mazungumzo.

Nambari ya db.php

php fafanua ("DB_SERVER", "localhost");

fafanua ("DB_USER", "kylel95"); fafanua ("DB_PASSWORD", "nywila"); fafanua ("DB_NAME", "ujumbe"); $ kuunganisha = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

ikiwa (mysqli_connect_errno ())

{die ("Uunganisho wa hifadhidata umeshindwa:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Ifuatayo, wacha tuunde index.php. Faili hii ndio ambapo tunaunda chumba cha mazungumzo. Tutatumia uwanja wa uingizaji wa html kwa jina, maandishi kwa ujumbe, na kipengee cha div kuwa na ujumbe. Tutatumia CSS (Karatasi ya Sinema ya Cascase) kuweka vitu vya kurasa na kupamba yaliyomo kwenye ukurasa.

nambari ya index.php

? phprequire_once ('db.php');

ikiwa (isset ($ _ POST ['submit'])) {$ time = tarehe ("g: i: s A"); $ tarehe = tarehe ("n / j / Y"); $ msg = $ _POST ['ujumbe']; $ jina = $ _POST ['fname']; $ matokeo = ""; ikiwa (! empty ($ msg) &&! empty ($ name)) {// name time date message $ query = "Ingiza maoni ("; $ query. = "name, time, date, comment"; $ query. = ") MAADILI ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ matokeo = mysqli_query ($ unganisha, swala la $); }}}?>

textarea {mpaka-eneo: 2%; } # uzi {mpaka: 1px # d3d3d3 imara; urefu: 350px; upana: 350px; kufurika: tembeza; }

? php $ select = "CHAGUA * KUTOKA maoni"; $ q = mysqli_query ($ unganisha, $ chagua); wakati ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['maoni']. ""; }?> Jina: Wasilisha

4. Tutatumia php iliyojengwa katika tarehe ya kazi () kupata tarehe na wakati ujumbe ulichapishwa na tupu () kuhakikisha kuwa watumiaji hawaingizi ujumbe au jina tupu.

5. Mara tu data ya fomu itakapowasilishwa, tutaingiza jina, ujumbe, wakati na tarehe kwenye hifadhidata.

6. Sasa tutauliza kutoka kwa hifadhidata na kupata maoni yote. Maoni yatahifadhiwa katika div.

?>

Hatua ya 4: Jaza faili za Db.php na Index.php

1. db.php (db fupi kwa hifadhidata) hutumia jina la mtumiaji na nenosiri nililotumia mara tu hifadhidata ilipoundwa wakati nilipotoa amri ya "WAPA VIFAA VYOTE".

Kazi ya kufafanua juu ya faili inaonyesha kwamba anuwai za DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME ni kanuni (hazibadiliki kwa thamani). Taarifa ikiwa inakagua ikiwa unganisho kwa hifadhidata imeshindwa au la.

2. Katika faili ya index.php, tutatumia kazi ya php inayohitaji kuunganisha ukurasa kwenye hifadhidata. Ifuatayo, tengeneza uwanja wa kuingiza jina. Kisha tengeneza maandishi ya ujumbe. Mara tu hizi zitakapoundwa tembelea https:// localhost: 8080 / messages / index.php (unaweza kuwa hauna nambari ya bandari yaani 8080) kuhakikisha unaona sanduku la kuingiza na textarea.

3. Ifuatayo, wacha tukusanye data ya fomu na kisha tuingize kwenye hifadhidata.

4. Sasa, wacha tuongeze swala hifadhidata na tutoe ujumbe wote kwenye div.

5. Kwa mtindo wa vitu vizuri zaidi, wacha tuongeze CSS ili kuifanya iwe nzuri zaidi.

PS: Nilikuwa na typo. Tafadhali badilisha 'ujumbe' ili kutoa maoni karibu na amri ya INSERT kwa ubadilishaji wa hoja ya $.

Hatua ya 5: Hatua ya 5: Mfano na Hatua Zifuatazo

Tunatumahi utaona kitu sawa na kile kilicho hapo juu baada ya kuongeza css na kuipima.

Hatua zifuatazo: Ongeza css zaidi ili kufanya tovuti ipendeze zaidi.