Eine Tabellenseite zeigt den Tabellenstand jeder Division Ihrer Liga, mit einem Menü, um zwischen ihnen zu wechseln. Sie können sie für sich allein nutzen oder auf Ihrer Website neben Ihre Neuigkeiten stellen.
Sie müssen kein Entwickler sein. Ein KI-Assistent wie ChatGPT oder Claude kann die Seite anhand der Anleitung unten für Sie erstellen.
Bevor Sie beginnen
Ihre Liga braucht den Gold-Plan mit eingeschalteter API. Siehe Erste Schritte mit der API.
Sie brauchen Ihre Saison-ID. So funktioniert die API zeigt, wie Sie sie finden.
Noch keine Liga? Probieren Sie den Prompt zuerst mit der Demo-Liga von LeagueRepublic aus: Verwenden Sie die Saison-ID 153020000.
So verwenden Sie den Prompt
Kopieren Sie den Prompt aus dem grauen Kasten unten.
Tragen Sie Ihre Saison-ID ein. Ersetzen Sie [MEINE-SAISON-ID] durch Ihre eigene Nummer.
Sagen Sie, wie es aussehen soll. Beschreiben Sie Ihre Farben und Ihren Stil, oder hängen Sie einen Screenshot Ihrer Website oder eines Designs an, das Ihnen gefällt. Ein Bild funktioniert meistens am besten. Wenn Sie nichts angeben, wählt die KI ein schlichtes Design.
Fügen Sie ihn in den KI-Assistenten ein und senden Sie ihn ab.
Öffnen Sie die Datei, die Sie erhalten. Speichern Sie sie und doppelklicken Sie darauf, um sie in Ihrem Browser zu öffnen.
Vergleichen Sie sie mit Ihrer Liga-Website. Wenn etwas falsch aussieht, sagen Sie es der KI in einfachen Worten, zum Beispiel "die Spalte mit den Punkten fehlt". Sie wird es korrigieren.
Der Prompt
Lies vor dem Start die JSON-API-Spezifikation von LeagueRepublic unter https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Verwende nur die Dienste, Webadressen und Feldnamen, die dort beschrieben sind, und halte dich an ihre Regeln zum Anfragelimit, zu leeren Werten, zu Fehlern und dazu, dass "road" auswärts bedeutet. Wenn du diese Adresse nicht öffnen kannst, hör auf und bitte mich, die Spezifikation einzufügen.
Erstelle mir eine einzelne Webseite (eine HTML-Datei, die ich in meinem Browser öffnen kann), die die Tabellen meiner Liga zeigt. Meine Saison-ID ist [MEINE-SAISON-ID].
Die Seite soll: 1. Nutze den Dienst Get Fixture Groups For Season, um die Divisionen der Saison aufzulisten, und zeige sie in einem Menü. Öffne mit der ersten Division. 2. Wenn ich eine Division auswähle, zeige ihre Tabelle mit dem Dienst Get Standings For Fixture Group. Lade eine Division erst, wenn ich sie auswähle. 3. Zeige Platz, Team, Spiele, Siege, Unentschieden, Niederlagen, erzielte Tore/Punkte, Gegentore/Gegenpunkte, Differenz und Punkte, dazu die aktuelle Form als kleine farbige Abzeichen (Sieg, Unentschieden, Niederlage). 4. Führe auch die Pokale im Menü auf, aber prüfe einen Pokal erst dann auf Tabellen, wenn ich ihn auswähle. Wenn er in Gruppen gespielt wird, zeige eine Tabelle pro Gruppe mit dem Gruppennamen darüber. Wenn er keine Tabellen hat, sag das. 5. Lass mich auf ein Team tippen, um seine Zeile hervorzuheben. 6. Behalte auf dem Handy Platz, Team, Spiele, Differenz und Punkte und blende die anderen Spalten aus. 7. Speichere jede Tabelle nach dem Laden und frage dieselbe nicht innerhalb einer Minute erneut ab.
Halte das Design übersichtlich und auf dem Handy gut lesbar. Erkläre in einfachen Schritten, wie ich die Datei öffne und benutze. Frag mich, wenn etwas unklar ist.
Design: [BESCHREIBEN SIE DAS GEWÜNSCHTE AUSSEHEN ODER HÄNGEN SIE EINEN SCREENSHOT AN] |
Wenn etwas nicht funktioniert
Die Tabelle einer Division zeigt nur Nullen. Diese Division hat noch keine Spiele ausgetragen. Die Tabelle füllt sich, sobald Ergebnisse eingetragen werden.
Eine Division fehlt. Divisionen, deren Tabellen auf Ihrer Liga-Website ausgeblendet sind, sind auch hier ausgeblendet.
Die Seite zeigt eine Fehlermeldung. Prüfen Sie Ihre Saison-ID und ob die API für Ihre Liga eingeschaltet ist.
Die Seite funktioniert im Vorschaufenster der KI nicht. Viele Vorschauen können keine Daten von anderen Websites abrufen. Speichern Sie die Datei und öffnen Sie sie stattdessen in Ihrem Browser.
Die KI sagt, dass sie die Spezifikation nicht lesen kann. Öffnen Sie die Adresse der Spezifikation in Ihrem Browser, markieren Sie alles, kopieren Sie es und fügen Sie es in die KI ein.
Alle Details zu den hier verwendeten Diensten finden Sie in der API-Spezifikation.