Paano Gumawa ng Website ng Lupon ng Mensahe Gamit ang PHP at MYSQL: 5 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:12

Ituturo sa iyo ang itinuturo na ito kung paano lumikha ng isang website ng board message gamit ang php, MySQL, html, at css. Kung bago ka sa pag-unlad sa web, huwag mag-alala, magkakaroon ng mga detalyadong paliwanag at pagkakatulad upang mas mahusay mong maunawaan ang mga konsepto.

Mga Materyal na Kailangan:

• Text editor (ibig sabihin, Sublime Text, Atom, atbp). Gumagamit ako ng mahuhusay na teksto.
• Ang WAMP ay nangangahulugang Windows Apache MySQL at PHP
• Ang MAMP ay nangangahulugang Mac Apache MySQL at PHP

MAMP para sa mga gumagamit ng Mac: https://www.mamp.info/en/ (kasama ang MySQL at PHP)

WAMP para sa mga gumagamit ng Windows: https://www.wampserver.com/en/ (kasama ang MySQL at PHP)

Sublime Text:

Hakbang 1: Pangkalahatang-ideya ng Proyekto

Ang paraan upang subaybayan ang mga mensahe ay upang maiimbak ang mga ito sa isang database. Sa tutorial na ito, gagamitin namin ang MySQL. (Gumagamit ako ng WAMP dahil mayroon akong isang operating system na nakabatay sa windows)

1. I-configure ang PHP at MySQL sa pamamagitan ng pagtiyak na nai-download ang mga ito at maaari kang mag-navigate sa lokasyon ng kanilang file sa iyong computer.
2. Buksan ang prompt ng utos at mag-navigate sa iyong direktoryo ng MySQL at i-type ang "MySQLlad -U root -p password." Hihiling ng utos na ito ang iyong password at ipasok mo itong muli.
3. Simulan ngayon ang iyong WAMP o MAMP server. Lilitaw ang isang berdeng icon sa sandaling matapos ang pag-load ng server. I-click ang icon -> MySQL -> MySQL console upang matiyak na maaari kang mag-log in gamit ang iyong bagong nilikha na password.
4. Ngayon ang gawain ay upang lumikha ng database kung saan ang impormasyon tungkol sa mga mensahe ay maiimbak. Pag-isipan natin kung ano ang karaniwang kinakailangan mula sa isang mensahe. Kasamang mga karaniwang item: Pangalan, oras na nai-post ang mensahe, oras na nai-post ang mensahe, at ang mensahe mismo.
5. Lumikha ng database na pinangalanang "mensahe".
6. Lumikha ng talahanayan na pinangalanang "mga komento" at idagdag ang mga hilera: id (Integer type na auto increment), pangalan (Uri ng Varchar), komento (Uri ng Varchar), oras (Uri ng Varchar), petsa (Uri ng Varchar),
7. Kumonekta sa database ng "mensahe" sa isang pangalan ng file na php na "db.php".
8. Lumikha ng patlang ng pag-input para sa pangalan ng may-akda at lugar ng teksto para sa mensahe.
9. Patunayan ang data bago ipasok ito sa database. Kung ang lahat ay maayos, ipasok ang mensahe, pangalan ng may-akda, petsa at oras na nai-post ang post.
10. Ipakita ang mga mensahe sa pamamagitan ng pagkuha ng lahat ng mga tala ng database sa isang html div at istilo ang pahina gamit ang CSS.
11. Horray, matagumpay kang natutunan na lumikha ng isang sistema ng pagmemensahe.

Hakbang 2: Hakbang 2 - I-set Up ang Database

Larawan 1 - Kapag nilikha ang database, maaari mong ipasok ang utos na 'ipakita ang mga database' upang matiyak na ang database ay nilikha nang matagumpay.

IPAKITA ANG MGA DATABASES;

Larawan 2 - Upang maiimbak ang impormasyon sa database ang isang talahanayan ay kailangang likhain. Ang paglikha ng talahanayan na may mahahalagang hilera ay susi upang matiyak na ang website ay mayroong lahat ng kinakailangang impormasyon. Ang mga komento sa talahanayan ay magkakaroon ng lahat ng kinakailangang impormasyon

Upang makapag-ugnay sa database ng mensahe, i-isyu ang utos na "BIGAYAN ANG LAHAT NG PRIVILEGES SA mensahe. *". Maaari kang gumamit ng iyong sariling username at password, mangyaring huwag lamang kalimutan ito.

LILIKHA ang mensahe ng DATABASE; IPAGBIGAY ANG LAHAT NG PRIVILEGES SA mensahe. * SA 'username' @ 'localhost' NA NAKILALA NG 'password';

Larawan 3 - Ipasok ang 'ilarawan ang mga komento' upang matiyak na ang talahanayan ay matagumpay na nilikha. Maaari mong makita ang mga hilera at kanilang mga uri ng data sa pamamagitan ng pag-isyu ng utos na ito.

DESCRIBE COMMENTS;

Larawan 4 - Dahil ang hilera para sa komento ay hindi orihinal na naroroon, idagdag natin ito sa ALTER TABLE na utos. Ang komento ay uri ng VARCHAR (255) nangangahulugan ito na ang komento ay magiging teksto na hindi lalampas sa haba ng 255 na mga character.

