课程表制作器
在线填写每周课程格子、自动配色,导出课表图与打印
填写每周课程格子选配色导出课表图,支持上课铃声时间,学生老师常用。可选择周一至周五 / 六 / 七共五到七天列, 自定义节次行(如「第1节 08:00-08:45」)并插入上午 / 下午分隔行,点击格子选科目即自动配色, 支持导出 PNG 课表图、A4 横版打印,课表内容自动保存在本机浏览器,全程本地计算不上传。
基本设置
节次行(6 节课)
标签里写上上课铃声时间即可,如「第1节 08:00-08:45」;分隔行用于区分上午 / 下午 / 晚自习。
科目列表
每个科目按名称自动哈希配色,同名科目颜色永远一致。
我的课程表
| 节次 / 星期 | 周一 | 周二 | 周三 | 周四 | 周五 |
|---|---|---|---|---|---|
| 上午 | |||||
| 第1节 08:00-08:45 | |||||
| 第2节 08:55-09:40 | |||||
| 第3节 10:00-10:45 | |||||
| 第4节 10:55-11:40 | |||||
| 下午 | |||||
| 第5节 14:00-14:45 | |||||
| 第6节 14:55-15:40 | |||||
提示:课表在每次修改后自动保存到本机浏览器 localStorage,下次打开自动恢复;导出 PNG 为 2 倍分辨率,适合打印或发到群里。
# 什么是课程表制作器?
课程表制作器是一款在线课程表(课表)制作工具:左侧管理节次行与星期列数,右侧网格中点击格子、选择科目即完成填色, 科目颜色由名称哈希自动分配,同一科目在任何位置颜色恒定。做好后可一键导出 PNG 课表图或 A4 横版打印贴到教室墙上, 是学生排课、老师做班级课表模板的常用工具。所有数据只保存在你自己的浏览器里。
如何使用本工具
- 选择星期列数(周一至周五 / 六 / 七),设置课表标题
- 在节次行中编辑每节的名称与上课铃声时间(如「第1节 08:00-08:45」),可添加节次或插入「上午 / 下午」分隔行
- 点击课表中的一个格子(选中后高亮),再点击下方科目按钮填入课程;双击格子即可清空
- 需要更多科目时,在科目列表中自行添加,颜色自动分配
- 完成后点击「导出 PNG」保存课表图,或「打印课表」直接输出横版纸张
科目自动配色与导出原理
- 配色规则:对科目名做 FNV-1a 字符串哈希后映射到一组预设柔和色板,纯函数计算,同名永远同色,不同名大概率不同色
- PNG 导出:用 Canvas 在本地按当前网格重绘标题、表头与所有格子,2 倍分辨率输出图片,不经过任何服务器
- 本地保存:每次修改自动写入 localStorage(含节次、科目、格子),换浏览器或清缓存后不会同步
- 打印:通过 @media print + A4 landscape 横向纸张只输出课表本体,隐藏所有操作按钮
常见问题 (FAQ)
课表数据存在哪里?会丢失吗?
课表只保存在你当前浏览器的 localStorage 中,刷新或下次打开本页会自动恢复,不上传服务器。 清除浏览器数据、换设备或换浏览器时不会同步,重要课表建议导出 PNG 留存一份。
为什么两个不同科目颜色一样?
颜色是科目名哈希后对色板长度取模得到的,色板共 12 色,科目非常多时会出现「哈希撞色」。 撞色不影响使用,你可以给科目起更具体的名字(如「英语口语」与「英语笔试」)来区分颜色。
可以制作晚自习或兴趣班课表吗?
可以。节次行没有数量限制,点「插入分隔行」再改名为「晚自习」即可把课表分成多段; 兴趣班只需把星期列数设为 7,把自己的课程填进对应格子。课表格子内容本身不限制科目名。
相关工具推荐
时间戳转换
Unix时间戳与日期互转
Cron生成器
可视化生成Cron表达式
Cron解析器
解析Cron表达式
日期计算器
日期加减计算
时区转换
不同时区时间转换
日期差计算
计算两个日期差值