跳转到主要内容

创建球队页面

使用 AI 助手构建一个页面,展示一支球队的赛果和即将进行的比赛。

作者:Pedro Maia

球队页面让您一目了然地看到一支球队的整个赛季:包括带有胜、平、负标记的赛果,以及它参加的每项赛事中即将进行的比赛。非常适合俱乐部网站。

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

开始之前

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

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

  • 您需要知道球队名称,并且必须与您的联赛网站上显示的名称完全一致。

  • 还没有联赛?可以先用 LeagueRepublic 的演示联赛试一试这段提示词:使用赛季 ID 153020000 和球队名称 Kings Arms。

如何使用提示词

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

  2. 填写您的信息。将 [MY-SEASON-ID] 替换为您的赛季 ID,将 [MY-TEAM-NAME] 替换为球队名称。

  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],球队名称是 [MY-TEAM-NAME]。

页面应当:

1. 首次加载时,从该赛季的赛程中找出这支球队的 ID,然后使用 Get Fixtures For Team 服务。记住这个 ID,避免再次查找。

2. 使用球队名称作为标题。

3. 将比赛分为“赛果”(最新的在前)和“即将进行”(最近的在前)。

4. 对每场比赛,显示日期、赛事(如有杯赛轮次也一并显示)、对手、是主场还是客场,以及比分,其中我方球队的比分在前。

5. 对于赛果,从该球队的角度显示 W、D 或 L(胜、平、负)。如果比赛踢平并通过点球决出胜负,则用点球大战的获胜方代替 D,并显示点球比分。

6. 用小字显示任何额外的比分详情,例如半场比分。如果比赛延期,则显示延期而不是时间。如果比赛日期已过但还没有赛果,则显示“等待赛果”而不是时间。

7. 重新加载数据的频率不要超过每分钟一次。

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

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

如果出现问题

  • 页面提示找不到这支球队。请检查球队名称是否与您的联赛网站上的写法完全一致,并确认该球队参加了该赛季。

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

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

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

Get Fixtures For Team 服务的完整详情请见 API 规范。

这是否解答了您的问题?