跳转到主要内容

创建比赛中心页面

借助 AI 助手创建一个页面,显示您的联赛在任意一天的比赛、比分和积分榜。

作者:Pedro Maia

比赛中心页面显示您的联赛在某一天发生的所有事情:比赛、比分和联赛积分榜,并带有一条日期栏,方便在不同日期之间切换。它看起来就像您 LeagueRepublic 网站上的 Match Hub 页面,但设计由您决定。

您不需要是开发人员。ChatGPT 或 Claude 等 AI 助手可以根据下面的说明为您创建页面。

开始之前

  • 您的联赛需要使用 黄金(Gold)计划并开启 API。请参阅 API 入门。

  • 您需要您的赛季 ID。API 的工作原理 介绍了如何找到它。

  • 还没有联赛?请先用 LeagueRepublic 的演示联赛试试这段提示词:使用赛季 ID 153020000。

如何使用提示词

  1. 从下方灰色框中复制提示词。

  2. 填写您的赛季 ID。将 [我的赛季ID] 替换为您自己的编号。

  3. 说明您想要的外观。描述您的配色和风格,或附上您网站的截图或您喜欢的设计。通常图片效果最好。如果您什么都不说,AI 会选择一个简洁的设计。

  4. 将其粘贴到 AI 助手中并发送。

  5. 打开它给您的文件。先保存,然后双击在浏览器中打开。

  6. 与您的联赛网站进行核对。如果有地方看起来不对,就用简单的话告诉 AI,例如“比分的顺序反了”。它会进行修正。

提示词

开始之前,请阅读位于 https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md 的 LeagueRepublic JSON API 规范。只使用其中描述的服务、网址和字段名,并遵守其中关于请求频率限制、空值、错误以及“road”表示客场的规则。如果你无法打开该地址,请停下来,让我把规范粘贴给你。

请为我创建一个网页(一个我可以在浏览器中打开的 HTML 文件),使用 Get Match Hub 服务显示我所在联赛的比赛中心。我的赛季 ID 是 [我的赛季ID]。

页面应当:

1. 在顶部显示一条可点击的比赛日栏,其中包括“待定”项。每一天都显示当天有多少场赛果和多少场待赛比赛。点击某一天即加载该日。页面打开时,滚动日期栏,使当前显示的日期可见。

2. 允许我在不同赛季之间切换。

3. 按级别或杯赛轮次名称分组显示当天的比赛。

4. 每场比赛显示主队、比分和客队。如果比赛尚未开始,则改为显示开球时间。将实时比分标记为“直播”,将联赛尚未批准的赛果标记为“暂定”。如果比赛被推迟,显示推迟信息而不是时间。如果比赛日期已过但还没有赛果,显示“等待赛果”而不是时间。

5. 用小号字体显示额外的比分细节,例如半场比分或点球。如果杯赛轮次已经出现在分组名称中,就不要在比赛下方重复显示。

6. 在每个级别下方显示其联赛积分榜:排名、球队、场次、胜、平、负、净胜、积分和近期战绩。

7. 如果一场比赛包含单项对局(飞镖、台球)或局(innings)、节(quarter)比分,将它们显示在一个我可以展开和收起的区域中。

8. 每天的数据加载后进行保存,一分钟内不要再次请求同一天的数据。

保持设计简洁,在手机上易于阅读。用简单的步骤说明如何打开和使用该文件。如有任何不清楚的地方,请问我。

设计:[描述您想要的外观,或附上截图]

如果出现问题

  • 页面显示错误消息。请检查您的赛季 ID,并确认您的联赛已开启 API。

  • 页面完全没有显示数据。请准确告诉 AI 您看到了什么。它可能需要更改页面加载数据的方式。

  • 页面在 AI 的预览窗口中无法正常工作。许多预览窗口无法从其他网站获取数据。请保存文件,然后在浏览器中打开。

  • AI 表示无法读取规范。在浏览器中打开规范地址,全选、复制,然后粘贴给 AI。

Get Match Hub 服务的完整详情请参阅 API 规范。

这是否解答了您的问题?