Kaip sukurti pranešimų lentos svetainę naudojant PHP ir MYSQL: 5 žingsniai

2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:46

Ši instrukcija parodys, kaip sukurti pranešimų lentos svetainę naudojant php, mysql, html ir css. Jei esate naujokas interneto kūrimo srityje, nesijaudinkite, bus išsamūs paaiškinimai ir analogijos, kad galėtumėte geriau suprasti sąvokas.

Reikalingos medžiagos:

• Teksto redaktorius (ty Sublime Text, Atom ir kt.). Aš naudosiu didingą tekstą.
• WAMP reiškia „Windows Apache MySQL“ir „PHP“
• MAMP reiškia „Mac Apache MySQL“ir „PHP“

„MAMP“, skirta „Mac“vartotojams: https://www.mamp.info/en/ (apima „MySQL“ir PHP)

„WAMP“, skirta „Windows“vartotojams: https://www.wampserver.com/en/ (apima „MySQL“ir PHP)

Aukščiausias tekstas:

1 žingsnis: projekto apžvalga

Pranešimų stebėjimo būdas yra išsaugoti juos duomenų bazėje. Šioje pamokoje mes naudosime „MySQL“. (Aš naudoju WAMP, nes turiu „Windows“operacinę sistemą)

1. Konfigūruokite PHP ir „MySQL“, įsitikinę, kad jie yra atsisiunčiami, ir jūs galite pereiti prie jų failo vietos savo kompiuteryje.
2. Atidarykite komandų eilutę ir eikite į savo „mysql“katalogą ir įveskite „mysqladmin -u root -p password“. Ši komanda paprašys jūsų slaptažodžio ir vėl jį įvesti.
3. Dabar paleiskite WAMP arba MAMP serverį. Kai serveris baigs įkelti, pasirodys žalia piktograma. Spustelėkite piktogramą -> MySQL -> MySQL konsolė, kad įsitikintumėte, jog galite prisijungti naudodami naujai sukurtą slaptažodį.
4. Dabar užduotis yra sukurti duomenų bazę, kurioje bus saugoma informacija apie pranešimus. Pagalvokime, ko paprastai reikia iš žinutės. Įprasti elementai: Vardas, pranešimo paskelbimo laikas, pranešimo paskelbimo laikas ir pats pranešimas.
5. Sukurkite duomenų bazę pavadinimu „pranešimas“.
6. Sukurkite lentelę pavadinimu „komentarai“ir pridėkite eilučių: id (sveikojo skaičiaus tipas, kuris automatiškai didėja), pavadinimas („Varchar“tipas), komentaras („Varchar“tipas), laikas („Varchar“tipas), data („Varchar“tipas),
7. Prisijunkite prie „pranešimų“duomenų bazės php failo pavadinimu „db.php“.
8. Sukurkite pranešimo autoriaus vardo ir teksto srities įvesties lauką.
9. Prieš įvesdami duomenis į duomenų bazę, patikrinkite duomenis. Jei viskas gerai, įterpkite pranešimą, autoriaus vardą, įrašo paskelbimo datą ir laiką.
10. Rodykite pranešimus, nuskaitydami visus duomenų bazių įrašus į „html div“, ir stilizuokite puslapį naudodami CSS.
11. Horray, jūs sėkmingai išmokote kurti pranešimų sistemą.

2 veiksmas: 2 veiksmas - nustatykite duomenų bazę

1 paveikslas - Sukūrę duomenų bazę, galite įvesti komandą „Rodyti duomenų bazes“, kad įsitikintumėte, jog duomenų bazė buvo sukurta sėkmingai.

RODYTI DUOMENŲ BASES;

2 paveikslas - norint išsaugoti informaciją duomenų bazėje, reikia sukurti lentelę. Lentelės sukūrimas su pagrindinėmis eilutėmis yra labai svarbus siekiant užtikrinti, kad svetainėje būtų visa reikalinga informacija. Lentelės komentaruose bus visa reikalinga informacija

Kad galėtumėte prisijungti prie pranešimų duomenų bazės, išleiskite komandą „SUTEIKTI VISAS PRIVILIEGES.“. Galite naudoti savo vartotojo vardą ir slaptažodį, tik nepamirškite jų.

KURTI DUOMENŲ BAZĖS pranešimą; SUTEIKTI VISAS PRIVILEGIJAS pranešimui.

3 paveikslas - įveskite „aprašyti komentarus“, kad įsitikintumėte, jog lentelė buvo sėkmingai sukurta. Eilutes ir jų duomenų tipus galite pamatyti išleisdami šią komandą.

APRAŠYTI PASTABAS;

4 paveikslas. Kadangi komentaro eilutė iš pradžių nebuvo, pridėkime ją naudodami komandą ALTER TABLE. Komentaras yra VARCHAR tipo (255), tai reiškia, kad komentaras bus tekstas, kurio ilgis negali viršyti 255 simbolių.