ALTER TABLE message ADD COLUMN comments VARCHAR (255) HINDI NUL;

Ang 255 ay kumakatawan sa haba ng haba para sa komento. Hindi nangangahulugang hindi null na kapag ang isang mensahe ay naipasok sa database, ang patlang ng komento sa database ay hindi maaaring walang laman (null; hindi mayroon).

Hakbang 3: Lumikha ng Mga Php File

Ang mga sumusunod na hakbang ay magaganap sa iyong pagpipilian sa text editor. Gumagamit ako ng mahuhusay na teksto.

1. Kakailanganin naming lumikha ng dalawang mga file. Tatawagin ang isa na db.php na makakonekta o website sa database ng MYSQL (aking pamantayang query) na database at index.php, ang pahina kung saan magaganap ang mga mensahe.

2. Una, lumikha tayo ng db.php. Kapag na-set up ang database ang mga kredensyal ng koneksyon upang kumonekta sa database. Ikokonekta ng file na ito ang index.php sa database upang mai-populate namin ito sa impormasyong kinakailangan upang lumikha ng chatroom.

Code para sa db.php

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

tukuyin ("DB_USER", "kylel95"); tukuyin ("DB_PASSWORD", "password"); tukuyin ("DB_NAME", "mensahe"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

kung (mysqli_connect_errno ())

{die ("Nabigo ang koneksyon sa database:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Susunod, gumawa tayo ng index.php. Ang file na ito ay kung saan nilikha namin ang chatroom. Gagamitin namin ang patlang ng pag-input ng html para sa pangalan, textarea para sa mensahe, at isang elemento ng div na naglalaman ng mga mensahe. Gagamitin namin ang CSS (Cascase Style Sheet) upang iposisyon ang mga elemento ng pahina at palamutihan ang nilalaman ng pahina.

code para sa index.php

? phprequire_once ('db.php');

kung (mag-isyu ($ _ POST ['isumite'])) {$ oras = petsa ("g: i: s A"); $ date = date ("n / j / Y"); $ msg = $ _POST ['mensahe']; $ name = $ _POST ['fname']; $ resulta = ""; kung (! walang laman ($ msg) &&! walang laman ($ pangalan)) {// name time date message $ query = "INSERT INTO comments ("; $ query. = "name, time, date, comment"; $ query. = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ resulta = mysqli_query ($ kumonekta, $ query); }}?>

textarea {border-radius: 2%; } #thread {border: 1px # d3d3d3 solid; taas: 350px; lapad: 350px; overflow: mag-scroll; }

? php $ select = "SELECT * MULA sa mga komento"; $ q = mysqli_query ($ connect, $ select); habang ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['komento']. ""; }?> Pangalan: Isumite

4. Gagamitin namin ang built in na petsa ng pag-andar ng php () upang makuha ang petsa at oras na nai-post at walang laman ang mensahe () upang matiyak na ang mga gumagamit ay hindi nagpapasok ng walang laman na mensahe o pangalan.

5. Kapag naisumite ang data ng form, isisingit namin ang pangalan, mensahe, oras at petsa sa database.

6. Magre-query kami ngayon mula sa database at makuha ang lahat ng mga komento. Ang mga komento ay maiimbak sa isang div.

?>

Hakbang 4: Populate the Db.php and Index.php Files

1. Ang db.php (db maikli para sa database) ay gumagamit ng username at password na ginamit ko sa sandaling ang database ay nilikha noong naglabas ako ng "GRANT ALL PRIVILEGES" na utos.

Ang tumutukoy sa pagpapaandar sa tuktok ng file ay nagpapahiwatig na ang mga variable na DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME ay pare-pareho (hindi sila nagbabago sa halaga). Sinusuri ng kung ang mga pahayag kung ang koneksyon sa database ay nabigo o hindi.

2. Sa file ng index.php, gagamitin namin ang php na nangangailangan ng pag-andar upang ikonekta ang pahina sa database. Susunod, lumikha ng isang input field para sa pangalan. Pagkatapos gawin ang textarea para sa mensahe. Sa sandaling nalikha ang mga ito bisitahin ang https:// localhost: 8080 / mga mensahe / index.php (maaaring wala kang isang numero ng port ie 8080) upang matiyak na nakikita mo ang input box at textarea.

3. Susunod, tipunin natin ang form data at pagkatapos ay ipasok sa database.

4. Ngayon, magdagdag tayo ng query sa database at i-output ang lahat ng mga mensahe sa isang div.

5. Upang mai-istilo ang mga bagay nang medyo mas mahusay, magdagdag tayo ng ilang CSS upang gawin itong medyo mas maganda.

PS: Nagkaroon ako ng typo. Mangyaring baguhin ang 'mensahe' upang magkomento malapit sa utos ng INSERT para sa variable na $ query.

Hakbang 5: Hakbang 5: Halimbawa at Susunod na Mga Hakbang

Inaasahan mong makakita ka ng isang bagay na katulad sa nasa itaas pagkatapos idagdag ang css at subukan ito.

Mga susunod na hakbang: Magdagdag ng higit pang css upang gawing mas nakakaakit ang site.