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 bajnoksága mérkőzéseit, eredményeit és tabelláit.

Írta: Pedro Maia

A mérkőzésközpont-oldal mindent megmutat, ami egy adott napon a bajnokságában történik: a mérkőzéseket, az eredményeket és a tabellákat, egy dátumsávval a napok közötti váltáshoz. Úgy néz ki, mint a LeagueRepublic-webhelye 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, az alábbi utasítások alapján elkészíti Önnek az oldalt.

Mielőtt elkezdené

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

  • Szüksége lesz a szezon azonosítójára. A Hogyan működik az API cikk megmutatja, hogyan találja meg.

  • Még nincs bajnoksága? Először próbálja ki a promptot a LeagueRepublic bemutató 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 mezőből.

  2. Adja meg a szezon azonosítóját. Cserélje le a [SZEZONOM-AZONOSÍTÓJA] részt a saját számára.

  3. Mondja meg, hogyan nézzen ki. Írja le a színeit és a stílusát, vagy csatoljon képernyőképet a webhelyéről vagy egy tetsző dizájnról. Egy kép általában a legjobban működik. Ha nem ad meg semmit, az MI 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őben.

  6. Vesse össze a bajnokság webhelyével. Ha valami nem stimmel, mondja el az MI-nek egyszerű szavakkal, például: „az eredmények fordítva szerepelnek”. 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 az abban leírt szolgáltatásokat, webcímeket és mezőneveket használd, és tartsd be a szabályait a kéréskorlátra, az üres értékekre, a hibákra, valamint arra vonatkozóan, hogy a „road” idegenbelit jelent. Ha nem tudod megnyitni ezt a címet, állj meg, és kérd 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 Get Match Hub szolgáltatás segítségével megjeleníti a bajnokságom mérkőzésközpontját. A szezonom azonosítója: [SZEZONOM-AZONOSÍTÓJA].

Az oldal tegye a következőket:

1. Jelenítsen meg felül egy sávot kattintható játéknapokkal, beleértve a „később egyeztetendő” bejegyzést is. Minden nap mutassa, hány eredmény és hány lejátszandó mérkőzés tartozik hozzá. Egy napra kattintva töltse be azt. Az oldal megnyitásakor görgesse a sávot úgy, hogy a megjelenített nap látható legyen.

2. Tegye lehetővé a szezonok közötti váltást.

3. Jelenítse meg a nap mérkőzéseit az egyes osztályok vagy kupafordulók neve alatt csoportosítva.

4. Minden mérkőzésnél mutassa a hazai csapatot, az eredményt és a vendégcsapatot. Ha a mérkőzés még nem kezdődött el, helyette a kezdési időpontot mutassa. Az élő eredményeket jelölje „Élő” címkével, a bajnokság által még jóvá nem hagyott eredményeket pedig „Ideiglenes” címkével. Ha egy mérkőzést elhalasztottak, ezt mutassa az időpont helyett. Ha egy mérkőzés dátuma már elmúlt, de még nincs eredmény, az időpont helyett az „Eredményre vár” felirat jelenjen meg.

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

6. Minden osztály alatt jelenítse meg a tabelláját: helyezés, csapat, lejátszott, győzelem, döntetlen, vereség, különbség, pont és az utóbbi forma.

7. Ha egy mérkőzésnek egyéni játékai (darts, biliárd) vagy inningenkénti, illetve negyedenkénti eredményei vannak, ezeket egy lenyitható és becsukható szakaszban mutassa.

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

A dizájn legyen letisztult és telefonon is jól olvasható. Egyszerű lépésekben magyarázd el, hogyan nyissam meg és használjam a fájlt. Kérdezz, ha valami nem egyértelmű.

Dizájn: [ÍRD LE, MILYEN MEGJELENÉST SZERETNÉL, VAGY CSATOLJ EGY KÉPERNYŐKÉPET]

Ha valami nem működik

  • Az oldal hibaüzenetet jelenít meg. 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 adatot lekérni más webhelyekről. Mentse el a fájlt, és nyissa meg inkább a böngészőjében.

  • Az MI azt mondja, hogy nem tudja beolvasni a specifikációt. Nyissa meg a specifikáció címét a böngészőjében, jelöljön ki mindent, 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?