In deze zelfstudie maken we een basis 'Shoutbox'-systeem met PHP. Met het oog op de ontwikkeling van beginners tot PHP, kunt u uw voeten nat werken met databases voordat u verder gaat met een aantal van de meer geavanceerde PHP-tutorials hier bij NETTUTS.

Invoering

Deze tutorial begeleidt je bij het maken van een eenvoudige "shoutbox" met PHP, met behulp van een MySQL-database om de shouts op te slaan - en het er vervolgens leuk uit te laten zien met wat CSS. De tutorial is bedoeld voor ontwerpers die zelfverzekerd zijn met HTML & CSS, maar die willen experimenteren met PHP.

Volg na de tutorial hopelijk een goed begrip van de basisprincipes van het gebruik van PHP om te communiceren met een database om informatie te verzenden, te vragen en te ontvangen. We zullen ook het gebruik van Gravatars in onze Shoutbox opnemen, en die extra extra uitstraling toevoegen!

Voor degenen die dat niet hebben, raad ik je aan onze PHP From Scratch-serie te lezen om precies te begrijpen wat PHP is, en een blik te werpen op enkele van de basissyntaxis en hoe we variabelen gebruiken.

De bronbestanden worden ook becommentarieerd voor degenen die dat liever willen leren.

Stap 1 - Aan de slag

Database

Voordat u begint, moet u al een database instellen op uw webserver. Zorg dat je de volgende details bij de hand hebt:

• Hostnaam (bijv. localhost)
• Database naam
• Gebruikersnaam voor database
• Wachtwoord

In de database moet u een tabel met de naam maken geschreeuw met vijf velden:

• ID kaart
• naam
• e-mail
• post
• IP adres

Voer de volgende SQL-code uit om dit te maken. U zult dit normaal gesproken uitvoeren vanaf het tabblad SQL in phpMyAdmin.

 CREËER TAFEL 'shouts' ('id' INTEGER NIET GEGEVEN NIET NULL AUTO_INCREMENT, 'naam' VARCHAR (45) NOT NULL, 'email' VARCHAR (60) NOT NULL, 'post' TEXT NOT NULL, 'ipaddress' VARCHAR (45) NOT NULL, PRIMARY KEY ('id'));

U moet een bericht 'Uw SQL-query is succesvol uitgevoerd' ontvangen

De bestanden

We hebben drie bestanden nodig die voor dit project zijn gemaakt:

• index.php
• style.css
• db.php

Je hebt ook een map met onze vereiste afbeeldingen nodig. Grijp dit vanuit de bronbestanden.

Details databaseverbinding

De db.php bestand zal worden gebruikt om onze databasedetails op te slaan. Open het en voeg de volgende code in:

Stap 2 - Interactie

Start jou index.php bestand met de volgende code, het begint net met ons document en plaatst een paar delen later in stijl.

         
 
Shoutbox
 
Dan Harper: NETTUTS
 
 

Een verbinding tot stand brengen

Voordat we iets met een database kunnen doen, moeten we er verbinding mee maken. Voeg het volgende in na de vorige code. Dit wordt hieronder uitgelegd.

 Kan op dit moment geen verbinding maken met de databaseserver.
'); mysql_select_db ($ database, $ connect) of die ('
Kan op dit moment geen verbinding maken met de database.
');

De eerste twee regels gebruiken een ingebouwde PHP-functie om de naam van dit bestand te krijgen, en de andere regel om het IP-adres van de bezoeker te krijgen. We zullen de twee variabelen later in de zelfstudie gebruiken.

We nemen dan onze db.php bestand zodat we de databasedetails kunnen ophalen die u hebt ingevuld. U kunt ook alles van db.php hier plakken, maar het is een goede gewoonte om de details te scheiden.

$ verbinden slaat een functie op om onze databasedetails te gebruiken om een ​​verbinding tot stand te brengen met de databaseserver. Als er geen verbinding kan worden gemaakt, wordt er een foutmelding weergegeven en wordt de rest van de pagina gestopt met dobbelsteen ().

Eindelijk maken we verbinding met onze database.

Is er iets ingediend??

