LU04.A01 - Webseite für Bücherliste

GitHub Classroom Assignment

Die Applikation enthält die HTML-, CSS- und Javascript-Dateien für das Frontend der Bibliothek. Besonders in der Datei util.js sind einige hilfreiche Funktionen vorhanden, ein Blick lohnt sich.

Anstelle der AJAX-Requests werden in der Vorlage hart codierte Daten verwendet. Deine Aufgabe ist es, die korrekten AJAX-Requests einzufügen und deren Resultat auszuwerten. Beachte dabei die Schnittstellen der Services aus LU03.A01 - Bibliothek.

Für die Entwicklung arbeiten wir mit dem lokalen Webserver localhost. Dieser blockiert jedoch sämtliche AJAX-Requests mit wegen Cross Origin Resource Sharing (CORS). Daher müssen wir am Anfang der Datei app.py unserer Flask-Applikation eine kleine Anpassung vornehmen:

from flask import Flask
from flask_restful import Api
from flask_cors import CORS
 
from resource.book_resource import BookResource
from resource.library_resource import LibraryResource
 
app = Flask(__name__)
CORS(app)
api = Api(app)
 
...

Nun können wir unsere AJAX-Requests mit der URL http://localhost:5050/… ausführen.

Lies ein Buch anhand der Book-UUID. Die Book-UUID ist als Parameter in der URL verfügbar.

Lies alle Bücher aus der Bibliothek.

Lösche ein Buch anhand der Book-UUID. Die Book-UUID ist als Parameter in der URL verfügbar.

Speichere ein neues oder geändertes Buch. Anhand der Book-UUID in der URL kannst du erkennen, ob es …

• … ein bestehendes Buch ist (Book-UUID in der URL vorhanden)
• … ein neues Buch ist (keine Book-UUID)

Marcel Suter