Kies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site

Transcriptie

1 Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site

2 Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten. Kies hiervoor je eigen map Mijn documenten. Het instellen van de Remote Info is belangrijk: Kies, een webserver map, dat is dus de map htdocs van XAMPP. Vervolgens moeten we ook aangeven wat voor configuratie er wordt gebruikt. Dit doen we met Testing Server: Maak de instellingen zoals deze te zien zijn in het volgende screenshot:

3 Als het goed is, heb je nu onderstaande scherm gekregen. In het tabblad Server Behaviors van het panel Application, zie je dat alle instellingen aangevinkt zijn. We kunnen nu php-pagina s maken! We moeten nu gaan kiezen met welke database we contact gaan maken. We kiezen in het panel Application nu voor de tab Databases: Je ziet hier daar een uitsnede van. We klikken op het plusje om de database te kiezen.

4 We kunnen nu de gegevens invullen. De naam van de connectie (verbinding) mag je vrij kiezen. Soms is het handig om meerdere verbindingen te hebben met de database, dit is vaak afhankelijk van de rechten die een gebruiker op de database heeft. De MySQL server is ALTIJD localhost. We hebben in de database nu maar 1 gebruiker, dat is de root. Niet verstandig om te gebruiken daar deze alle rechten heeft, dus ook om de database te vernietigen! Standaard zit er geen wachtwoord op de root dus die laten we open. Het is uiteraard zeer verstandig om bij upload naar een openbare webserver deze instellingen te wijzigen! Indien je nu op select klikt, zie je alle databases in beeld die je kunt gebruiken. We kiezen nu even voor de database cdcol, een database die standaard wordt meegeleverd bij php Myadmin. Indien je op OK klikt krijg je nog een melding: Inderdaad, een punt van aandacht! Indien je op OK klikt, krijg je het vorige venster nog een keer. Bij het klikken op OK komen we nu wel terug in de webpagina. Het beeld is gewijzigd! In het panel Application is de verbinding te zien! De verbinding overzicht is te zien. Indien je op het plusje klikt, kun je door te klikken, de tabelstructuur zien. Het is nu de hoogste tijd om de pagina een naam te geven. Sla de pagina op met een eigen naam maar met de extentie php.

5 Om een query in de pagina te kunnen maken, werkt Dreamweaver met het begrip recordset. Dit is dus feitelijk de query. Deze maken we nu eerst. Klik in het panel Application op Server Behaviors. Klik dan op het plusje en kies voor Recordset Geef de Recorset een passende naam. Bijvoorbeeld Totale_overzicht. Kies de verbinding, bijvoorbeeld overzicht. Direct komt bij Database Items de tabel in beeld, je kunt deze weer uitklappen zodat alles in beeld is. We maken nu de query: select titel, jahr from cds order by jahr; We kunnen dit gewoon intikken in het venster bij SQL. Een andere manier is door gebruik te maken van het de onderste 3 knoppen, SELECT, WHERE en ORDER BY. Je selecteert eerst de kolomnaam en klikt vervolgens op SELECT. Voor de tweede kolom doe je nog een keer precies hetzelfde. Dus Selecteer titel, klik op SELECT, klik op jahr en dan op SELECT. Vervolgens weer op jahr en dan op ORDER BY. De query is nu klaar. Door op Test te klikken, kun je zien of de query werkt en of je in beeld krijgt wat je in beeld wilde hebben.het ziet er goed uit dus we drukken op OK. Bij de Server Behaviors staat de recordset nu in beeld. Nu moeten deze gegevens in beeld komen in een php-pagina. Kies Insert>Data Objects>Dynamic Data>Dynamic Table. Je krijgt dan het volgende:

6 Er was maar één Recordset dus deze wordt gekozen. Je kunt vervolgens wat keuzes maken. Indien je veel records op je scherm hebt, is het verstandig om te kiezen voor een beperkt aantal per keer. De rest moet natuurlijk ook in beeld komen. Verderop zullen we zien hoe je dat kunt oplossen. Klik op OK. Je hebt nu alles gedaan om de pagina te maken. Om te kijken of het goed werkt kun je met de knop Live Data view (de knop rechts naast Design view) zien of de gegevens in beeld komen. Uiteraard kun je de opmaak aanpassen met behulp van CSS. Indien je met Code view kijkt, dan zie je dat er veel code is aangemaakt. De eerste 30 regels zijn bedoeld om je pagina te beveiligen tegen zogenaamde SQL-injecties. Een systeem dat het mogelijk maakt om via je pagina allerlei ellende op je webserver en databaseserver te plaatsen. We gaan niet in op waarom de code er zo uitziet. Indien je te maken hebt met veel records is een navigatie wel handig. Dat gaat heel snel. Kies Insert>Data Objects>Recordset Paging>Recordset Navigation Bar. Indien je voor Images kiest krijg je keurige navigatiepijltjes onder je tabel

7 Bij het Filespanel zie je dat er een map Connections is aangemaakt. In deze map zit het bestand overzicht.php. Indien je dat opent, zie je daar de verbindingsgegevens staan. Je kunt ze hier erg makkelijk veranderen. Een record toevoegen gaat ook erg gemakkelijk. Kies Insert>Data Object>Insert Record>Record Insertion Wizard. Kies bij Connection weer voor overzicht. Ogenblikkelijk komt de tabelstructuur weer in beeld. Bij Form fields moet je id weghalen, met de min knop) daar deze een auto_increment heeft. De database vult deze dus zelf in. De rest is goed en we drukken daarom op OK. De pagina is klaar! De opmaak is nog niet geweldig maar met wat HTML en CSS is dat gemakkelijk te veranderen. Het label van de button bijvoorbeeld moet echt anders! Een ander probleem is dat het formulier niet beveiligd is tegen onjuiste invoer. Dat kun je handmatig doen maar dat kan bijvoorbeeld ook heel mooi met het Spry framework. We gaan daar nu niet op in. Op overeenkomstige wijze kun je records verwijderen. Het updaten is wat compliceerder.