Ugrás a fő tartalomra

Mérkőzésközpont-oldal készítése

Készíttessen MI-asszisztenssel egy oldalt, amely bármelyik napra megmutatja a bajnokság mérkőzéseit, eredményeit és tabelláit.

Írta: Pedro Maia

A mérkőzésközpont-oldal egyetlen napon mutat meg mindent, ami a bajnokságban történik: a mérkőzéseket, az eredményeket és a bajnoki tabellákat, egy dátumsávval, amellyel napról napra lépkedhet. Úgy néz ki, mint a LeagueRepublic weboldalának Match Hub oldala, de a dizájnról Ön dönt.

Nem kell fejlesztőnek lennie. Egy MI-asszisztens, például a ChatGPT vagy a Claude, megépítheti Önnek az oldalt az alábbi utasítások alapján.

Mielőtt elkezdi

  • A bajnokságának Gold csomagra van szüksége bekapcsolt API-val. Lásd: Első lépések az API-val.

  • Szüksége van a szezon azonosítójára. Hogy hogyan találja meg, azt a(z) Hogyan működik az API cikk mutatja.

  • Még nincs bajnokság? Először próbálja ki a promptot a LeagueRepublic demóbajnokságával: használja a 153020000 szezonazonosítót.

A prompt használata

  1. Másolja ki a promptot az alábbi szürke dobozból.

  2. Írja be a szezon azonosítóját. Cserélje le a [MY-SEASON-ID] szöveget a saját számára.

  3. Mondja meg, hogyan nézzen ki. Írja le a színeit és a stílust, vagy csatoljon képernyőképet a weboldaláról vagy egy tetszetős dizájnról. Egy kép általában a legjobban működik. Ha nem mond semmit, az MI egy egyszerű dizájnt választ.

  4. Illessze be az MI-asszisztensbe, és küldje el.

  5. Nyissa meg a kapott fájlt. Mentse el, majd kattintson rá duplán, hogy megnyíljon a böngészőjében.

  6. Ellenőrizze a bajnokság weboldalával összevetve. Ha valami rossznak tűnik, mondja el az MI-nek egyszerű szavakkal, például: "az eredmények fordítva vannak". Ki fogja javítani.

A prompt

Mielőtt elkezded, olvasd el a LeagueRepublic JSON API specifikációját itt: https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Csak azokat a szolgáltatásokat, webcímeket és mezőneveket használd, amelyeket leír, és tartsd be a lekérési korlátra, az üres értékekre, a hibákra és a "road" jelentésére (vendég) vonatkozó szabályait. Ha nem tudod megnyitni ezt a címet, állj meg, és kérj meg, hogy illesszem be a specifikációt.

Készíts nekem egyetlen weboldalt (egy HTML-fájlt, amelyet meg tudok nyitni a böngészőmben), amely a bajnokságom mérkőzésközpontját mutatja a Get Match Hub szolgáltatás használatával. A szezonazonosítóm: [MY-SEASON-ID].

Az oldal tegye a következőket:

1. Felül jelenítsen meg egy sávot kattintható mérkőzésnapokkal, a "megerősítendő" bejegyzéssel együtt. Minden nap mutassa, hány eredménye és hány lejátszandó mérkőzése van. Egy napra kattintva töltődjön be. Az oldal megnyitásakor görgesse a sávot úgy, hogy a megjelenített nap látható legyen.

2. Hagyja, hogy váltsak a szezonok között.

3. A nap mérkőzéseit osztályonként vagy kupafordulónként csoportosítva mutassa.

4. Minden mérkőzésnél mutassa a hazai csapatot, az eredményt és a vendégcsapatot. Ha még nem kezdődött el, helyette a kezdési időt mutassa. Az élő eredményeket jelölje "Élő" felirattal, azokat az eredményeket pedig, amelyeket a bajnokság még nem hagyott jóvá, "Ideiglenes" felirattal. Ha egy mérkőzést elhalasztottak, azt mutassa az idő helyett. Ha a mérkőzés dátuma elmúlt, de még nincs eredmény, az idő helyett az "Eredményre vár" szöveget mutassa.

5. Az eredmény további részleteit, például a félidőt vagy a tizenegyeseket, kis betűvel mutassa. Ne ismételje meg a kupafordulót a mérkőzés alatt, ha már szerepel a csoport nevében.

6. Minden osztály alatt mutassa a bajnoki tabellát: helyezés, csapat, lejátszott, győzelem, döntetlen, vereség, különbség, pont és a legutóbbi forma.

7. Ahol egy mérkőzésnek önálló játszmái (darts, biliárd), játékrészei vagy negyedenkénti eredményei vannak, azokat egy általam nyitható és zárható szakaszban mutassa.

8. Minden napot mentsen el betöltés után, és ne kérje le ugyanazt a napot újra egy percen belül.

A dizájn legyen letisztult és telefonon könnyen olvasható. Magyarázza el egyszerű lépésekben, hogyan kell megnyitni és használni a fájlt. Kérdezzen, ha valami nem világos.

Dizájn: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]

Ha valami elromlik

  • Az oldal hibaüzenetet mutat. Ellenőrizze a szezon azonosítóját, és hogy az API be van-e kapcsolva a bajnokságánál.

  • Az oldal egyáltalán nem mutat adatot. Mondja el az MI-nek pontosan, mit lát. Lehet, hogy módosítania kell, hogyan tölti be az oldal az adatokat.

  • Az oldal nem működik az MI előnézeti ablakában. Sok előnézet nem tud adatokat lekérni más weboldalakról. Mentse el a fájlt, és inkább a böngészőjében nyissa meg.

  • Az MI azt mondja, hogy nem tudja elolvasni a specifikációt. Nyissa meg a specifikáció címét a böngészőjében, jelölje ki az egészet, másolja ki, és illessze be az MI-nek.

A Get Match Hub szolgáltatás minden részlete megtalálható az API-specifikációban.

Választ kapott a kérdésére?