Hoe om 'n webwerf met 'n boodskapbord te maak met behulp van PHP en MYSQL: 5 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:25

Hierdie instruksies sal u wys hoe u 'n boodskapbordwebwerf kan skep met behulp van php, mysql, html en css. As u nuut is in die ontwikkeling van webwerwe, moenie bekommerd wees nie; daar sal gedetailleerde verduidelikings en analogieë wees, sodat u die konsepte beter kan verstaan.

Benodigde materiaal:

• Teksredakteur (d.w.s. sublieme teks, atoom, ens.). Ek sal sublieme teks gebruik.
• WAMP staan vir Windows Apache MySQL en PHP
• MAMP staan vir Mac Apache MySQL en PHP

MAMP vir Mac -gebruikers: https://www.mamp.info/en/ (sluit MySQL en PHP in)

WAMP vir Windows -gebruikers: https://www.wampserver.com/en/ (sluit MySQL en PHP in)

Verhewe teks:

Stap 1: Oorsig van die projek

Die manier om boodskappe by te hou, is om dit in 'n databasis te stoor. In hierdie tutoriaal gebruik ons MySQL. (Ek gebruik WAMP aangesien ek 'n Windows -bedryfstelsel het)

1. Stel PHP en MySQL op deur seker te maak dat dit afgelaai word en dat u na die lêerplek op u rekenaar kan navigeer.
2. Open die opdragprompt en navigeer na u mysql -gids en tik "mysqladmin -u root -p password." Hierdie opdrag sal u wagwoord vra en u moet dit weer invoer.
3. Begin nou u WAMP- of MAMP -bediener. Daar sal 'n groen ikoon verskyn sodra die bediener klaar gelaai het. Klik op die ikoon -> MySQL -> MySQL -konsole om seker te maak dat u met u pasgemaakte wagwoord kan aanmeld.
4. Nou is die taak om die databasis te skep waar die inligting oor die boodskappe gestoor word. Kom ons dink aan wat gewoonlik nodig is uit 'n boodskap. Algemene items is ingesluit: naam, tyd waarop die boodskap geplaas is, tyd waarop die boodskap geplaas is en die boodskap self.
5. Skep 'n databasis met die naam "boodskap".
6. Skep 'n tabel met die naam "opmerkings" en voeg die rye by: id (tipe heelgetal wat outomaties toeneem), naam (tipe Varchar), kommentaar (tipe Varchar), tyd (tipe Varchar), datum (tipe Varchar),
7. Koppel aan die "boodskap" databasis in die php lêernaam "db.php".
8. Skep die invoerveld vir die outeur se naam en teksgebied vir die boodskap.
9. Bevestig die data voordat u dit in die databasis plaas. As alles in orde is, voeg die boodskap, naam van outeur, datum en tyd in waarop die plasing geplaas is.
10. Wys die boodskappe deur alle databasisse se rekords in 'n html div op te haal en styl die bladsy met behulp van CSS.
11. Horray, u het suksesvol geleer om 'n boodskapstelsel te skep.

Stap 2: Stap 2 - Stel databasis op

Prent 1 - Sodra die databasis geskep is, kan u die opdrag 'wys databasisse' invoer om seker te maak dat die databasis suksesvol geskep is.

WYS DATABASISSE;

Afbeelding 2 - Om inligting in die databasis te stoor, moet 'n tabel gemaak word. Om die tafel met die belangrikste rye te skep, is die sleutel om seker te maak dat die webwerf al die nodige inligting bevat.

Om 'n verbinding met die databasis van boodskappe te maak, moet u die opdrag "TOEENIG ALLE VOORREGTE OP*." Gee. U mag u eie gebruikersnaam en wagwoord gebruik, maar vergeet dit nie.

SKEP 'N DATABASIS -boodskap; GEEN ALLE VOORREGTE OP die boodskap.* NA' gebruikersnaam '@' localhost 'GEIDENTIFISEER DEUR' wagwoord ';

Foto 3 - Tik 'beskryf opmerkings' om seker te maak dat die tabel suksesvol geskep is. U kan die rye en hul datatipes sien deur hierdie opdrag uit te voer.

BESKRYF OPMERKINGS;

Afbeelding 4 - Aangesien die ry vir die opmerking oorspronklik nie daar was nie, laat ons dit byvoeg met die ALTER TABLE -opdrag. Die opmerking is van die tipe VARCHAR (255), dit beteken dat die opmerking teks is wat nie 'n lengte van 255 karakters mag oorskry nie.

ALTER TABLE -boodskap VOEG KOLOM -kommentaar by VARCHAR (255) NOT NULL;

Die 255 verteenwoordig die maksimum lengte vir kommentaar. Not null beteken dat wanneer 'n boodskap in die databasis ingevoeg word, die kommentaarveld in die databasis nie leeg kan wees nie (null; nie-bestaande).

Stap 3: Skep Php -lêers

Die volgende stappe sal plaasvind in u teksredigeerder van u keuse. Ek sal sublieme teks gebruik.

1. Ons sal twee lêers moet skep. Die een word db.php genoem, wat 'n webwerf of skakel na die MYSQL (my standaard navraag taal) databasis en index.php, die bladsy waar die boodskappe sal plaasvind.

2. Laat ons eers db.php skep. Toe die databasis opgestel is, het die verbindingsbewyse om met die databasis te koppel, opgestel. Hierdie lêer sal index.php aan die databasis koppel, sodat ons dit kan vul met die inligting wat nodig is om die kletskamer te skep.

Kode vir db.php

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

definieer ("DB_USER", "kylel95"); definieer ("DB_PASSWORD", "password"); definieer ("DB_NAME", "boodskap"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

as (mysqli_connect_errno ())

{die ("Databasisverbinding misluk:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Laat ons vervolgens index.php skep. Hierdie lêer is waar ons die kletskamer skep. Ons sal html se invoerveld gebruik vir die naam, teksgebied vir die boodskap en 'n div -element om die boodskappe te bevat. Ons sal CSS (Cascase Style Sheet) gebruik om die bladsy -elemente te posisioneer en die inhoud van die bladsy te versier.

kode vir index.php

? phprequire_once ('db.php');

if (isset ($ _ POST ['submit'])) {$ time = date ("g: i: s A"); $ datum = datum ("n/j/Y"); $ msg = $ _POST ['boodskap']; $ naam = $ _POST ['fname']; $ resultaat = ""; if (! empty ($ msg) &&! empty ($ name)) {// name time date message $ query = "INVOER IN KOMMENTAAR ("; $ query. = "naam, tyd, datum, opmerking"; $ query. = ") WAARDES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ resultaat = mysqli_query ($ connect, $ query); }}?>

tekstarea {grensradius: 2%; } #draad {grens: 1px #d3d3d3 solied; hoogte: 350 px; breedte: 350 px; oorloop: blaai; }

? php $ select = "KIES * VAN kommentaar"; $ q = mysqli_query ($ connect, $ select); terwyl ($ ry = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ ry ['naam']. ":". $ ry ['opmerking']. ""; }?> Naam: Dien in

4. Ons sal die ingeboude funksiedatum () van php gebruik om die datum en tyd waarop die boodskap geplaas is en leeg () te kry om seker te maak dat gebruikers nie 'n leë boodskap of naam invoer nie.

5. Sodra die vormdata ingedien is, plaas ons die naam, boodskap, tyd en datum in die databasis.

6. Ons sal nou navraag doen uit die databasis en alle kommentaar kry. Die kommentaar word in 'n afdeling geberg.

?>

Stap 4: Bevolk die Db.php- en Index.php -lêers

1. Die db.php (db kort vir databasis) gebruik die gebruikersnaam en wagwoord wat ek gebruik het sodra die databasis geskep is toe ek die opdrag "GRANT ALL PRIVILEGES" uitgereik het.

Die definieerfunksie bo -aan die lêer dui aan dat die veranderlikes DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME konstante is (dit verander nie in waarde nie). Die if -stellings kontroleer of die verbinding met die databasis misluk het of nie.

2. In die index.php -lêer gebruik ons php's require -funksie om die bladsy aan die databasis te koppel. Skep vervolgens 'n invoerveld vir die naam. Maak dan die teksgebied vir die boodskap. Sodra dit geskep is, besoek https:// localhost: 8080/messages/index.php (u het moontlik nie 'n poortnommer nie, dit wil sê 8080) om seker te maak dat u die invoervak en die teksgebied sien.

3. Laat ons dan die vormdata versamel en dan in die databasis plaas.

4. Laat ons nou die databasis navraag byvoeg en alle boodskappe na 'n div stuur.

5. Om dinge 'n bietjie beter te styl, laat ons 'n bietjie CSS byvoeg om dit 'n bietjie mooier te maak.

PS: Ek het 'n tikfout gehad. Verander asseblief 'boodskap' om kommentaar te lewer naby die INVOER -opdrag vir die $ navraag veranderlike.

Stap 5: Stap 5: Voorbeeld en volgende stappe

Hopelik sien u iets soortgelyk aan wat hierbo is nadat u die css bygevoeg het en dit getoets het.

Volgende stappe: Voeg meer css by om die webwerf aantrekliker te maak.