Kuidas luua teadetetahvli veebisaiti PHP ja MYSQL abil: 5 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:47

See juhend annab teile teada, kuidas luua teadetetahvli veebisaiti, kasutades php, mysql, html ja css. Kui olete veebiarenduses uus, ärge muretsege, seal on üksikasjalikud selgitused ja analoogiad, et saaksite mõistetest paremini aru saada.

Vajalikud materjalid:

• Tekstiredaktor (nt Sublime Text, Atom jne). Kasutan ülevat teksti.
• WAMP tähistab Windows Apache MySQL ja PHP
• MAMP tähistab Mac Apache MySQL ja PHP

MAMP Maci kasutajatele: https://www.mamp.info/en/ (sisaldab MySQL -i ja PHP -d)

WAMP Windowsi kasutajatele: https://www.wampserver.com/en/ (sisaldab MySQL -i ja PHP -d)

Ülitekst:

Samm: projekti ülevaade

Sõnumite jälgimise viis on nende salvestamine andmebaasi. Selles õpetuses kasutame MySQL -i. (Ma kasutan WAMP -i, kuna mul on Windowsiga opsüsteem)

1. Seadistage PHP ja MySQL, veendudes, et need on alla laaditud ja saate navigeerida nende failide asukohta arvutis.
2. Avage käsuviip ja navigeerige oma mysql -kataloogi ja tippige "mysqladmin -u root -p password". See käsk küsib teie parooli ja peate selle uuesti sisestama.
3. Nüüd käivitage oma WAMP- või MAMP -server. Kui server on laadimise lõpetanud, ilmub roheline ikoon. Veendumaks, et saate oma äsja loodud parooliga sisse logida, klõpsake ikooni -> MySQL -> MySQL konsool.
4. Nüüd on ülesanne luua andmebaas, kuhu salvestatakse teave sõnumite kohta. Mõelgem, mida sõnumist tavaliselt vaja on. Tavalised üksused: nimi, sõnumi postitamise aeg, sõnumi postitamise aeg ja sõnum ise.
5. Looge andmebaas nimega "sõnum".
6. Looge tabel nimega "kommentaarid" ja lisage read: id (täisarv, mis kasvab automaatselt), nimi (varchari tüüp), kommentaar (varchari tüüp), kellaaeg (varchari tüüp), kuupäev (varchari tüüp),
7. Ühendage andmebaasiga "sõnum" php -faili nimega "db.php".
8. Looge sisestusväli autori nime ja sõnumi tekstiala jaoks.
9. Enne andmebaasi sisestamist kontrollige andmeid. Kui kõik on korras, sisestage sõnum, autori nimi, postituse postitamise kuupäev ja kellaaeg.
10. Sõnumite kuvamiseks laadige kõik andmebaasikirjed html div -vormingusse ja kujundage leht CSS -i abil.
11. Horray, olete edukalt õppinud sõnumside loomist.

2. samm: 2. samm - seadistage andmebaas

Pilt 1 - Kui andmebaas on loodud, võite sisestada käsu "näita andmebaase", et veenduda andmebaasi loomises.

Näita andmebaase;

Pilt 2 - teabe salvestamiseks andmebaasi tuleb luua tabel. Oluliste ridadega tabeli loomine on võtmetähtsusega veendumaks, et veebisaidil on kogu vajalik teave. Tabeli kommentaarides on kogu vajalik teave

Sõnumite andmebaasiga ühenduse loomiseks andke käsk "GRANT ALL PRIVILEGES ON sõnum.*". Võite kasutada oma kasutajanime ja parooli, palun ärge unustage seda.

CREATE DATABASE sõnum; Grant ALL PRIVILEGES ON message.* TO 'kasutajanimi'@'localhost' IDENTIFITED by "password";

Pilt 3 - sisestage "kirjeldage kommentaare", veendumaks, et tabel on edukalt loodud. Selle käsu väljastamisega näete ridu ja nende andmetüüpe.

KIRJELDA KOMMENTAARE;

Pilt 4 - Kuna kommentaari rida algselt ei olnud, lisame selle käsuga ALTER TABLE. Kommentaari tüüp on VARCHAR (255), see tähendab, et kommentaar on tekst, mis ei tohi ületada 255 tähemärki.

ALTER TABLE sõnum ADD COLUMN comments VARCHAR (255) NOT NULL;