ALTER LABLE pranešimas PRIDĖTI STULPELIO komentarus VARCHAR (255) NOT NULL;

255 reiškia maksimalų komentaro ilgį. Ne null reiškia, kad kai į duomenų bazę įterpiamas pranešimas, duomenų bazės komentarų laukas negali būti tuščias (null; nėra).

3 žingsnis: sukurkite „Php“failus

Šie veiksmai bus atliekami pasirinktame teksto redaktoriuje. Aš naudosiu didingą tekstą.

1. Mums reikės sukurti du failus. Vienas bus vadinamas db.php, kuris arba svetainė prisijungs prie MYSQL (mano standartinė užklausos kalba) duomenų bazės ir index.php, puslapio, kuriame bus siunčiami pranešimai.

2. Pirmiausia sukurkime db.php. Kai duomenų bazė buvo nustatyta, prisijungimo duomenys prisijungti prie duomenų bazės. Šis failas sujungs index.php su duomenų baze, kad galėtume jį užpildyti informacija, reikalinga pokalbių kambariui sukurti.

Db.php kodas

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

define ("DB_USER", "kylel95"); define ("DB_PASSWORD", "password"); define („DB_NAME“, „pranešimas“); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

jei (mysqli_connect_errno ())

{die ("Nepavyko prisijungti prie duomenų bazės:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Toliau sukurkime index.php. Šiame faile mes kuriame pokalbių kambarį. Mes naudosime html įvesties lauką pavadinimui, teksto sritį pranešimui ir div elementą pranešimams laikyti. Puslapio elementams išdėstyti ir puslapio turiniui papuošti naudosime CSS (Cascase Style Sheet).

index.php kodas

? phprequire_once ('db.php');

if (isset ($ _ POST ['pateikti'])) {$ time = date ("g: i: s A"); $ date = data ("n/j/Y"); $ msg = $ _POST ['pranešimas']; $ name = $ _POST ['fname']; $ rezultatas = ""; if (! empty ($ msg) &&! empty ($ name)) {// vardo laikas datos pranešimas $ query = "INSERT INTO comments ("; $ query. = "vardas, laikas, data, komentaras"; $ užklausa. = ") VERTYBĖS ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ result = mysqli_query ($ connect, $ query); }}?>

textarea {border-radius: 2%; } #thread {border: 1px #d3d3d3 solid; aukštis: 350 pikselių; plotis: 350 pikselių; perpildymas: slinkite; }

? php $ select = "SELECT * FROM comments"; $ q = mysqli_query ($ connect, $ select); while ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['comment']. ""; }?> Pavadinimas: Pateikti

4. Mes naudosime „php“integruotą funkciją date (), norėdami gauti pranešimo paskelbimo datą ir laiką bei tuščią (), kad įsitikintume, jog vartotojai neįveda tuščio pranešimo ar vardo.

5. Pateikę formos duomenis, į duomenų bazę įterpsime vardą, pranešimą, laiką ir datą.

6. Dabar mes teiksime užklausą iš duomenų bazės ir gausime visus komentarus. Komentarai bus saugomi skyrelyje.

?>

4 veiksmas: užpildykite Db.php ir Index.php failus

1. „db.php“(„DB“- tai duomenų bazė) naudoja vartotojo vardą ir slaptažodį, kuriuos naudoju sukūrus duomenų bazę, kai išleidau komandą „GRANT ALL PRIVILEGES“.

Funkcija „define“failo viršuje rodo, kad kintamieji DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME yra konstantos (jų vertė nesikeičia). Jei teiginiai tikrina, ar nepavyko prisijungti prie duomenų bazės.

2. Faile index.php mes naudosime php reikalavimo funkciją, kad prijungtume puslapį prie duomenų bazės. Tada sukurkite pavadinimo įvesties lauką. Tada sukurkite pranešimo tekstinę sritį. Sukūrę juos, apsilankykite adresu https:// localhost: 8080/messages/index.php (galbūt neturite prievado numerio, t. Y. 8080), kad įsitikintumėte, jog matote įvesties laukelį ir tekstinę sritį.

3. Toliau surinksime formos duomenis ir įterpsime į duomenų bazę.

4. Dabar pridėkime užklausą duomenų bazėje ir išveskite visus pranešimus į div.

5. Kad stilius būtų šiek tiek geresnis, pridėkime šiek tiek CSS, kad jis būtų šiek tiek gražesnis.

PS: Turėjau klaidą. Pakeiskite „pranešimą“, kad galėtumėte komentuoti šalia „INSERT“komandos, skirtos $ query kintamajam.

5 veiksmas: 5 veiksmas: pavyzdys ir kiti veiksmai

Tikimės, kad pridėję css ir išbandę pamatysite kažką panašaus į aukščiau pateiktą.

Kiti veiksmai: pridėkite daugiau css, kad svetainė taptų patrauklesnė.