Het volgende dat we zullen doen, is controleren of iemand een shout heeft ingediend via het formulier (dat we binnenkort zullen opnemen). We controleren de POST van documenten om te zien of er iets is ingediend via een formulier.

 if (isset ($ _ POST ['send'])) if (empty ($ _ POST ['name']) || empty ($ _ POST ['email']) || empty ($ _ POST ['post']) ) echo ('
U hebt een verplicht veld niet ingevuld.
');  else 

We beginnen met onze if () die onze POST controleert om te zien of een item met de naam 'verzenden' is ingediend. Als dit het geval is, gebruiken we de lege () -functie om ervoor te zorgen dat de velden 'naam', 'e-mail' en 'post' zijn ingevuld. Als dat niet het geval is, wordt een fout weergegeven.

Anders gaan we verder:

 $ name = htmlspecialchars (mysql_real_escape_string ($ _ POST ['name'])); $ email = htmlspecialchars (mysql_real_escape_string ($ _ POST ['email'])); $ post = htmlspecialchars (mysql_real_escape_string ($ _ POST ['post'])); $ sql = "INSERT INTO schreeuwen SET name =" $ name ", email =" $ email ", post =" $ post ", ipaddress =" $ ipaddress ";"; if (@mysql_query ($ sql)) echo ('
Bedankt voor het schreeuwen!
');  else echo ('
Er is een onverwachte fout opgetreden bij het indienen van je shout.
'); 

Op de eerste drie regels voeren we elk van onze velden (naam, e-mail en post) via de htmlspecialchars () en mysql_real_escape_string () functies en plaats ze in hun eigen variabelen.

htmlspecialchars () is een functie die is ontworpen om te voorkomen dat gebruikers HTML-code indienen. Als we dit niet doen, kan iemand elke HTML in onze database plaatsen die vervolgens wordt uitgevoerd naar andere gebruikers. Dit is vooral slecht als iemand een javascript-code heeft ingevoerd die bezoekers naar een kwaadwillende website zou leiden!

mysql_real_escape_string () is een vergelijkbare functie. Behalve dit houdt dit de gebruiker tegen om enige soort SQL-code naar de server te verzenden. Als we dit niet doen, kan iemand code uitvoeren om onze database te stelen, bewerken of wissen!

Met behulp van onze nieuwe gegevens maken we een SQL-query om de ingediende shout in de database in te voegen. In de if () -tags voeren we de SQL-query uit. Als de query met succes is uitgevoerd en de shout aan de database is toegevoegd, wordt een bericht weergegeven waarin "Bedankt voor geschreeuw!" bericht; anders geven we een foutmelding.

De Shouts ophalen

We zullen nu de 8 nieuwste shouts uit onze database ophalen om ze aan de gebruiker te tonen.

 $ query = "SELECT * FROM" shouts 'ORDER BY' id 'DESC LIMIT 8; "; $ result = @mysql_query ("$ query") of die ('
Er is een onverwachte fout opgetreden bij het ophalen van gegrepen uit de database.
'); ?>
 
Op de eerste regel maken we een nieuwe SQL-query om "Alle velden uit de 'shouts'-tabel op te halen, ze te laten dalen door de' ID ', maar geef ons alleen de nieuwste 8".
 
Op de tweede regel voeren we de query uit en slaan deze op in $ resultaat. Wij nu:
 
 while ($ row = mysql_fetch_array ($ result)) $ ename = stripslashes ($ row ['name']); $ eemail = stripslashes ($ row ['email']); $ epost = stripslashes ($ row ['post']); $ grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=".md5(strtolower($eemail))."&size=70"; echo('
 
'$ Ename.'
'$ EPost.'
'); ?>

De eerste regel zegt: "Hoewel er nog steeds rijen (resultaten) binnen $ resultaat zijn, geef ze dan als volgt weer:".

stripslashes () verwijdert alle schuine strepen die mysql_real_escape_string () mogelijk in inzendingen geplaatst.

$ grav_url maakt onze Gravatar van elk e-mailadres van elke gebruiker.

Vervolgens voeren we elke schreeuw op een specifieke manier uit (echo). Door de Gravatar, Name en Shout in een lijst te plaatsen, kunnen we dit later gemakkelijk stijlen.

Het formulier

De laatste stap voor deze pagina is om een ​​formulier onder aan de pagina op te nemen waarin gebruikers berichten kunnen verzenden.

 
 
Roepen! 
 
Naam:
 
E-mail: