课程表制作器

在线填写每周课程格子、自动配色,导出课表图与打印

填写每周课程格子选配色导出课表图,支持上课铃声时间,学生老师常用。可选择周一至周五 / 六 / 七共五到七天列, 自定义节次行(如「第1节 08:00-08:45」)并插入上午 / 下午分隔行,点击格子选科目即自动配色, 支持导出 PNG 课表图、A4 横版打印,课表内容自动保存在本机浏览器,全程本地计算不上传。

基本设置

节次行(6 节课)

标签里写上上课铃声时间即可,如「第1节 08:00-08:45」;分隔行用于区分上午 / 下午 / 晚自习。

分隔
节次
节次
节次
节次
分隔
节次
节次

科目列表

每个科目按名称自动哈希配色,同名科目颜色永远一致。

语文数学英语科学道德与法治体育音乐美术劳动心理班会自习
点击格子选中,再点下方科目按钮填入;双击格子可清空

提示:课表在每次修改后自动保存到本机浏览器 localStorage,下次打开自动恢复;导出 PNG 为 2 倍分辨率,适合打印或发到群里。

# 什么是课程表制作器?

课程表制作器是一款在线课程表(课表)制作工具:左侧管理节次行与星期列数,右侧网格中点击格子、选择科目即完成填色, 科目颜色由名称哈希自动分配,同一科目在任何位置颜色恒定。做好后可一键导出 PNG 课表图或 A4 横版打印贴到教室墙上, 是学生排课、老师做班级课表模板的常用工具。所有数据只保存在你自己的浏览器里。

如何使用本工具

  1. 选择星期列数(周一至周五 / 六 / 七),设置课表标题
  2. 在节次行中编辑每节的名称与上课铃声时间(如「第1节 08:00-08:45」),可添加节次或插入「上午 / 下午」分隔行
  3. 点击课表中的一个格子(选中后高亮),再点击下方科目按钮填入课程;双击格子即可清空
  4. 需要更多科目时,在科目列表中自行添加,颜色自动分配
  5. 完成后点击「导出 PNG」保存课表图,或「打印课表」直接输出横版纸张

科目自动配色与导出原理

  • 配色规则:对科目名做 FNV-1a 字符串哈希后映射到一组预设柔和色板,纯函数计算,同名永远同色,不同名大概率不同色
  • PNG 导出:用 Canvas 在本地按当前网格重绘标题、表头与所有格子,2 倍分辨率输出图片,不经过任何服务器
  • 本地保存:每次修改自动写入 localStorage(含节次、科目、格子),换浏览器或清缓存后不会同步
  • 打印:通过 @media print + A4 landscape 横向纸张只输出课表本体,隐藏所有操作按钮

常见问题 (FAQ)

课表数据存在哪里?会丢失吗?

课表只保存在你当前浏览器的 localStorage 中,刷新或下次打开本页会自动恢复,不上传服务器。 清除浏览器数据、换设备或换浏览器时不会同步,重要课表建议导出 PNG 留存一份。

为什么两个不同科目颜色一样?

颜色是科目名哈希后对色板长度取模得到的,色板共 12 色,科目非常多时会出现「哈希撞色」。 撞色不影响使用,你可以给科目起更具体的名字(如「英语口语」与「英语笔试」)来区分颜色。

可以制作晚自习或兴趣班课表吗?

可以。节次行没有数量限制,点「插入分隔行」再改名为「晚自习」即可把课表分成多段; 兴趣班只需把星期列数设为 7,把自己的课程填进对应格子。课表格子内容本身不限制科目名。

相关工具推荐

时间戳转换

Unix时间戳与日期互转

热门 本地

Cron生成器

可视化生成Cron表达式

新品 本地

Cron解析器

解析Cron表达式

新品 本地

日期计算器

日期加减计算

新品 本地

时区转换

不同时区时间转换

新品 本地

日期差计算

计算两个日期差值

新品 本地

相关教程