Unsere Webapplikation erweitern

Transkript

1 Unsere Webapplikation erweitern Um die Webapplikation zu benutzen: 1. Starten Sie den Server, indem Sie das Hauptprogramm in der Klasse ImdbServer starten. 2. Laden Sie im Browser die Seite Aufgabe 1: Suche nach Filmtitel Erstellen Sie eine Suchmaske, mit der die Benutzer nach Filmtitel suchen können: Gehen Sie dazu wie folgt vor: 1. Erstellen Sie im Ordner html/ eine Kopie der Datei index.html. Nennen Sie diese Kopie zum Beispiel index2.html. Diese Datei können Sie mit anzeigen lassen. 2. Passen Sie die Datei an in Analogie zur Abfrage nach Schauspieler. Insbesondere müssen Sie die Angaben im Formular (<form> </form>) anpassen. Schauen Sie im ImdbServer nach, wie der Kontext für die Abfrage auf der Movies-Tabelle heisst; diesen Kontext müssen Sie hier angeben. 3. Verwenden Sie als Handler den bestehenden MoviesQueryHandler. Sie müssen nur die Methode preparequery anpassen, damit diese Methode nicht nur Abfragen nach der ID eines Schauspielers erlaubt, sondern auch Abfrage nach Filmtitel ermöglicht. Dazu müssen Sie den entsprechenden Parameter aus dem Request auslesen, wobei Sie den Namen des Parameters im Formular definiert haben. 1

2 Aufgabe 2: Schauspieler und ihre Rollennamen zu einem Film anzeigen Erstellen Sie eine Ansicht, welche für einen Film die Schauspieler und ihre Rollennamen darstellt. Verlinken Sie diese Ansicht auf der Seite Gefundene Filme : Gehen Sie dazu wie folgt vor: 1. Erstellen Sie eine neue Klasse namens MovieActorsQueryHandler, die von AbstractSingleQueryHandler abgeleitet ist. Sie können dazu einfach eine Kopie zum Beispiel von MoviesQueryHandler machen. 2. Schreiben Sie in dieser Klasse die drei Methoden preparequery, mapresult und getvelocitytemplate. Als Input soll preparequery die ID eines Films erwartet. Die SQL-Query findet sich in der Musterlösung der vorangehenden Übung zu IMDB. Die Methode mapresult soll den Namen des Schauspielers, seinen Rollennamen und die ID des Schauspielers (damit eine Verlinkung zu der Seite mit den Filemen eines Schauspielers möglich ist) für Velocity aufbereiten. 2

3 3. Erstellen Sie das Velocity-Template. Sie können als Vorlage dazu zum Beispiel movies.vm verwenden. Denken Sie daran, in Ihrem Handler den Namen dieses Templates korrekt anzugeben. Das HTML für die Tabelle sieht wie folgt aus: <table> <tr> </tr> <tr> </tr> </table> <th style="text-align:left">schauspieler</th> <th style="text-align:left">rollenname</th> <td><a href="/query/movies?actor_id=30285">andersson, Benny</a></td> <td>(uncredited) [Piano Player on Boat]</td> 4. Melden Sie Ihren Handler beim Jetty-Server an, in der Klasse ImdbServer, analog zu den bestehenden Handlern. Aufgabe 3: Informationen zu einem Film anzeigen Erstellen Sie eine Ansicht, welche für einen Film verschiedene Informationen darstellt. Sie können dazu die Darstellung des Datenbankschemas der Übung IMDB Abfragen zur Hilfe nehmen. Damit können Sie zu einem Film nicht nur Schauspieler/innen, sondern auch Regisseur/innen, die involvierten Länder, die Genres und die sogenannten Taglines darstellen. Verlinken Sie diese Ansicht auf der Seite Gefundene Filme. 3

