跳转到主要内容

创建联赛积分榜

使用 AI 助手构建一个展示联赛积分榜的页面,并带有用于切换级别的菜单。

作者:Pedro Maia

联赛积分榜页面显示联赛中每个级别的排名,并带有用于在各级别之间切换的菜单。您可以单独使用它,也可以把它放在您网站上的新闻旁边。

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

开始之前

  • 您的联赛需要使用 Gold 计划并已开启 API。请参阅“API 入门”。

  • 您需要知道自己的赛季 ID(season ID)。“API 的工作原理”介绍了如何找到它。

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

如何使用提示词

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

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

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

  4. 将提示词粘贴到 AI 助手中并发送。

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

  6. 与您的联赛网站进行对照检查。如果有地方看起来不对,请用简单的话告诉 AI,例如“缺少积分列”。它会进行修正。

提示词

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

请为我构建一个单页网页(一个我可以在浏览器中打开的 HTML 文件),展示我所在联赛的积分榜。我的赛季 ID 是 [MY-SEASON-ID]。

页面应当:

1. 使用 Get Fixture Groups For Season 服务列出该赛季的各个级别,并在菜单中显示。默认打开第一个级别。

2. 当我选择某个级别时,使用 Get Standings For Fixture Group 服务显示它的积分榜。只有在我选择某个级别时才加载它。

3. 显示名次、球队、已赛、胜、平、负、进球、失球、净胜球和积分,并以彩色小徽章显示近期战绩(胜、平、负)。

4. 杯赛也要列在菜单中,但只有在我选择某项杯赛时才检查它是否有积分榜。如果该杯赛分组进行,则为每个小组显示一张积分榜,并在上方标明小组名称。如果没有积分榜,请说明。

5. 允许我点按一支球队来高亮显示它所在的行。

6. 在手机上,保留名次、球队、已赛、净胜球和积分,隐藏其他列。

7. 每张积分榜加载后都要缓存,并且一分钟内不要重复请求同一张。

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

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

如果出现问题

  • 某个级别的积分榜全是零。该级别还没有进行过任何比赛。录入赛果后就会填充数据。

  • 缺少某个级别。在您的联赛网站上隐藏了积分榜的级别,在这里也会被隐藏。

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

  • 页面在 AI 的预览窗口中无法运行。许多预览无法从其他网站获取数据。请保存文件,改为在浏览器中打开。

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

这里用到的各项服务的完整详情请见 API 规范。

这是否解答了您的问题?