JSF
Tijdens dit labo gaan we de webapplicatie verder uitbreiden, zodat een gebruiker de gegevens van een speler kan bekijken en nieuwe matchen kan toevoegen. Voor deze uitbereidingen ga je gebruikmaken van jsf.
Datalaag
In het eerste labo was de datalaag In-Memory geimplementeerd. Voor dit labo is de datalaag opnieuw geimplementeerd zodat de gegevens uit een MySql-databank worden gehaald. De nieuwe datalaag kan je hier vinden. Voeg deze nieuwe datalaag toe aan je project en test uit of deze nog werkt. De nieuwe dataklasse noemt be.hogent.iii.voetbal.datalaag.bo.JDBCDataStorage
Opzetten gegevensbank
De implementatie van de interfaces uit de datalaag maakt gebruik van een gegevensbank. Als gegevensbanksysteem gebruiken we Mysql.
-
Start de MySQL-deamon in een terminal-venster op via volgend commando:
service mysqld start
-
Maak een gegevensbank aan:
-
Maak de tabellen aan:
-
Open het bestand databank.sql. Dit bestand bevat de SQL-opdrachten om de tabellen aan te maken. Kopieer alle commando's en voer ze uit in de mysql-client.
- Vul de tabellen op door de SQL-bestanden club.sql, personen.sql en wedstrijden.sql uit te voeren.
-
Normaal is het gegevensbanksysteem nu opgestart en opgevuld met gegevens.
JDBC-Driver
Om de connectie met de databank te kunnen realiseren heb je een JDBC-driver nodig deze kan je hier vinden. Voeg deze jar toe aan de libraries van het project.
Opgave
Voeg het aan je project het jsf-framework toe. Dit doe je als volgt:
Klik met de rechtermuistoets op je project en selecteer properties.
Kies voor het menu-item frameworks.
Klik op de knop add en voeg het jsf-framework toe.
Algemene eis: zorg er voor dat alle volgende webpagina's taal-onafhankelijk zijn.
speler.jsp
Pas de webpagina club.jsp aan zodat alle spelers klikbaar zijn.
Bij het klikken op een speler word je doorverwezen naar speler.jsp. Deze pagina werk je volledig uit met jsf en ziet er als volgt uit:
Zorg er ook voor dat je menu zichtbaar is op deze pagina
addmatch.jsp
Maak een jsf-pagina voor het toevoegen van een nieuwe match. Deze pagina ziet er als volgt uit:
Op deze pagina zijn:
- Alle velden verplicht
- Datum heeft volgend formaat: dd/mm/YYYY
- Uur heeft volgend formaat: hh:mm
- Speeldag is tussen 1 en 32
- Aantal toeschouwers is positief
Extra's
- Zorg er voor dat de datums die je ingeeft in de toekomst liggen.
Indienen
- Kopieer de mappen src en web naar
U:/netwerken/jsf.
- Ten laatste maandag 19 okt om 18u.
|