Cum să creați un site web de mesaje folosind PHP și MYSQL: 5 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:43

Această instrucțiune vă va arăta cum să creați un site web de mesaje folosind php, mysql, html și css. Dacă sunteți nou în dezvoltarea web, nu vă faceți griji, vor exista explicații detaliate și analogii, astfel încât să puteți înțelege mai bine conceptele.

Materiale necesare:

• Editor de text (adică Text sublim, Atom etc.). Voi folosi text sublim.
• WAMP înseamnă Windows Apache MySQL și PHP
• MAMP înseamnă Mac Apache MySQL și PHP

MAMP pentru utilizatorii de Mac: https://www.mamp.info/en/ (include MySQL și PHP)

WAMP pentru utilizatorii de Windows: https://www.wampserver.com/en/ (include MySQL și PHP)

Text sublim:

Pasul 1: Prezentare generală a proiectului

Modul de a urmări mesajele este de a le stoca într-o bază de date. În acest tutorial, vom folosi MySQL. (Folosesc WAMP deoarece am un sistem de operare bazat pe Windows)

1. Configurați PHP și MySQL asigurându-vă că sunt descărcate și că puteți naviga la locația fișierului lor pe computer.
2. Deschideți promptul de comandă și navigați la directorul dvs. mysql și tastați „mysqladmin -u root -p password”. Această comandă vă va cere parola și să o introduceți din nou.
3. Acum porniți serverul WAMP sau MAMP. Va apărea o pictogramă verde odată ce serverul a terminat încărcarea. Faceți clic pe pictograma -> MySQL -> Consola MySQL pentru a vă asigura că vă puteți conecta cu parola dvs. recent creată.
4. Acum sarcina este de a crea baza de date în care vor fi stocate informațiile despre mesaje. Să ne gândim la ceea ce este de obicei necesar dintr-un mesaj. Elementele obișnuite includ: numele, ora la care a fost postat mesajul, ora la care a fost postat mesajul și mesajul în sine.
5. Creați baza de date denumită „mesaj”.
6. Creați un tabel numit „comentarii” și adăugați rândurile: id (tip întreg care crește automat), nume (tip Varchar), comentariu (tip Varchar), ora (tip Varchar), dată (tip Varchar),
7. Conectați-vă la baza de date „mesaj” într-un nume de fișier php „db.php”.
8. Creați câmpul de introducere pentru numele autorului și zona de text pentru mesaj.
9. Validați datele înainte de a le introduce în baza de date. Dacă totul este în regulă, introduceți mesajul, numele autorului, data și ora postării postării.
10. Afișați mesajele recuperând toate înregistrările bazelor de date într-un div html și stilizați pagina folosind CSS.
11. Horray, ai învățat cu succes să creezi un sistem de mesagerie.

Pasul 2: Pasul 2 - Configurați baza de date

Imaginea 1 - Odată ce baza de date este creată, puteți introduce comanda „arată bazele de date” pentru a vă asigura că baza de date a fost creată cu succes.

AFIȘAȚI BAZE DE DATE;

Imaginea 2 - Pentru a stoca informații în baza de date, trebuie creat un tabel. Crearea tabelului cu rândurile esențiale este esențială pentru a vă asigura că site-ul web are toate informațiile necesare. Comentariile la tabel vor avea toate informațiile necesare

Pentru a vă putea conecta la baza de date a mesajelor, lansați comanda „ACORDĂ TOATE PRIVILEGIILE ACTIVATE. *”. Puteți utiliza propriul nume de utilizator și parola, vă rugăm să nu uitați.

CREAȚI un mesaj din BAZA DE DATE; ACORDAȚI TOATE PRIVILEGIILE pe mesaj. * LA „nume de utilizator” @ „localhost” IDENTIFICAT DE „parolă”;

Imaginea 3 - Introduceți „descrieți comentariile” pentru a vă asigura că tabelul a fost creat cu succes. Puteți vedea rândurile și tipurile lor de date prin emiterea acestei comenzi.

DESCRIERI COMENTARII;

Imaginea 4 - Deoarece rândul pentru comentariu nu a fost inițial acolo, să-l adăugăm cu comanda ALTER TABLE. Comentariul este de tip VARCHAR (255), ceea ce înseamnă că comentariul va fi un text care nu poate depăși o lungime de 255 de caractere.

ALTER TABLE mesaj ADĂUGARE COLUMNĂ comentarii VARCHAR (255) NOT NULL;

