Skip to content
On this page

拖拽定制课程表使用说明

功能简介

本工具是一款支持自定义、拖拽操作的课程表生成器。用户可以自由添加科目,通过拖拽方式将科目安排到每一天的每一节课时中,并支持彩色/黑白两种样式的课程表下载,方便打印和分享。

主要功能

  • 自定义科目:可手动输入并添加任意新科目。
  • 拖拽排课:将科目从上方列表拖拽到课程表对应单元格,轻松排课。
  • 课程删除:点击课程单元格内的“×”按钮可移除该课程。
  • 时间自定义:每节课的时间可直接编辑,满足不同学校/班级需求。
  • 本地保存:课程表和时间信息自动保存在本地浏览器,下次打开自动恢复。
  • 重置功能:一键清空所有课程安排,方便重新规划。
  • 彩色/黑白下载:支持将当前课程表导出为彩色或黑白图片,方便打印。

使用步骤

  1. 添加科目
    在页面上方输入框输入新科目名称,点击“添加科目”按钮即可添加到科目列表。

  2. 拖拽排课
    按住科目名称拖动到下方课程表的对应单元格,松开即可完成排课。

  3. 删除课程
    点击课程单元格内的课程名称,出现“×”按钮,点击即可删除该课程。

  4. 编辑时间
    直接点击课程表左侧的时间单元格,输入自定义时间,编辑完成后点击空白处自动保存。

  5. 保存与恢复
    所有操作自动保存到本地浏览器,无需手动保存,刷新页面后自动恢复。

  6. 重置课程表
    点击“重置课程表”按钮,清空所有课程安排和时间设置。

  7. 下载课程表
    点击“下载彩色课程表”或“下载黑白课程表”按钮,可将当前课程表导出为图片,方便打印或分享。

注意事项

  • 本工具需在支持 HTML5 的现代浏览器中使用。
  • 下载功能依赖 html2canvas 库,确保页面底部已正确引入该库。
  • 本地存储数据仅保存在当前浏览器,清除浏览器缓存会丢失数据。

如需体验,请直接访问页面或将 schooltimetable.html 文件在浏览器中打开。

Released under the MIT License.