ข้ามไปที่เนื้อหาหลัก

สร้างรายการโปรแกรมและผลการแข่งขัน

ใช้ผู้ช่วย AI สร้างหน้าที่แสดงรายการทุกนัดในฤดูกาลของคุณ พร้อมตัวกรองตามรายการแข่งขันและทีม

เขียนโดย Pedro Maia

หน้าโปรแกรมและผลการแข่งขันแสดงทุกนัดในฤดูกาลของคุณ ทั้งนัดที่แข่งไปแล้วและนัดที่ยังไม่แข่ง โดยจัดกลุ่มตามวันที่ ผู้เข้าชมสามารถกรองตามดิวิชัน ถ้วย หรือทีม และสลับระหว่างผลการแข่งขันกับนัดที่กำลังจะมาถึงได้

คุณไม่จำเป็นต้องเป็นนักพัฒนา ผู้ช่วย AI เช่น ChatGPT หรือ Claude สามารถสร้างหน้านี้ให้คุณได้จากคำแนะนำด้านล่าง

ก่อนเริ่มต้น

  • ลีกของคุณต้องใช้แผน Gold และเปิดใช้งาน API แล้ว ดู เริ่มต้นใช้งาน API

  • คุณต้องมีรหัสฤดูกาล (season ID) ดูวิธีค้นหาได้ที่ วิธีการทำงานของ API

  • ยังไม่มีลีกใช่ไหม ลองใช้พรอมต์กับลีกสาธิตของ LeagueRepublic ก่อนได้เลย: ใช้รหัสฤดูกาล 153020000

วิธีใช้พรอมต์

  1. คัดลอกพรอมต์จากกล่องสีเทาด้านล่าง

  2. กรอกรหัสฤดูกาลของคุณ แทนที่ [MY-SEASON-ID] ด้วยตัวเลขของคุณเอง

  3. บอกว่าคุณอยากให้หน้าตาเป็นอย่างไร อธิบายสีและสไตล์ที่ต้องการ หรือแนบภาพหน้าจอของเว็บไซต์หรือดีไซน์ที่คุณชอบ โดยทั่วไปการใช้ภาพจะได้ผลดีที่สุด หากคุณไม่ระบุอะไรเลย AI จะเลือกดีไซน์แบบเรียบง่ายให้

  4. วางลงในผู้ช่วย AI แล้วส่งได้เลย

  5. เปิดไฟล์ที่ได้รับ บันทึกไฟล์ จากนั้นดับเบิลคลิกเพื่อเปิดในเบราว์เซอร์ของคุณ

  6. ตรวจสอบเทียบกับเว็บไซต์ลีกของคุณ หากมีอะไรดูผิดปกติ ให้บอก AI ด้วยภาษาง่าย ๆ เช่น "นัดที่เลื่อนออกไปแสดงเป็นผลการแข่งขัน" แล้ว AI จะแก้ไขให้

พรอมต์

ก่อนเริ่ม ให้อ่านข้อกำหนด LeagueRepublic JSON API ที่ https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md ใช้เฉพาะบริการ เว็บแอดเดรส และชื่อฟิลด์ที่ระบุไว้ในนั้นเท่านั้น และปฏิบัติตามกฎเรื่องขีดจำกัดการเรียกใช้ ค่าว่าง ข้อผิดพลาด และความหมายของ "road" ที่แปลว่าทีมเยือน หากคุณเปิดที่อยู่นั้นไม่ได้ ให้หยุดและขอให้ฉันวางข้อกำหนดให้

สร้างหน้าเว็บเดียว (ไฟล์ HTML หนึ่งไฟล์ที่ฉันเปิดในเบราว์เซอร์ได้) ที่แสดงรายการทุกนัดในฤดูกาลของลีกของฉัน รหัสฤดูกาลของฉันคือ [MY-SEASON-ID]

หน้าเว็บควร:

1. โหลดนัดการแข่งขันทั้งหมดของฤดูกาลเพียงครั้งเดียวโดยใช้บริการ Get Fixtures For Season และกรองข้อมูลทั้งหมดบนหน้าเว็บโดยไม่ต้องโหลดใหม่

2. มีสองแท็บ: "ผลการแข่งขัน" เรียงจากใหม่สุดไปเก่าสุด และ "โปรแกรมการแข่งขัน" (นัดที่ยังไม่ได้แข่ง) เรียงจากใกล้สุดไปไกลสุด

3. จัดกลุ่มนัดการแข่งขันตามวันที่ โดยใช้วันที่เป็นหัวเรื่อง

4. สำหรับแต่ละนัด ให้แสดงทีมเหย้า สกอร์หรือเวลาเริ่มแข่ง ทีมเยือน ชื่อดิวิชันหรือถ้วย รอบของถ้วย (หากมี) และสนาม

5. ให้ฉันกรองตามดิวิชันหรือถ้วย และตามทีม โดยใช้เมนูที่สร้างจากข้อมูลนัดการแข่งขันเอง

6. หากนัดถูกเลื่อน ให้แสดงข้อความนั้นแทนเวลา วางนัดที่ยังรอยืนยันวันแข่งขันไว้ในส่วนของตัวเองที่ท้ายแท็บโปรแกรมการแข่งขัน หากวันแข่งขันผ่านไปแล้วแต่ยังไม่มีผลการแข่งขัน ให้แสดง "รอผลการแข่งขัน" แทนเวลา

7. อย่าโหลดข้อมูลซ้ำบ่อยกว่าหนึ่งครั้งต่อนาที

ออกแบบให้เรียบร้อยและอ่านง่ายบนโทรศัพท์ อธิบายเป็นขั้นตอนง่าย ๆ ว่าต้องเปิดและใช้ไฟล์อย่างไร ถามฉันหากมีส่วนใดไม่ชัดเจน

ดีไซน์: [อธิบายหน้าตาที่คุณต้องการ หรือแนบภาพหน้าจอ]

หากเกิดปัญหา

  • สกอร์ครึ่งแรกหรือจุดโทษไม่แสดง ขณะนี้รายการนี้ไม่รวมรายละเอียดเพิ่มเติมดังกล่าว แต่หน้า Match Hub และหน้าทีมมีให้

  • ผลการแข่งขันหายไป ผลการแข่งขันจะแสดงต่อเมื่อลีกอนุมัติแล้วเท่านั้น

  • หน้าเว็บแสดงข้อความแสดงข้อผิดพลาด ตรวจสอบรหัสฤดูกาลของคุณ และตรวจสอบว่าได้เปิดใช้งาน API สำหรับลีกของคุณแล้ว

  • หน้าเว็บใช้งานไม่ได้ในหน้าต่างแสดงตัวอย่างของ AI หน้าต่างแสดงตัวอย่างหลายแห่งไม่สามารถดึงข้อมูลจากเว็บไซต์อื่นได้ ให้บันทึกไฟล์แล้วเปิดในเบราว์เซอร์ของคุณแทน

  • AI บอกว่าอ่านข้อกำหนดไม่ได้ เปิดที่อยู่ของข้อกำหนดในเบราว์เซอร์ของคุณ เลือกทั้งหมด คัดลอก แล้ววางลงใน AI

รายละเอียดทั้งหมดของบริการ Get Fixtures For Season อยู่ในข้อกำหนด API

นี่ไม่ใช่คำตอบที่ต้องการใช่ไหม