255 reprezintă lungimea maximă pentru comentariu. Nu nul înseamnă că atunci când un mesaj este introdus în baza de date, câmpul de comentarii din baza de date nu poate fi gol (nul; inexistent).

Pasul 3: Creați fișiere Php

Următorii pași vor avea loc în editorul de text ales. Voi folosi text sublim.

1. Va trebui să creăm două fișiere. Unul se va numi db.php care se va conecta sau site-ul web la baza de date MYSQL (limbajul meu de interogare standard) și index.php, pagina unde vor avea loc mesajele.

2. În primul rând, să creăm db.php. Când baza de date a fost configurată, datele de conectare pentru conectare la baza de date. Acest fișier va conecta index.php la baza de date, astfel încât să-l putem completa cu informațiile necesare pentru a crea camera de chat.

Cod pentru db.php

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

define ("DB_USER", "kylel95"); define ("DB_PASSWORD", "parolă"); define („DB_NAME”, „mesaj”); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

if (mysqli_connect_errno ())

{die ("Conexiunea la baza de date a eșuat:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. În continuare, să creăm index.php. Acest fișier este locul în care creăm camera de chat. Vom folosi câmpul de introducere al html pentru nume, zona de text pentru mesaj și un element div pentru a conține mesajele. Vom folosi CSS (Cascase Style Sheet) pentru a poziționa elementele paginii și a decora conținutul paginii.

cod pentru index.php

? phprequire_once ('db.php');

if (isset ($ _ POST ['submit']))) {$ time = date ("g: i: s A"); $ data = data ("n / j / Y"); $ msg = $ _POST ['mesaj']; $ nume = $ _POST ['fname']; $ result = ""; if (! goal ($ msg) &&! empty ($ name)) {// nume ora data mesaj $ query = "INSERT INTO comments ("; $ query. = "nume, ora, data, comentariu"; $ interogare. = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ result = mysqli_query ($ conectare, $ interogare); }}?>

textarea {border-radius: 2%; } # thread {border: 1px # d3d3d3 solid; înălțime: 350px; lățime: 350px; overflow: scroll; }

? php $ select = "SELECT * FROM comments"; $ q = mysqli_query ($ conectare, $ selectare); while ($ rând = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ rând ['nume']. ":". $ rând ['comentariu']. ""; }?> Nume: Trimiteți

4. Vom folosi data funcției încorporate php () pentru a obține data și ora în care mesajul a fost postat și gol () pentru a ne asigura că utilizatorii nu introduc un mesaj sau un nume gol.

5. Odată trimise datele formularului, vom insera numele, mesajul, ora și data în baza de date.

6. Vom interoga acum din baza de date și vom primi toate comentariile. Comentariile vor fi stocate într-un div.

?>

Pasul 4: Populați fișierele Db.php și Index.php

1. Db.php (prescurtarea db pentru baza de date) folosește numele de utilizator și parola pe care le-am folosit odată ce baza de date a fost creată atunci când am emis comanda „GRANT TOATE PRIVILEGII”.

Funcția de definire din partea de sus a fișierului indică faptul că variabilele DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME sunt constante (nu se schimbă în valoare). Instrucțiunile if verifică dacă conexiunea la baza de date a eșuat sau nu.

2. În fișierul index.php, vom folosi funcția de solicitare a php-ului pentru a conecta pagina la baza de date. Apoi, creați un câmp de introducere pentru nume. Apoi creați zona text pentru mesaj. Odată ce acestea sunt create, accesați https:// localhost: 8080 / messages / index.php (este posibil să nu aveți un număr de port, adică 8080) pentru a vă asigura că vedeți caseta de intrare și textarea.

3. Apoi, să adunăm datele formularului și apoi să le inserăm în baza de date.

4. Acum, să adăugăm interogarea bazei de date și să trimitem toate mesajele într-un div.

5. Pentru a stiliza lucrurile un pic mai bine, să adăugăm câteva CSS pentru a fi puțin mai frumoase.

PS: Am avut o greșeală de scriere. Vă rugăm să schimbați „mesaj” pentru a comenta lângă comanda INSERT pentru variabila $ query.

Pasul 5: Pasul 5: Exemplu și pașii următori

Sperăm că veți vedea ceva similar cu ceea ce este mai sus după adăugarea css-ului și testarea acestuia.

Pașii următori: adăugați mai multe css pentru a face site-ul mai atrăgător.