拖拽定制课程表使用说明
功能简介
本工具是一款支持自定义、拖拽操作的课程表生成器。用户可以自由添加科目,通过拖拽方式将科目安排到每一天的每一节课时中,并支持彩色/黑白两种样式的课程表下载,方便打印和分享。
主要功能
- 自定义科目:可手动输入并添加任意新科目。
- 拖拽排课:将科目从上方列表拖拽到课程表对应单元格,轻松排课。
- 课程删除:点击课程单元格内的“×”按钮可移除该课程。
- 时间自定义:每节课的时间可直接编辑,满足不同学校/班级需求。
- 本地保存:课程表和时间信息自动保存在本地浏览器,下次打开自动恢复。
- 重置功能:一键清空所有课程安排,方便重新规划。
- 彩色/黑白下载:支持将当前课程表导出为彩色或黑白图片,方便打印。
使用步骤
添加科目
在页面上方输入框输入新科目名称,点击“添加科目”按钮即可添加到科目列表。拖拽排课
按住科目名称拖动到下方课程表的对应单元格,松开即可完成排课。删除课程
点击课程单元格内的课程名称,出现“×”按钮,点击即可删除该课程。编辑时间
直接点击课程表左侧的时间单元格,输入自定义时间,编辑完成后点击空白处自动保存。保存与恢复
所有操作自动保存到本地浏览器,无需手动保存,刷新页面后自动恢复。重置课程表
点击“重置课程表”按钮,清空所有课程安排和时间设置。下载课程表
点击“下载彩色课程表”或“下载黑白课程表”按钮,可将当前课程表导出为图片,方便打印或分享。
注意事项
- 本工具需在支持 HTML5 的现代浏览器中使用。
- 下载功能依赖
html2canvas库,确保页面底部已正确引入该库。 - 本地存储数据仅保存在当前浏览器,清除浏览器缓存会丢失数据。
如需体验,请直接访问页面或将 schooltimetable.html 文件在浏览器中打开。