你是谁：
大家好，我是一名老师，这是我专门为我们Trae AI创造力大赛-决赛实时评分系统。
你是怎么用 TRAE 把 Demo 做出来的： 作为比赛活动的策划和统筹，我一直想给比赛弄一套专业、炫酷的现场打分大屏，但平时教学和行政工作太忙，手搓一个全栈项目时间根本不够。这次我完全是依靠和 TRAE “结对编程”搞定的！我只需要把脑子里的业务逻辑讲给它听，比如“评委分专家和普通级别，权重得不一样”、“超过5个评委要自动去掉最高分和最低分”。最让我惊艳的是大屏实时刷新功能，TRAE 直接帮我用 Node.js 实现了 SSE（Server-Sent Events）实时推送逻辑，原来搞定前后端实时通信可以这么简单，极大地缓解了我的开发焦虑！
1. Demo 简介
是什么：这是我专门为我们Trae AI创造力大赛-决赛实时评分系统。 同时适用于各类线下比赛、项目路演量身定制的 Web 智能评分系统。
面向谁： 赛事主办方、学校教研部门、企业创新项目统筹人员。
主要功能：
-
多维度智能计分算法：支持自定义评分标准与权重。系统会根据评委等级（专家 ×1.5 / 资深 ×1.2 / 普通 ×1.0）自动加权；当有效评委数大于 5 人时，还能自动剔除最高分和最低分，完美贴合严谨的赛制需求。
-
SSE 实时滚动大屏：通过 Server-Sent Events 技术，评委在移动端点击提交的瞬间，现场大屏上的能量柱排行榜和评委打分矩阵会做到毫秒级同步刷新，现场紧张的氛围感直接拉满。
-
严密的赛控与防作弊机制：评委通过系统生成的专属
access_token匿名链接进入。打分支持“首次提交 + 1 次修改”，修改后分数即被终极锁定，后台完全掌控比赛节奏。
(产品截图：1. 后台配置页截图 2. 评委手机端打分界面 3. 酷炫的实时大屏界面)
2. Demo 创作思路
灵感来源： 在筹办近期的学生比赛时，我发现传统的 Excel 统分或是市面上的普通表单工具，根本无法满足大型比赛对“大屏实时互动”和“复杂权重计算”的要求。 想解决的问题：
-
线下评分统分慢、人工核算极易出错；
-
评委梯队（专家评委与普通评委）话语权一刀切，不够科学；
-
台下观众和参赛选手干等结果，缺乏所见即所得的现场参与感。 为什么做这个方向： 商业化的导播大屏系统往往极其昂贵且配置繁琐。我希望用最简洁的技术栈（Node.js + MySQL + Tailwind CSS）打造一款轻量、极速部署且具备科技感视觉表现的专属系统。
3. Demo 体验地址
-
在线体验链接：
https://topn.cc.cd/ -
操作指引：
-
赛控后台：进入系统后台（
/admin.html），依次录入本次大赛的评分标准（确保权重相加为 100%）、参赛作品以及评委名单。 -
发布比赛：录入完成后点击“发布”，系统会自动生成各级别的评委专属打分链接和现场大屏链接。
-
实时互动：在手机上打开评委链接模拟打分，同时在电脑上全屏打开大屏链接，体验打分提交瞬间大屏榜单实时跳动的快感。
-
4. TRAE 实践过程
在 TRAE 的辅助下，我的开发流程异常顺畅：
-
底层架构构建：我向 TRAE 描述了大赛的实体关系，它迅速输出了完整的
schema.sql，并在 Express 中完美配置了 MySQL 数据库连接池。 -
核心统分算法：我把“评委等级映射默认权重”、“分数超5人去掉最高最低分”的规则发给 TRAE，它在
scoring.js中给出了非常优雅的数组排序和聚合逻辑。 -
SSE 数据流打通：通过对话，TRAE 帮我构建了
broadcastSse客户端集合逻辑，实现了低开销、低延迟的分数大屏单向推送。 -
前端视觉落地：让 TRAE 结合 Tailwind CSS 编写带有科技感（暗色网格背景、发光模糊效果）的静态页面，审美非常在线。
关键步骤截图：
关键任务对话 Session ID：
-
Session ID 1 (评审流程体验优化):
.4016929829290075:5030dbb698ad95bf77993286d8f62cbf_6a3cf4264dee23d560a5ead3.6a3cf4e94dee23d560a5ead6.6a3cf4e82e6d1f7ee0ae3ae7:Trae CN.T(2026/6/25 17:29:13) -
Session ID 2 (修复链接转二维码识别问题):
.4016929829290075:7ba5014cd359cec80100e0aca32dc918_6a3cf4264dee23d560a5ead3.6a3d0be14dee23d560a5ef69.6a3d0be02e6d1f7ee0ae3ae9:Trae CN.T(2026/6/25 19:07:13) -
Session ID 3 (颁奖页面添加AI生成的背景音乐):
.4016929829290075:f789c6fad132c950ad65584cabfc7ed2_6a3cf4264dee23d560a5ead3.6a3ddc6e31be511d349c663f.6a3ddc6c90be687e55542544:Trae CN.T(2026/6/26 09:57:02) -
Session ID 4 (修复音乐与烟花联动效果):
.4016929829290075:1e3351b9a966cec9622ffd65cd6c1dbc_6a3cf4264dee23d560a5ead3.6a3ddd1431be511d349c665b.6a3ddd1290be687e55542545:Trae CN.T(2026/6/26 09:59:48) -
Session ID 5 (配置SSL证书):
.4016929829290075:7069166a0b5ddc38eec8cc69e358a532_6a3cf4264dee23d560a5ead3.6a3f890c82745918ef69b83c.6a3f890a72ca940b3e7da1f1:Trae CN.T(2026/6/27 16:25:48) -
Session ID 6 (修复优化评分逻辑):
.4016929829290075:a134d809fb7570d10abacbb0e7c65213_6a3cf4264dee23d560a5ead3.6a432d03935170c0b7e0f5e2.6a432d03c8687866cdb3f064:Trae CN.T(2026/6/30 10:42:11) -
Session ID 7 (评分异常值处理):
.4016929829290075:6252c59c6e1c5f708cda788c816b69b3_6a3cf4264dee23d560a5ead3.6a4606603f242928cd01d40a.6a46065b2b897715adf66201:Trae CN.T(2026/7/2 14:34:08) -
Session ID 8 (开源到github):
.4016929829290075:d58d8381a99e31b78ff944eb958fa561_6a3cf4264dee23d560a5ead3.6a47458cf43536a0a0d5ccc8.6a47458b524dce51068cf518:Trae CN.T(2026/7/3 13:15:56)
5. 对应的报名审核通过的帖子链接
[**https://forum.trae.cn/t/topic/28907**\] 【学习工作赛道】TopN-赛事评分实时排名一站式解决方案