4 Um diese Seite darstellen, brauchen wir mehrere Abfragen auf die Datenbank: Die Abfrage von Aufgabe 2, um die Schauspieler/innen zu ermitteln, dann jeweils eine Abfrage für Regisseure, Länder, Genres, Taglines. Mehrere Abfragen passen aber nicht in das einfache Schema der Klasse AbstractSingleQueryHandler. Für diese Aufgabe müssen wir daher anders vorgehen. Zunächst erstellen wir die Infrastruktur : Einen eigenen Handler, den wir dann für mehrere Abfragen verwenden können: 1. Erstellen Sie eine neue Klasse namens MovieDetailsQueryHandler. Erstellen Sie diese Klasse als Kopie von AbstractSingleQueryHandler. 2. Verwenden Sie für Ihre Klasse die drei Methoden preparequery, mapresult und getvelocitytemplate aus der Aufgabe 2. Damit ist Ihre neue Klasse MovieDetailsQueryHandler nicht mehr abstract : Entfernen Sie bei der Deklaration der Klasse das Keyword. 3. Erstellen Sie das Velocity-Template. Kopieren Sie dazu das Template von Aufgabe 2. Denken Sie daran, in Ihrem Handler den Namen dieses Templates korrekt anzugeben. 4. Melden Sie Ihren MovieDetailsQueryHandler beim Jetty-Server an, in der Klasse ImdbServer, analog zu den bestehenden Handlern 5. Verlinken Sie diese neue Query auf der Seite mit den Filmen von Aufgabe 1. Jetzt sollten Sie die neue Ansicht anzeigen lassen können. Allerdings sieht diese neue Ansicht noch gleich aus wie bei Aufgabe 2. Jetzt erweitern wir die neue Ansicht um die zusätzlichen Informationen: 1. In der Methode answerquery setzen wir jetzt mehrere Datenbank-Abfragen ab. Die Abfrage der Schauspieler sähe dann etwa wie folgt aus: statement = preparequerywithmovieidparameter(request, connection, SELECT_MOVIE_ACTORS_QUERY); resultset = statement.executequery(); List<Map<String, Object>> actorslist = mapactorsresultset(resultset); context.put("actors_list", actorslist); System.out.println("actorsList für Template: " + actorslist); Dabei verwenden wir für das Vorbereiten der Query folgende Hilfsmethode: public PreparedStatement preparequerywithmovieidparameter(httpservletrequest request, Connection connection, String query) throws SQLException { if (request.getparameter("movie_id")!= null) { PreparedStatement statement = connection.preparestatement(query); int actorid = Integer.parseInt(request.getParameter("movie_id")); statement.setint(1, actorid); return statement; } throw new RuntimeException("MovieDetailsQueryHandler: Ungültige Parameter."); } Entsprechend müssen wir im Velocity-Template nun die Variable actors_list auslesen, nicht mehr die Variable result_list: #foreach ($movie_actor in $actors_list) 2. Ergänzen Sie analog in der Methode answerquery die weiteren Datenbank-Abfragen. Zusätzlich zu dem oben dargestellten Code braucht es für jede Abfrage eine eigene map ResultSet-Methode, also zum Beispiel mapcountriesresultset. 4

5 3. Ergänzen Sie Ihr Velocity-Template für die Darstellung der Resultate der weiteren Datenbank-Abfragen. Sie können dazu einfache HTML-Listen verwenden, wie sie in Aufgabe 1 vorkommen. Jetzt sollte Ihre Ansicht in etwa der eingangs dargestellten Ansicht entsprechen. Sie werden allerdings feststellen, dass die Taglines nicht einzeln dargestellt werden. Die Datensätze der Taglines in unserer IMDB-Datenbank enthalten teilweise nicht einzelne Taglines, sondern mehrere, getrennt durch das Newline-Zeichen. Sie können diese Taglines wie folgt aufsplitten: for (String tagline : resultset.getstring("taglinetext").split("\n")) { // HashMap erstellen } Nebenbei bemerkt: Es sind Spezialfälle und Ausnahmen wie diese, die in der Praxis die Software- Entwicklung (unnötig) erschweren... Aufgabe 4: Ein Refactoring der bisherigen Lösung (für angehende Profis) Die Lösung von Aufgabe 3 ist unbefriedigend: Wir haben zu viel Copy&Paste verwendet; der dadurch entstandene Code hat zu viele Redundanzen. In der Praxis wäre das nicht wartungsfreundlich. Daher würde jetzt ein äusserst wichtiger Schritt erfolgen: Die funktionierende Lösung so umzubauen, dass sie einfacher zu erweitern und zu warten ist. In der Musterlösung finden Sie die Packages server_refactored und queryhandlers_refactored. Die Klassen in diesen Packages sind etwas komplizierter als die bisherige Musterlösung. Dafür kann die Applikation basierend auf diesen Klassen einfach erweitert werden: Wir könnten zum Beispiel mit sehr wenig Aufwand unserer Movie-Detail-Ansicht die Resultate weiterer Abfragen hinzufügen. Oder wir könnten eine Seite mit allerlei Angaben zu Schauspielern erstellen (in welchen Filmen mitgemacht, mit welchen Regisseuren zusammengearbeitet etc.). Die Grobstruktur der Lösung sieht wie folgt aus (Auszug, nicht alle Implementationen von VelocityDbQuery sind dargestellt): 5

6 Ergänzen Sie die Movie-Detail-Ansicht um weitere Details, zum Beispiel eine Liste der Goofs (Fehler) des Filmes. Schauen Sie direkt in der Datenbank nach, wie die Tabelle Goofs aussieht. Erstellen Sie anschliessend eine Klasse MovieGoofsVelocityDbQuery, die Sie dann im Hauptprogramm ImdbServerRefactored einbinden. Das könnte dann wie folgt aussehen: 6