255 tähistab kommentaari maksimaalset pikkust. Mitte null tähendab, et kui sõnum sisestatakse andmebaasi, ei saa andmebaasi kommentaariväli olla tühi (null; olematu).

Samm: looge Php -failid

Järgmised sammud toimuvad teie valitud tekstiredaktoris. Kasutan ülevat teksti.

1. Peame looma kaks faili. Üks neist saab nimeks db.php, mis ühendab või veebisaidi MYSQL (minu tavaline päringukeel) andmebaasiga ja index.php, lehega, kus sõnumid toimuvad.

2. Esmalt loome db.php. Kui andmebaas oli seadistatud, saidi mandaadid andmebaasiga ühenduse loomiseks. See fail ühendab index.php andmebaasiga, et saaksime selle lisada jututoa loomiseks vajaliku teabega.

Db.php kood

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

define ("DB_USER", "kylel95"); define ("DB_PASSWORD", "parool"); define ("DB_NAME", "sõnum"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

kui (mysqli_connect_errno ())

{die ("Andmebaasiühendus ebaõnnestus:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Järgmisena loome index.php. Selles failis loome jututoa. Nime jaoks kasutame html -i sisestusvälja, sõnumi tekstiala ja sõnumite jaoks div -elementi. Lehe elementide paigutamiseks ja lehe sisu kaunistamiseks kasutame CSS -i (Cascase Style Sheet).

kood index.php jaoks

? phprequire_once ('db.php');

if (isset ($ _ POST ['esitada'])) {$ time = date ("g: i: s A"); $ date = date ("n/j/Y"); $ msg = $ _POST ['sõnum']; $ name = $ _POST ['fname']; $ tulemus = ""; if (! empty ($ msg) &&! empty ($ name)) {// nime aeg kuupäeva sõnum $ query = "INSERT INTO comments ("; $ query. = "name, time, date, comment"; $ query. = ") VÄÄRTUSED ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ result = mysqli_query ($ connect, $ query); }}?>

textarea {piiri-raadius: 2%; } #niit {ääris: 1px #d3d3d3 tahke; kõrgus: 350 pikslit; laius: 350 pikslit; ülevool: kerimine; }

? php $ select = "SELECT * FROM comments"; $ q = mysqli_query ($ connect, $ select); while ($ rida = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ rida ['nimi']. ":". $ rida ['kommentaar']. ""; }?> Nimi: Esita

4. Me kasutame php sisseehitatud funktsiooni date (), et saada sõnumi postitamise kuupäev ja kellaaeg ning tühi (), veendumaks, et kasutajad ei sisestaks tühja sõnumit ega nime.

5. Pärast vormi andmete esitamist sisestame andmebaasi nime, sõnumi, kellaaja ja kuupäeva.

6. Nüüd esitame andmebaasist päringu ja saame kõik kommentaarid. Kommentaarid salvestatakse div.

?>

4. samm: täitke failid Db.php ja Index.php

1. db.php (db lühend andmebaasist) kasutab kasutajanime ja parooli, mida kasutasin andmebaasi loomisel käsu "GRANT ALL PRIVILEGES" andmisel.

Faili ülaosas olev defineerimisfunktsioon näitab, et muutujad DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME on konstandid (nende väärtus ei muutu). Kui avaldused kontrollivad, kas andmebaasiga ühenduse loomine ebaõnnestus või mitte.

2. Failis index.php kasutame lehe andmebaasiga ühendamiseks php nõutavat funktsiooni. Seejärel looge nimele sisestusväli. Seejärel tehke sõnumi tekstiala. Kui need on loodud, külastage aadressi https:// localhost: 8080/messages/index.php (teil ei pruugi olla pordi numbrit, st 8080), veendumaks, et näete sisendkasti ja tekstiala.

3. Järgmisena kogume vormi andmed ja seejärel sisestame need andmebaasi.

4. Nüüd lisame päringu andmebaasi ja väljastame kõik sõnumid div.

5. Asjade natuke paremaks kujundamiseks lisame veidi CSS -i, et see oleks natuke ilusam.

PS: Mul oli kirjaviga. Palun muutke sõnumit, et kommenteerida käsu INSERT lähedal $ query muutujale.

5. samm: 5. samm: näide ja järgmised sammud

Loodetavasti näete pärast css -i lisamist ja testimist midagi sarnast ülaltooduga.

Järgmised sammud: lisage saidile köitvamaks muutmiseks veel css.