【学习工作赛道】+ 日历版月度课程表

【标题】 报名赛道 + Demo 名称
(示例:【生活娱乐赛道】+XXXX

0. 先和大家打个招呼吧 :waving_hand:

  • 你是谁: 一名 教培机构的老师;

  • 你是怎么用 TRAE 把 Demo 做出来的: 不会代码,也没有精力学。原本是因为工作原因,需要一个属于自己的,能快速看见当天工作任务和 DDl 的 html 页面,最初是用通用 ai 软件(千问、豆包)制作一个。后来想起来豆包在生成代码之后会推荐用 trae 继续编辑代码,就尝试着用 trae 修改。计划面板做的差不多了,脑海里突然有个想法,领导给的暑假的课表不直观,但是市面没有找到适合的app,可以基于原来的计划表,建立一个自己的直观能看见当月课程安排的课程表。

1. Demo 简介

  • 是什么:网站,准确一点来说,是单个 html 文件。;

  • 面向谁:主要是教培人员(我自己),其他的大中小学生、机构排课老师、机构上课老师甚至父母都可以;

  • 主要功能:三大看板,直观看见自己当天的课程、下一节课、正在上的课程是什么

  • 课程可设置限定时间段内重复,精准匹配教培老师寒暑假课程安排

可云端同步,储存已设置好的课表,跨端跨平台打开网页设置好就能看见课表

  • 可修改单节重复的课程,精准匹配教培老师可能因为某些原因调课

2. Demo 创作思路

  • 灵感来源:领导给的课表看着不直观,需要手动录入 Excel 表格或者日历中;

  • 想解决的问题:

    • 静态课表无法直观提示“正在上课”或“下一节课”的倒计时,容易错过时间。
    • 传统排课软件在修改某一周的特定课程时,往往会错误地覆盖整个学期的重复课程,缺乏“仅修改单节”的细粒度控制。
    • 想要实现多端同步,通常需要注册各类臃肿的 App 或购买云服务,隐私和数据掌控权不在用户自己手中。;
    • 传统课表只能设置某个学期以及学期的周数,不匹配教培老师节假日,尤其是寒暑假课表的安排
  • 为什么做这个方向:科技因为想偷懒而进步(自己想要用这个功能的课表)。

3. Demo 体验地址(三选一)

课表.html (173.4 KB)

4. TRAE 实践过程

.3330850420173243:d1f1e9df0133b6eff547c420f4f15643_6a48b5bc308e7f7b782efe06.6a48bf44308e7f7b782eff42.6a48bf44cd61407c5bc31cc6:Trae CN.T(2026/7/4 16:07:32)

.3330850420173243:bec227a08ff829664d971cf727b917c0_6a48b5bc308e7f7b782efe06.6a48cb51be4c8c61ffa5129d.6a48cb512d88301badfa1fc3:Trae CN.T(2026/7/4 16:58:57)

.3330850420173243:c3eda100617f45fb2a6e2a407c56f273_6a48b5bc308e7f7b782efe06.6a48cf29be4c8c61ffa51341.6a48cf282d88301badfa1fc5:Trae CN.T(2026/7/4 17:15:21)

.3330850420173243:946d6799bdb1c8881d283958bd32613e_6a4ade8847c2113adfe2f382.6a4adf8347c2113adfe2f384.6a4adf82554ddb5ded8f261c:Trae CN.T(2026/7/6 06:49:39)

5. 对应的报名审核通过的帖子链接

1 个赞

这个课表最贴近真实场景的点,是没有按普通学校“整学期周课表”去套,而是把教培老师寒暑假、周末班、临时调课这些不规则情况放进了月历:日期范围加按星期重复生成课程,后续还能只改当前这一节,避免把整组重复课一起改坏。建议把评委操作路径写得更短:打开课表.html,先新增一门带日期范围和周重复的课程,再点某一天课程选择“仅修改当前课程”,最后看今日课程、正在上课、下一节课三个看板如何变化;云端同步也建议标清需要 Gitee/GitHub Token,Token 存在本机 localStorage。我们在生活娱乐赛道做《衍境》,偏互动影游创作系统:【生活娱乐赛道】衍境 Demo:EvoMap 驱动的互动影游智能体创作系统 ,和课表工具方向不同,这里只透明说明一下参赛来源。